Jump to content
RoadkilleR78

iOS9 App Icon Template

Recommended Posts

Awesome work!!! but would it be possible to export the icons with the area around the borders being fully transparent? (then you could use this for android icons too!)

Share this post


Link to post
Share on other sites

How did you create that document. I am trying somethign similar now, but i dont know how you created the embedded layer that has to be double clicked and is referenced multiple times with different scaling.

 

Can you tell me how you 

- created that embedded layer

- are referencing that embedded layer

 

Thanks!

Share this post


Link to post
Share on other sites

How did you create that document. I am trying somethign similar now, but i dont know how you created the embedded layer that has to be double clicked and is referenced multiple times with different scaling.

 

Can you tell me how you 

- created that embedded layer

- are referencing that embedded layer

 

Thanks!

 

Hi,

 

It's easier than you think.

To embed a file use File -> Place.

Tutorial video: 

 

Thats all! :-)

Share this post


Link to post
Share on other sites

This is a great help. Thank you.

 

Questions:

- The icon sizes and names are not that same as those recommended for universal apps per https://developer.apple.com/library/content/qa/qa1686/_index.html#//apple_ref/doc/uid/DTS40009882-CH1-ICONS_FOR_UNIVERSAL_APPS What is the reason for this?

- What is the most efficient way to export the icons? I noticed in Export persona the Slices palette has "Batch builder" and "Export presets". I'm not sure how to use these or if I should.

 

Thanks.

Share this post


Link to post
Share on other sites

This is a great help. Thank you.

 

Questions:

- The icon sizes and names are not that same as those recommended for universal apps per https://developer.apple.com/library/content/qa/qa1686/_index.html#//apple_ref/doc/uid/DTS40009882-CH1-ICONS_FOR_UNIVERSAL_APPS What is the reason for this?

- What is the most efficient way to export the icons? I noticed in Export persona the Slices palette has "Batch builder" and "Export presets". I'm not sure how to use these or if I should.

 

Thanks.

To answer my own questions.

- Re: Icon Sizes: Never mind. They are good. In general, for these I would reference the Asset Catalog "AppIcon" sizes in Xcode instead of any online references as these may go out of date (as the above one did for iPad Pro..).

- Re: Icon Names: This does not matter so much. Names can be arbitrary, and I think @RoadkilleR78's names are fine (using the point size) as it makes it easy to drag them into the correct icon "wells" in Xcode

- Re: Exporting. In Export Persona > Slices palette, select slices (checkmarks) and at the bottom of the palette select "Export Slices" and save to the Assets.xcassets/AppIcon.appiconset folder. (Ignore "Batch Builder" in the Slices palette.) Then return to Xcode Asset Catalog and make sure these icons are dragged into the correct icon "well".

 

One other tip for exporting. Make sure the names of the slices include the "@2x", "@3x" etc, and slice scaling remains at "1x".

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.