Design Launcher App Icons for iPhone (IOS) & Android Devices
4.8 (394 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
15,491 students enrolled

Design Launcher App Icons for iPhone (IOS) & Android Devices

Design sleek, clean and elegant launcher App Icons for Android and IOS (IPhone) using Illustrator and Photoshop
4.8 (394 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
15,491 students enrolled
Last updated 2/2019
English
English
Current price: $76.99 Original price: $109.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 5 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Requirements
  • Basic Knowledge of Photoshop
  • Basic Knowledge of Illustrator
  • Photoshop and Illustrator Installed on their PC or MAC
Description

UPDATED 01st Feb 2018 ***********************************************************

Added 1 Lecture on Using Adobe Illustrator Assets Panel to generate icon sizes

**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 this course is for:
  • Graphic Designers
  • Novice Designer
  • UI Designer
  • Web Designers
  • App Developers
  • Programmers
  • Anyone who wants to create app icon for their own app
Course content
Expand all 41 lectures 02:28:01
+ Introduction
4 lectures 12:57

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

You will see me explaining how this course has been laid out and how many sections are there

How this course has been laid out → Headshot video
00:53

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:27

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:07
+ Design IOS Mail App Icon in Photoshop
9 lectures 36:32

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:17

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 - Update
04:09

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
Few of my students have already submitted their designed App icons. Some of them created for their own Apps and some created for practice. Please Design IOS App Icon and submit your App Icon via this assignment
Design and submit an IOS App Icon
1 question
+ Android App Icon Design Process → Hydration App Icons (3 Concepts)
14 lectures 01:22:21

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:04

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:07

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

On the request of my student, I have added this new method of exporting App Icon sizes using just Adobe Illustrator. You will learn how to use Asset Export panel in Adobe Illustrator

NEW → Using Adobe Illustrator New Assets Export Panel to export App icon sizes
10:45
+ Whats Next?
2 lectures 02:02

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

Review and Suggestions
00:32

Discount coupons for all my students so they can easily join my other UI, UX and Freelancing courses

BONUS LECTURE
01:30