Master App Icon Design for iPhone (IOS) & Android Devices
4.0 (339 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.
9,489 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Master App Icon Design for iPhone (IOS) & Android Devices to your Wishlist.

Add to Wishlist

Master App Icon Design for iPhone (IOS) & Android Devices

Design sleek, clean and elegant launcher App Icons for Android and IOS (IPhone) using Illustrator and Photoshop
4.0 (339 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.
9,489 students enrolled
Created by Ahsan Pervaiz
Last updated 4/2017
English
English [Auto-generated]
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 8 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn to design professional, sleek and awesome App Icons
  • Design Simple & Cool Android App Icons
  • Learn all the IOS App Icon Design guidelines
  • Avoid beginners mistakes while desining IOS App Icons
  • Export all different sizes of IOS App icons for Ipad and Iphone
  • Learn about all the Specs and different sizes of Android & IOS App Icons
View Curriculum
Requirements
  • Basic Knowledge of Photoshop
  • Basic Knowledge of Illustrator
  • Photoshop and Illustrator Installed on their PC or MAC
Description

UPDATED 5th Jan 2016 ***********************************************************

Added 14 Lectures and New Section on how to Design Android App Icons

**MUST have previous knowledge of Photoshop & Illustrator**

-------------------------------------------------------------------------------------------------------------------------------

If you think that designing App Icons is difficult task using Photoshop. OR you know the basics of Photoshop or Illustrator and want to create App Icons for your IOS App or Android App; then this course is for you. This course is All about IOS & Android App Icon Design from basics to exporting all different sizes to support all devices

This course will cover all the do's and don’ts of App Icon design, you will see a lot of examples of bad and great app icons in this course. You will also learn about all the different IOS and Android App Icon sizes and specification.

There is whole section on Android App Icon Design in this course. In Android App Icon Design you will learn the whole process of App Icon design from Sketching and Ideation to converting it to shapes in Illustrator and finally generating all the different sizes for all Android Devices

Course Exercises------------------------------------------------------------------------------

→ We will design Elegant IOS Mail App icon during this course. You will also learn all the technical problems newbies face when they try to start designing IOS App Icons.

→ You will Design two icons for Hydration App and learn the process behind it. In the end, you will generate all the different sizes for Android Apps and which size you are going to submit to Google App Store

I will include all the Resources and PSD files for app icon creation process.

Who is this course for?

  • Designers
  • Photoshop Users
  • App Developers
  • App Designers
  • Anyone who wants to launch an app

Now let’s dig in and Take this course to start Designing Awesome App Icons in Photoshop and Illustrator

Who is the target audience?
  • Graphic Designers
  • Novice Designer
  • UI Designer
  • Web Designers
  • App Developers
  • Programmers
  • Anyone who wants to create app icon for their own app
Students Who Viewed This Course Also Viewed
Curriculum For This Course
42 Lectures
02:11:23
+
Introduction
3 Lectures 12:04

This is the intro video about this IOS App Icon Design course, i will go through all the process i use for designing and exporting all different sizes for IOS App icons. We will also learn creating some shapes in Adobe Illustrator and then bringing them to Photoshop for Icon Design.

I will discuss the requirements for this course and what tools we will be using during this course

Preview 02:40

This is a must watch lecture where i tell why students rated my course 3 star and what was their basic problem

What you are going to get from this course

What to Expect from this course (Dont skip this Lecture)
03:44

Learn how to use Udemy interface to learn the most from this course

How to Watch the Course?
05:40
+
Design Guidelines for IOS App Icons
4 Lectures 06:09

This lecture will tell us the reasons for designing an elegant and sleek App Icon

Why do we need great app icons?
01:00

Learn about what qualities a good app icon should have

Qualities of good App Icons
01:24

I will discuss all you have to keep in mind while designing IOS app icons. Things you need to consider from design point of view while creating App Icons

Do's of IOS App Icon Design
01:24

All the don'ts of IOS App icon design, always keep in mind the basics of what you need to avoid while designing IOS App icons

Dont's of IOS App Icon Design
02:21

Lets see what do you know about great App Icons

Qualities of a great App Icons
6 questions
+
Design Specs for IOS App Icons
8 Lectures 06:29

In this lecture, you will learn all the different sizes and specs related to IOS App Icons for Iphone or Ipad

Preview 01:29

This file contains all the links to IOS Design Guidelines, try to read only the section related to IOS App Icon sizes and specs

Resources : App Icon Sizes and IOS Guidelines
1 page

In this lecture, i will talk about the biggest mistake new designers make while designing IOS App Icons

Always design in square
00:49

In this lecture, we will discuss how to use space to create focal point of IOS App Icons

Use maximum size and space for your focal design Object
01:25

In this lesson, we will learn which vector tools we will be using in Photoshop while designing IOS App Icons

Using Vector Shapes and Tools in Photoshop
00:39

In this lesson, we will setup grid for IOS App Icon design in Photoshop

Grid and Size to Design IOS App Icon
01:20

In this lesson, we will see what size and specs are there to use while creating new Photoshop document for IOS App icon design

Photoshop New Document Setup for IOS App Icon Design
00:38

In this lesson, i have share a great Medium article on Designing app icons. And it is one of the best i have read so far so i included it in this course. Must read this one

Process of Designing app Icon - Online Article
00:09
+
Design IOS Mail App Icon in Photoshop
9 Lectures 33:20

In this lesson, we will download IOS App icon template we are going to use for viewing and exporting different IOS App icon sizes

Download App Icon PSD template
00:53

As the author of website appicontemplate.com converted his website to paid subscription based website and he will not be offering free App Icon Templates. So i will share the alternative versions here.

IOS App Icon Resources → Download Links
00:21

In this lecture, we will check out the contents of the IOS App icon template we downloaded and we will learn about all the different layers which will help us in designing sleek IOS app icons

Preview 01:22

In this lecture, we will create 3d elevated App icon base using Photoshop, it will be a step by step detailed video lecture

Preview 05:59

In this lesson, we will design another modern gradient styled base for our IOS App icon using Photoshop

Design simple Gradient App Icon base in Photoshop
02:11

In this lesson, we will use Photoshop Shape layers to create the bottom part of our Envelop Mail Icon

Design Envelop Icon in Photoshop
03:48

In this lesson, we will use Adobe Illustrator to create the top part of our App icon Envelop shape which is rounded triangle

Design Envelop Rounded Triangle in Illustrator
07:48

In this lesson, we will import our final App Icon design to the template to make few design adjustments using Photoshop

Few Last minute Adjustment to IOS App Icon
04:33

In this lesson, we will export all the IOS app icon different sizes for Ipad and Iphone all versions

Exporting all different sizes of IOS App Icons for Iphone and Ipad
06:25
+
Android App Icon Design Process → Hydration App Icons (3 Concepts)
13 Lectures 01:11:43

This lesson is the overview of the whole section. I will show you what and how we are going to design sleek and awesome Android App Icons for Hydration App. You will learn the whole process from Sketching and getting ideas to designing and then exporting all Android App Icon sizes

Preview 02:43

In this lesson, you will learn all the 7 different sizes you need to support all Android Devices. And what size you need to submit to Google App Store

Sizes and Specification for Android App Icons
03:51

In this lesson, i will share some new do's and dont's of Android App Icon Design. Google is too specific for Designers and developers about Design Guidelines so we will see what are the major key points you need to keep in mind while designing an Android App Icon

Do's & Don't of Android App Icon Design
06:37

In this lesson, i will show you how to use Material Design Grid for App Icon. You will also learn the basics of Material design and how its shadows works.

Material Design Guidelines for Android Product Icons
07:18

This lectures contains all the links to Design guidelines and Android App Icons specifications in detail for further reading

Resources for Design Specs & Guidelines
00:07

Here i will discuss my methods for getting initial ideas. Then i will share my initial sketches i drew on paper for the Hydration App Icons. I will also tell the reasons behind the sketches and my ideas.

We will also see how i got the 4 colors for Water waves

Preview 05:44

In this lesson, i will show you what templates we are going to use for Android App Icons. And also how to use these templates.

Assets & Templates used for Android App Icons
08:38

Links to download all the App Icon templates used for Android Product Icon

Android App Icon Templates → Download Links
00:11

In this lesson, you will learn how to use Adobe Illustrator to crate the Glass container shape using an even grid. I will also show my grid setting for app icon design

Designing Glass/Container Shape in Adobe Illustrator
07:32

In this lesson, we will use Adobe Illustrator to design water wave shapes. I will show you many techniques to distort and deform the water waves and create more drama in the shapes

Designing Water Waves in Adobe Illustrator
08:37

In this lesson, we will use our Illustrator water waves shape and import it into Photoshop to create Heart filled with water app icon for Android

Heart Water Waves Icon Design in Photoshop → First Idea
08:25

In this lesson, i will use another Icon design template to create Glass filled with water icon for our Hydration App

Preview 06:29

In this last lesson, we will generate all 7 sizes for Android App Icons to support all Android Devices

Generating all different Icon sizes for Android Devices
05:30
+
Whats Next?
5 Lectures 00:59

I will show you how to reach out to me for help and how to rate and review this course

Feedback and Discussions
00:33

BONUS: Discount Coupon → UI Design in Photoshop Course
00:05

BONUS: Discount Coupon → Typography Mastery for UI Designers
00:04

Find the Bonus Discount Coupon of my course → Workflow of Modern Web Design

BONUS: Discount Coupon → Workflow of Modern Web Design Course
00:05

Find $10 Discount code for my course about Freelancing for Designers & Developers

BONUS: Discount Coupon → Freelancing for Designers & Developers course
00:10
About the Instructor
Ahsan Pervaiz
4.6 Average rating
1,100 Reviews
19,617 Students
5 Courses
UI/UX Interaction Design Expert + Freelancer

I started my Freelancing Career just 8 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.

In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing Page design contests.

Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them

Although I started as a UI Designer 6 years ago but I am playing with Photoshop since year 2002

My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design