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 (6 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.
121 students enrolled
$45
Take This Course
  • Lectures 13
  • Contents Video: 1 hour
    Other: 1 min
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2013 English

Course Description

***UPDATED FOR iOS7***

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 FreelanceDoodle.com .

What are the requirements?

  • Photoshop CS2 or higher

What am I going to get from this course?

  • 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

What is the target audience?

  • Mobile App Developers
  • Graphic Designers
  • Freelancers
  • Photoshop Users

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
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!

Section 2: File Downloads
Article
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.
Article
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.
Section 3: Template Tutorials
10:56
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.
07:09
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.
08:37
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.
03:20

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.

10:03
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!
06:10
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.
05:07
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.
Section 4: Resizing and Testing Icons
03:55

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.

05:57

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!

Section 5: Conclusion
Article

The conclusion to the course!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Walkabout Media, 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.

Ready to start learning?
Take This Course