Learn Mobile App Design in Photoshop
3.0 (1 rating)
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.
12 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Mobile App Design in Photoshop to your Wishlist.

Add to Wishlist

Learn Mobile App Design in Photoshop

Create a custom, pixel perfect flat or 3D app icon for your app with Photoshop. Learn with step-by-step video projects.
3.0 (1 rating)
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.
12 students enrolled
Created by Joanna Ngai
Last updated 1/2015
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Over 12 Lectures and 1.25 hours of video content
  • Freebies such as high quality texture packages and tutorials
  • Project 1: Design an iOS App Icon
  • Project 2: Design a Android App Icon
  • Project 3: Design a Flat Style App Icon
  • Project 4: Design a Photorealistic App Icon
  • Insider tips on creating effective and efficient icon designs
  • Knowledge of app icon specifications for iOS and Android
  • Resources for every app icon project to help you succeed
  • Comprehensive knowledge of Adobe Photoshop for App Icon Design
View Curriculum
  • Adobe Photoshop

How to Make Pixel Perfect iOS & Android App Icons

With the popularity of mobile apps at the moment, especially in our daily lives, one thing that stands out is beautiful design in a crowded marketplace.  

Creating a delightful first impression for your mobile app is crucial as it will help strengthen your brand and stand out among the many other applications that are available. How do you draw a customer's eye to try out your app? 

I will teach you how to design eye-catching app icons for both iOS and Android so your app will be successful. 

First Impressions Matter

A great and well designed app icon will improve sales and bring in more attention to your app. Demonstrate that your app has top quality to by showcasing a relevant and beautiful icon that will give your users a great first impression. Making an original design from scratch will ensure that your unique design stands out from the competition.

Learn From an Expert

Joanna Ngai, a designer with industry experience in creating iOS and Android app, will take you through setting up your first photoshop file to creating beautiful realistic or flat app icons.

You will learn the basics of preparing a file to setting up all the correct specifications for either iOS or Android devices.

What You Will Learn

The following projects will consist of several tutorials will start with the basics for beginners.

We will work together to go through learning basic styles, textures, color choices in photoshops and how to create your first app icon.

Following lessons will explore the highly popular flat style as well as more advanced techniques for creating photorealistic app icons.

You will also be able to follow along as a I walk through several projects showing the techniques step by step, using methods that are easy to understand even for photoshop beginners.


We'll learn through step by step examples and video projects while I give you the resources necessary to succeed.

There are four major projects:

[1] iOS App Icon

[2] Android App Icon

[3] Flat Style App Icon

[4] Photorealistic App Icon

Want to become an expert in creating beautiful and unique app icons?

Let's get started!

Who is the target audience?
  • This course is meant for anyone interested in creating top quality app icons for iOS or Android. No prior photoshop experience is needed. This course will cover intermediate and advanced techniques in later lessons.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
13 Lectures
Getting Started
3 Lectures 14:10

Welcome to my course on How to Design App Icons for iOS and Android. Even if you're not planning on becoming a professional designer or you haven't even opened up Photoshop, I'm here to help you get started.

Give me a few minutes of your time each day and I'll teach you everything I know about designing pixel perfect app icons. Let's go into the fun part and learn how to get started!

iOS and Android specifications to keep in mind as your start your Photoshop file.

Preview 04:55

An introduction to basic Photoshop tools for beginners.

Using the move tool, paint bucket, navigator and layers panel.

Preview 06:38

Key differences when designing for iOS and Android and how to design great app icons.

Differences Between iOS and Android Icon Design
iOS App Icon Project
1 Lecture 07:26

Create your first iOS icon in this project - make a simple mail icon.

Introduction to gradient backgrounds.

Designing in Photoshop for iOS
Android App Icon Project
1 Lecture 09:17

Create your first Android icon - make a simple messaging icon.

Introduction to creating basic shadows.

Designing in Photoshop for Android
App Design Styling Principles
3 Lectures 16:02

How to choose different color palettes and deciding your app's look and feel.

Tools and Tips for Choosing a Effective Color Palette

Creating leather, noise and metallic textures with layer styles and blending modes in Photoshop.

Attached as downloadable materials:

  • Leather, noise, metal texture
Textures in Icon Design (Part I - Layer Styles and Techniques)

Continued: creating leather, noise and metallic textures with layer styles and blending modes in Photoshop.

Attached as downloadable materials:

  • Screenshots of all layer styles used in textures
Textures in Icon Design (Part II - Layer Styles and Techniques)
Flat Style App Icon Project
3 Lectures 17:19

What's the difference between flat style and photorealism?

Introduction to Flat vs. Photorealistic Style

Creating a flat style app icon in Photoshop - make a trendy camera icon.

Flat Style Icon Project (Part I - Making a Trendy Flat Style Camera)

Continued: creating a flat style icon in Photoshop - make a trendy camera icon.

Design a long shadow effect popular with flat style icons.

Flat Style Icon Project (Part II - Create a Long Shadow)
Photorealistic App Icon Project
1 Lecture 11:23

Creating a photorealistic app icon in Photoshop - make a beautifully textured speaker with metallic and leather textures.

Photorealistic Icon Project
1 Lecture 00:00

Congratulations! You have almost finished the iOS and Android app design course! You will leave armed with the skills to successfully create your own beautiful, custom app icon in Photoshop.

In the final notes, let's review the basic tools and some free tutorials to help you keep learning and improving.

I'll also share some insider sites with lots of high quality texture packages and other freebies so you can design like a pro. Thanks for joining me on this course and growing your skill set as app icon designer!

Photoshop Tool References and Closing Remarks
1 page
About the Instructor
Joanna Ngai
3.0 Average rating
1 Review
12 Students
1 Course
UX Designer

Joanna is a passionate advocate for conversations within the design community and sharing knowledge.

That's why she is excited to join the udemy's vast community and share her passion for creating pixel perfect mobile design and app design to the many students and learners eager to improve their skills. Her goals include bridging the gap between non-designers and designers while sharing insights from her individual experiences in the design industry.

Her curiosity in the creative field and prior experience in the design industry drives her to pursue pixel perfect design and develop better design practices to share with others.