Go Back   MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Reply
 
Thread Tools Search this Thread Display Modes
Old Oct 9, 2012, 10:38 PM   #1
Caketastic
macrumors newbie
 
Join Date: Oct 2012
Help with iOS app icon design

I have some design questions regarding how to save icon images for use in iOS apps.

I am designing the vector images in Illustrator, then copying them into Photoshop and saving for web/devices as .png files. Here is what I'm not clear on:
1. So, for an iOS app icon for example, Apple specifies one of the sizes as 114x114. When I create the new Photoshop document into which I will paste the vector file, do I need to enter 114x114 at 326ppi or just leave it at 72ppi? I have asked various developers to no avail.
2. Do I need to create my new Photoshop document into which I will paste the vector file larger than the largest bucket? So, if my largest bucket is 512x512, do I need to start with a document that is bigger than that? If so, by what multiple? Double--1024x1024 in this case?
3. Do I need to create my vector file at exactly the same pixel dimensions as the intended size of the Photoshop doc I will paste into? So, if the Photoshop doc will be 1024x1024, should I set up my Illustrator doc at that exact size? I guess what I'm asking is if a smart object will scale without losing quality inside photoshop or if it becomes bitmapped.

Thanks for any help.
Caketastic is offline   0 Reply With Quote
Old Oct 11, 2012, 01:16 AM   #2
jpine
macrumors 6502
 
Join Date: Jun 2007
Quote:
Originally Posted by Caketastic View Post
I have some design questions regarding how to save icon images for use in iOS apps.

I am designing the vector images in Illustrator, then copying them into Photoshop and saving for web/devices as .png files. Here is what I'm not clear on:
1. So, for an iOS app icon for example, Apple specifies one of the sizes as 114x114. When I create the new Photoshop document into which I will paste the vector file, do I need to enter 114x114 at 326ppi or just leave it at 72ppi? I have asked various developers to no avail.
2. Do I need to create my new Photoshop document into which I will paste the vector file larger than the largest bucket? So, if my largest bucket is 512x512, do I need to start with a document that is bigger than that? If so, by what multiple? Double--1024x1024 in this case?
3. Do I need to create my vector file at exactly the same pixel dimensions as the intended size of the Photoshop doc I will paste into? So, if the Photoshop doc will be 1024x1024, should I set up my Illustrator doc at that exact size? I guess what I'm asking is if a smart object will scale without losing quality inside photoshop or if it becomes bitmapped.

Thanks for any help.
I use Lightwave to create 3D icons for my apps, so I'm not sure about AI to PS. I create my icons at 512x512 and scale them down to whatever is appropriate for the device in question. I just ran across this free app not long ago that will take the work out of making multiple icons. It's kind of strange that you download the app from a link in Vimeo, but that's the way the developer has it set up. Just know that what looks great at 512 may be unrecognizable at 114x114.
jpine is offline   0 Reply With Quote
Old Dec 9, 2012, 08:31 AM   #3
Refugeek
macrumors newbie
 
Join Date: Dec 2012
Location: Belgium
Quote:
Originally Posted by jpine View Post
I use Lightwave to create 3D icons for my apps, so I'm not sure about AI to PS.
Do you create the entire image in Lightwave, or just some 3D elements that you use in a photoshop document to build the icon?
__________________
Custom word art: bit.ly/refugeek - Unique social media icons: bit.ly/fiverricons - Typography gear designs
Refugeek is offline   0 Reply With Quote
Old Oct 10, 2013, 05:05 AM   #4
penlike
macrumors newbie
 
Join Date: Oct 2013
Thank you.

ดาวน์โหลด โกลคลับสล็อต แทงบอลออนไลน์
penlike is offline   0 Reply With Quote
Old Oct 12, 2013, 02:20 PM   #5
Moonjumper
macrumors 65816
 
Join Date: Jun 2009
Location: Lincoln, UK
I create my icons in Illustrator. I just use "Save for Web & Devices", repeating with each size I need as it is very easy to set the resolution that way. No need for Photoshop.
Moonjumper is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
iPhone: iMessages App on IOS 7/Icon mikeydjs iOS 7 1 Jan 31, 2014 03:47 PM
Jony Ive Put Apple's Marketing Team in Charge of iOS 7 Icon Design MacRumors MacRumors.com News Discussion 464 Sep 19, 2013 11:58 AM
iPhone: 100+ Beautiful iOS Icon Maker and Free iOS App Icon Templates mattdog UI Customization 0 Aug 8, 2013 12:26 PM
Flipboard hinting at iOS 7 icon design? Mjmar iOS 7 31 Jun 2, 2013 08:21 PM

Forum Jump

All times are GMT -5. The time now is 12:39 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC