{"id":730,"date":"2015-06-15T12:34:55","date_gmt":"2015-06-15T17:34:55","guid":{"rendered":"https:\/\/www.joshualyman.com\/?p=730"},"modified":"2015-06-15T12:35:45","modified_gmt":"2015-06-15T17:35:45","slug":"ios-launch-images-illustrator-template-download","status":"publish","type":"post","link":"https:\/\/www.joshualyman.com\/2015\/06\/ios-launch-images-illustrator-template-download\/","title":{"rendered":"iOS Launch images Illustrator template download"},"content":{"rendered":"

I needed \u00a0a quick way to make sure I had all the launch images for my Houston Tunnels app<\/a> recently, as it was time to support some new devices like the iPhone 6 Plus. At first, I just took one of the original launch images I had made, created a 2208 x 2208 pixel version of it, and put it through the excellent TiCons tool<\/a>. However this particular launch image just didn’t work well with the autogenerated versions created by TiCons, so it was back into Illustrator to tweak and fix.<\/p>\n

I realized that the number of different dimensions and orientations had really exploded as of late with the addition of new screen sizes by Apple in the past couple of years. In fact, there are nine different resolutions needed to support all iOS devices and orientations. So I did the research to get all of the correct sizes in a list, and created one Illustrator AI file to rule them all, and am making it available here for free, easy download<\/a> by other creators needing to make iOS launch images.<\/p>\n

\"Click<\/a>
Click here to download the All iOS Launch Images Illustrator Template<\/a><\/figcaption><\/figure>\n

To use it, I suggest creating a generic launch image in the largest Universal artboard first. Then you can copy and paste those assets into each of the individual boards, tweaking as necessary. To export all of the images for use in your app, go to File > Export, and in the dialog window click the “Use Artboards” option, as seen below.<\/p>\n

\"Use<\/a><\/p>\n

After clicking through the next dialog (you can leave the options at their defaults) it will spit out all of the artboards as separate image files,\u00a0almost<\/em> properly named. You will need to go in and remove the prefix on the file that Illustrator adds. For example, one output file will be named “iOS Launch Images_Default@2x.png”. Chop off the “iOS Launch Images_” portion and voila, you’ve got it ready to go!<\/p>\n

Download the iOS Launch Images Adobe Illustrator Template file (.ai)<\/a><\/h2>\n

Let me know if this helps you out, as it did for me. Happy development!<\/p>\n

Also, in case you needed a quick reference, here is a table with all of the current resolutions, dimensions, and orientations that one might need when putting together launch images.<\/em><\/p>\n\n\n\n\n\n\n\n\n\n\n
Device<\/th>\nLandscape Resolution<\/th>\nPortrait Resolution<\/th>\n<\/tr>\n<\/thead>\n
iPad and iPad Mini @2x (Retina)<\/td>\n2048 x 1536<\/td>\n1536 x 2048<\/td>\n<\/tr>\n
iPhone 6 Plus @3x<\/td>\n2208 x 1242<\/td>\n1242 x 2208<\/td>\n<\/tr>\n
iPhone 6 @2x<\/td>\nNo launch image<\/td>\n750 x 1334<\/td>\n<\/tr>\n
iPad 2 and iPad Mini @1x<\/td>\n1024 x 768<\/td>\n1024 x 768<\/td>\n<\/tr>\n
iPhone 5\/5S\/5C @2x<\/td>\nNo launch image<\/td>\n640 x 1136<\/td>\n<\/tr>\n
iPhone 4\/4S @2x<\/td>\nNo launch image<\/td>\n640 x 960<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

I needed \u00a0a quick way to make sure I had all the launch images for my Houston Tunnels app recently, as it was time to support some new devices like the iPhone 6 Plus. At first, I just took one…<\/p>\n