How to Create Top Ranking Mobile App Icons - iOS Edition
5.0 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
134 students enrolled
Wishlisted Wishlist

Please confirm that you want to add How to Create Top Ranking Mobile App Icons - iOS Edition to your Wishlist.

Add to Wishlist

How to Create Top Ranking Mobile App Icons - iOS Edition

Create stunning icons for your apps or start an icon design business – Easy to use templates included!
5.0 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
134 students enrolled
Created by Walkabout Media
Last updated 7/2013
Current price: $10 Original price: $35 Discount: 71% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • iOS 7 Ready
  • No Programming Experience Required
  • Design Stunning iPhone/iPad App Icons
  • Test Icons on an iOS Device without XCode
  • Start an Icon Design Business
  • Create Multiple Icon Versions Quickly
  • Update Your Current App Icon
  • Mac and PC Users
View Curriculum
  • Photoshop CS2 or higher


Create professional looking app icons in minutes WITHOUT hiring a graphic designer! Detailed instructions and templates included with this course! Perfect for any level of Photoshop user!

Get your mobile apps noticed in the iTunes store! Now you can create beautiful app icons easily. Make multiple versions of your icon for testing before your app goes live. No programming or design experience required!

What makes this icon design course different is that it won't teach you how to make an app icon from scratch! That's the boring stuff! Instead, the initial set-up is already done... leaving you to the fun part like choosing pre-built frames, backgrounds and texture overlays! Once you've selected the base elements, simply add an image or graphic from your app.

Included with this course:

  • 9 Multi-layered Photoshop files that are capable of producing hundreds of unique designs. Simply turn on or off the elements you need and add a unique graphic from your app. Within minutes, you'll have an amazing looking app icon that is ready to upload!
  • A FREE bonus utility that will automatically re-size your icon according to Apple's design guidelines.
  • Instructions on how to test icons on an actual iOS device (such as an iPhone, iPad or iPod Touch) without a Mac or XCode! Allows graphic designers and developers to preview how icons will look on an actual device before delivering to clients.

Now is the time to take control of your icon design or even start your own icon design business!

Template Features

  • Professional Looking
  • Time Saving
  • Photoshop Based
  • Built-in Backgrounds
  • Built-in Texture Overlays
  • Completely Customizable
  • Current Design Standards
  • Easy to Make Changes
  • Templates Built at 1024x1024 pixels

Test Icons Without XCode

I will show you how to load your newly designed icons onto an iOS device so you can see what it will look like on the home screen. This is not just an image superimposed on a static background. Your iOS device will load the icon and you can scroll through your home screen just like a regular app. In other words, it is the actual app icon on your device. The best part is that you don't need a Mac or XCode!

You can even have clients load the icon you're designing on their own device so they can preview how it will actually look when their app is live. Don't worry, it's easy to do... even for tech challenged clients! A great "service" you can offer that will differentiate you from other designers and developers!

About The Instructor

This app icon design course is taught by Harlan Yee, an independent publisher, internet business developer and motion graphic designer. Harlan has over 20 years experience in television broadcast and video production. You can follow his latest projects including website development, digital product creation and online marketing at .

Who is the target audience?
  • Mobile App Developers
  • Graphic Designers
  • Freelancers
  • Photoshop Users
Compare to Other iOS Development Courses
Curriculum For This Course
13 Lectures
1 Lecture 01:35

Welcome to "How to Create Top Ranking Mobile App Icons". Please watch this introductory video first and find out what you can to look forward to!

Preview 01:35
File Downloads
2 Lectures 00:32
This is where you will download the Photoshop templates that are included with this course. The editable layers and backgrounds will help you achieve hundreds of unique combinations when designing your icon. The files are in .zip format and need to be unzipped before using. A total of 250MB free space on your hard drive is required. Photoshop CS2 or higher is required to use these files.
Download App Icon Templates

This is where you download "Icon Sizer". This is a set of Photoshop actions that will easily resize your icons with a couple of clicks. Settings are pre-built to the guidelines set forth in Apple's Image Design Guidelines. The video tutorial for "Icon Sizer" can be found at the end of the course.
Download Icon Sizer Utility
Template Tutorials
7 Lectures 51:22
This tutorial explains the features of the "Basic App Icon" template. This is also the first tutorial you should watch because it explains many of the common elements found in all the included templates. Use this tutorial as an introduction to the layout of the rest of the templates included in this course.
Preview 10:56

This is the tutorial for both the "Bottom Tab Icon" and "Top Tab Icon" templates. These templates are virtually identical except for the positioning of the small tab on the frame. The tab allows a small amount of text to be placed in this area.
Template 2 - Bottom Tab Icon

The "Raised Icon" template features a larger edge at the bottom giving it an illusion of the icon being slanted back slightly. It also has colored borders to help accent backgrounds and images.
Template 3 - Raised Icon

Book icons are popular and here's a template that will allow you to create either a flat graphic or semi-3D type book icon. This tutorial is for both the "Book Icon" and "Book Icon 3D" templates.

Template 4 - Book Icon

The "Simple App Icon" template is a universal icon that can be used for a variety of apps. It features several frame types for a distinctive look. This tutorial also demonstrates how layering in Photoshop can create an awesome looking icon!
Template 5 - Simple App Icon

The "Solid Icon" template features a robust frame giving it an illusion of depth. The icon is built from the perspective of looking directly down at it. Various colors and edges help make customization easy.
Template 6 - Solid Icon

The "Thick Metallic Icon" template has a very tough look to it. The icon is built with a slight angle to it allowing users to see the thick metallic edge.
Template 7 - Thick Metallic Icon
Resizing and Testing Icons
2 Lectures 09:52

In this video, you will learn how to install the "Icon Sizer" utility into Photoshop.  Icon Sizer is a set of Photoshop actions that resizes your icons to Apple Design Guidelines with a couple of clicks.

Preview 03:55

This video will show you how to load your icon onto an iOS device even if you don't own a Mac. This is extremely helpful if you want to see how your icon will look on an actual device. You can even have clients view icons that are still in the design stage on their device as well!

Test Icons on an iOS Device Without a Mac or XCode
1 Lecture 00:30

The conclusion to the course!

About the Instructor
Walkabout Media
4.3 Average rating
38 Reviews
481 Students
4 Courses
eLearning - Digital Publishing - Video Production

We publish content on a variety of digital formats intended to educate and enrich the online community. Our experience includes professional video production, motion graphic design, media publication, online marketing, and mobile app creation. Our products reach a world-wide audience and we adhere to the highest quality standards for a rewarding experience.