20 tutorials for learning how to create app icons
- February 12th, 2018
In this post we have compiled a roundup of Photoshop and Illustrator tutorials, for learning how to create icons perfect to be used for IOS apps or even android apps. These step by step tutorials will teach you the process for producing your very own app icons. A great source for inspiration, as well as providing practical tips to on best practice for creating app icons. If you’re a veteran designer or even fairly new, this is a must check out list of tutorials.
as designers, we know what an app icon is: a small graphical symbol that represents an application program. We also know that a successful icon will attract more consumers to the application itself.
Rebrand your logo in style with this quick tutorial on creating a gradient icon in Adobe Illustrator CC. We’ll build our icon design from scratch with quick and simple shapes and pair gradients and effects from the Appearance panel to complete our on-trend design.
This tutorial is part of a three-part series explaining how to design UI elements for mobile applications in Photoshop. In this part, we will explain how to design an icon for your mobile device’s home screen.
How to create a metallic carbon fibre 3D icon.
This is something you need in your design toolkit — the ability to create a great iOS App icon. And this tutorial will help you learn to do just that.
In this tutorial you’ll create a fun to-do list or organizer application icon with a three‑dimensional effect, ready for desktop or market use. Combine radial gradients, blends, a sense of lighting, and the tiniest bit of perspective for a simply built, but eye catching, icon. This tutorial uses Adobe Illustrator CC 2014, though many of the techniques are applicable to other versions of the program.
The Safari browser from Apple has a great little icon that works well in small formats while also displaying quite a lot of intricate details when viewed in large format. Navigate through this Adobe Illustrator tutorial to draw up your own vector Safari inspired compass in Adobe Illustrator.
Tired of your old icons? Follow this creative recipe to cook up a great looking iOS styled sandwich icon. We will use a few of tasty ingredients, like meshes, gradients and blending modes to spice up your design!
With just about everyone using a smart phone, it is important for mobile apps to have beautifully designed icons to represent the brand. In this tutorial, we will show you how to create a beautiful 3D starfish icon using several applications including Photoshop, Cinema 4D, and ZBrush. In the process we will show you how to create 3D objects and then combine them with textures in Photoshop to create an amazing icon.
10. Create a Vector Radio App Icon
This Adobe Illustrator tutorial shall provide the examples of the wood and fabric textures creation technique. Also we shall learn how to render the light play on the objects with the help of Opacity Mask, Bland Tool and Art Brushes. Studying this Adobe Illustrator tutorial step-by-step, you shall become the witnesses and get to know all the secrets of the professional design artworks creation.
11. How To Create A Bad Piggy App Icon
In this tutorial we show you how to create a bad piggy app icon from scratch. Game App Icons have really become an art form onto themselves, and we thought we would show you how to create your own using Pixelmator
In this tutorial, you will learn how to design a nice simple compass icon in Adobe Photoshop, using tools such as the Pen Tool, Rounded Rectangle Tool, and Rectangle Tool. You will also learn how to combine basic shapes to create a more complex shape. Finally, you’ll see how to add a long shadow to the icon.
13. Learn How To Make A Camera App Icon In Photoshop
In this tutorial you will learn to make a camera iPhone icon in Photoshop from the scratch and I’ll show you how to use some very simple techniques to achieve a very realistic effect.
15. How to Create a Vector Snooker App Icon Using SubScribe plugin
Rejoice! You no longer need to know complex geometric construction techniques to create a detailed and precise graphics. All you need is the SubScribe plugin which is free to all DrawScribe, VectorScribe and Phantasm CS v2 customers! It will make all the calculations for you.
16. MODEL AND RENDER THE BANANACAM APP ICON WITH CINEMA 4D
In this tutorial, we will be making a 3D iOS App icon. First, we will model the icon using basic shapes and primitives. Then, we will light it using Light Kit Pro and make custom plastic and glass textures.
In this tutorial, I’m creating an icon for a message/chat application, I’m using a “postman” bird as starting point. This tutorial gives you a insight in the steps to take from a initial sketch to a vectorized icon that is ready to be used. Resources and articles that are useful are listed at the end in References.
If you work in digital design, you already know that establishing a successful web presence means reaching people on Apple mobile devices, and a critical element of that is having an eye-catching Apple iOS icon.
19. iTune Icon
The challenge of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques.
20. How to Create a Mail App Icon
In this Adobe Illustrator tutorial it will tell you how to create icons for iOS-applications, it will also talk about the technical requirements that are applied to this kind of products. In the process we will be using unique techniques that will allow you to create light and shade and soft play of colors.