background preloader

Icons

Facebook Twitter

50 Excellent Icon Design Tutorials. Six RevisionsMenu Main Categories CSSHTMLJavaScript Web DesignWordPressWeb Development Design InspirationUX DesignUI Design FreebiesTutorialsTools Links AboutContactAdvertise RSSTwitterFacebook 50 Excellent Icon Design Tutorials By Jacob Gube Icons are essential in any graphical user interface.

50 Excellent Icon Design Tutorials

In this article, you’ll find a wide selection of tutorials and resources to help you learn about designing icons. General Tutorials 1. 2. 3. 10 Mistakes in Icon Design 4. 5. 6. 7 Principles of Effective Icon Design 7. 10 Tips for Effective Icon Design. Designing iPhone Icons. With its ability to run all kinds of applications and games, the is the icon and interface designer’s dream come true. In this article I’ll discuss the process of creating icons for this platform, showing you the full workflow from the initial handdrawn sketch to the final icon in all the required sizes. The finished icon To illustrate the design process I created the icon for a fictitious iPhone app named It’s a search engine for recipes with additional social functionalities: you can turn the ingredient list into a shopping list, share pictures of your dish and suggest modifications to the cooking process. The icon depicts a typical gas range, a graphic metaphor that fits both the app and the rounded square format.

If you’d like to know how I created the icon I wrote a tutorial to share my workflow. Disclaimer/Call To Action To my knowledge there is no “Kitchen Range” app out there. I came up with this concept in order to have a fictitious app to design for. Foreword: Icon or Logo? How to Create an iPhone Icon: Full Workflow. In this detailed tutorial I’ll show you how to create an iPhone icon from scratch using Photoshop’s vector shapes, layer styles and masks.

How to Create an iPhone Icon: Full Workflow

Starting from a handdrawn sketch we’ll proceed to create the high resolution icon for iTunes. Finally I’ll take you through the necessary steps to resize the icon by hand in order to create the remaining sizes for the Home Screen and Spotlight searches. The finished icon Here’s the final result: the icon for the ficitious Kitchen Range app. I came up with the concept for the app and designed its icon in order to show my design process in the article Designing iPhone Icons, a guide I wrote for designers and developers of the iPhone platform.

Soundtrack: Chitlins Con Carne Cute Little Factory is the only blog whose tutorials feature soundtracks. The sketch Every iPhone icon sits inside a rounded square. Before you start sketcing you must collect photographic reference. I think it works. Step 1: the iTunes artwork. 7 Principles of Effective Icon Design.