Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

September 03 2012

07:00

Showcase of 40 Insanely Detailed iOS Icon Designs

iOS icons have come a long way since the birth of the iPhone. Not only are they now shared between iPhone and iPad, with the introduction of retina displays the resolution of the these icons is so high it allows the designer to incorporate some unbelievable detail. This post showcases some of the most detailed iOS icons on the web, with some even crossing into the realm of hyperrealism.

Sandwich iOS icon by Ryan Ford

Sandwich iOS icon by Ryan Ford

Toybox icon by Julian Frost

Toybox icon by Julian Frost

Unlaced App Icon by Ryan Ford

Unlaced App Icon by Ryan Ford

Tiki Kingdom App Icon by Fabricio Rosa Marques

Tiki Kingdom App Icon by Fabricio Rosa Marques

Broadcast iOS App Icon by Román Jusdado

Broadcast iOS App Icon by Román Jusdado

Mophie Outdoor iOS App Icon

Mophie Outdoor iOS App Icon

Treasure Trouble iOS App Icon by Michael Flarup

Treasure Trouble iOS App Icon by Michael Flarup

Cigar Box iOS Icon by Konstantin Datz

Cigar Box iOS Icon by Konstantin Datz

History of Rock App Icon by Michael Flarup

History of Rock App Icon by Michael Flarup

Journal iOS Icon by Román Jusdado

Journal iOS Icon by Román Jusdado

ProPlayer iOS App Icon

ProPlayer iOS App Icon

Record Player Icon by Iasha Simonishvili

Record Player Icon Design by Iasha Simonishvili

Veggie Meals iOS Icon by Max Rudberg

Veggie Meals iOS Icon by Max Rudberg

On this day iOS App Icon

On this day iOS App Icon

Nikon Camera iOS Icon by Gianluca Divisi

Nikon Camera iOS Icon by Gianluca Divisi

Game App Icon by Aleksandr Novoselov

Game App Icon by Aleksandr Novoselov

iOS Icon Design by Konstantin Datz

iOS Icon by Konstantin Datz

iOS Game Icon by Ratmotion

iOS Game Icon by Ratmotion

Record Player iOS Icon by Román Jusdado

Record Player iOS Icon by Román Jusdado

Physique Workout Tracker by Román Jusdado

Physique Workout Tracker Icon by Román Jusdado

Coffee Lovers Icon by Aditya Nugraha Putra

Coffee Lovers Icon by Aditya Nugraha Putra

Good Music iOS App Icon Design

Good Music iOS App Icon

InstaGenius App Icon Design by Artua

InstaGenius App Icon by Artua

Coach’s Eye iOS App Icon

Coach's Eye iOS App Icon

Camera App Icon by Aditya Nugraha Putra

Camera App Icon by Aditya Nugraha Putra

Boxing Glove iOS Icon by Konstantin Datz

iOS Icon by Konstantin Datz

Bacon Diet App Icon by Ryan Ford

Bacon Diet App Icon by Ryan Ford

Baby Accordeon App Icon by Serg

Baby Accordeon App Icon by Serg

Alarm Icon by Eddie Lobanovskiy

Alarm Icon by Eddie Lobanovskiy

Tape Icon Design by Sosoa

Tape Icon by Sosoa

Weather App Icon by Dash

Weather App Icon by Dash

Pizza App iOS Icon by Ryan Ford

Pizza App iOS Icon by Ryan Ford

Wee Rockets iOS App Icon

Wee Rockets iOS App Icon

App Icon by Jackie Tran

App Icon by Jackie Tran

Poker Club iOS Icon Design by Ruaridh Currie

Poker Club iOS Icon Design by Ruaridh Currie

Darth Vadar Icon by Michael Flarup

Darth Vadar Icon by Michael Flarup

Stormtrooper Icon by Michael Flarup

Stormtrooper Icon by Michael Flarup

Lendthing iOS App Icon

Lendthing iOS App Icon

December 01 2010

10:35

Best Photoshop Icon Design Tutorials Created in 2010

Advertisement in Best Photoshop Icon Design Tutorials Created in 2010
 in Best Photoshop Icon Design Tutorials Created in 2010  in Best Photoshop Icon Design Tutorials Created in 2010  in Best Photoshop Icon Design Tutorials Created in 2010

In today’s post we have compiled a very useful list of Adobe Photoshop icon design tutorials that will teach you the techniques you will need for designing your own icons using mainly Photoshop. If you have a passion for Icon Design or are a GUI designer on the search for some tips then these tutorials will definitely help you achieve your goal! Enjoy and stay creative!

Create a Beautiful Paint Brush Icon in Photoshop
In this tutorial the artist explains how to design semi-realistic objects achieved through simple procedures. The tutorial mostly uses shape layers, which enables you to edit them later on and make your work more flexible and scalable.

Brush in Best Photoshop Icon Design Tutorials Created in 2010

Create a Cute Twitter Bird Icon in Photoshop
In this tutorial you can learn how to create a cute Twitter-like bird icon in Photoshop.

110 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Colorful Cake Illustration in Photoshop
Here you can make a wonderful, tasty and colorful cake without having to do the dishes afterwards! This illustration was created using Photoshop shapes and a bit of painting.

312 in Best Photoshop Icon Design Tutorials Created in 2010
Create a Set of Glossy Metallic Icons in Photoshop
In this tutorial the artist is going to teach you how to make a stylish, metallic Adobe Icon Set with a glossy finish.

410 in Best Photoshop Icon Design Tutorials Created in 2010
Create a 3D Industrial-style Download Icon in Photoshop
In this tutorial you can teach yourself how to create a unique 3D download folder icon with textures. Learn some useful techniques for creating more visually impressive 3D icons.

512 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Battery Core Icon in Photoshop
In this tutorial the artist will be creating a semi-realistic, sci-fi icon that could be used as a battery or dock icon.

210 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Cardboard Box Icon in Photoshop
In this Photoshop tutorial, you’ll be shown how to make a cardboard box that can be used for a number of purposes; such as for icons or for other design purposes. The procedure used to create the cardboard box is simple and easy to understand, using tools such as the Gradient Tool and the Polygonal Lasso Tool.

95 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a 3D Book Icon in Photoshop
In this tutorial you can learn how to draw a 3D book icon from scratch with the help of Photoshop. The artist uses tools such as the Pen Tool, Polygonal Lasso Tool, and Gradient Tool, among other things. A strong proficiency in drawing shapes is needed.

69 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Chalkboard Icon Using Photoshop and IconBuilder
In this tutorial you will learn some important concepts as well as how to work with some third-party apps.

332 in Best Photoshop Icon Design Tutorials Created in 2010

Projector Icon Design Tutorial
In this tutorial, easy steps and techniques are shown to help you design a simple yet attractive projector icon. It’s easy to follow and to play with.

74 in Best Photoshop Icon Design Tutorials Created in 2010
New Imac Mini Icon Design Tutorial
In this detailed tutorial the artist will walk you through the process of creating a realistic looking new imac mini; you’ll be able to use the imac as an illustration or an icon. In this tutorial you’ll be getting to grips with photoshops shapes and smart objects.

82 in Best Photoshop Icon Design Tutorials Created in 2010

Draw a 3D LCD Monitor with Photoshop
This tutorial is targeted at achieving a detailed 3D LCD monitor using Adobe Photoshop. The result could be used as an icon. To arrive at the final design, basic Photoshop features will be used; such as selection tools, layer styles, the Gradient Tool, the Pen Tool, and more. A proficiency in utilizing the Pen Tool and the Lasso Tool is needed in order to get the most out of this Photoshop tutorial.

104 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Photo Realistic iPhone in Photoshop
In this tutorial the artist will show you how to create a photo realistic image of Apple’s newly released iPhone4.

123 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Photo Realistic Camera
Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial you can see a powerful combination of vector shapes, layer styles, and manual drawing that have been used to create a photorealistic camera.

252 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Realistic Credit Card in Photoshop
In today’s quick tip tutorial the artist will demonstrate how to create a realistic-looking credit card using Photoshop and Illustrator in just a few short steps.

162 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Camera Lens Icon in Photoshop
Icon design is a fun but detailed process. In this tutorial, the artist demonstrates how to create a camera lens icon using Photoshop.

142 in Best Photoshop Icon Design Tutorials Created in 2010

Shiny Lock Icon Design Tutorial
In this tutorial, you can learn how to create a shiny lock icon design.

152 in Best Photoshop Icon Design Tutorials Created in 2010

Digital Camera Icon in Photoshop
Most of the digital cameras are designed to be small and portable. Here you can learn how to create a digital camera icon in Photoshop.

172 in Best Photoshop Icon Design Tutorials Created in 2010

Make a 3D Recycling Bin Icon with Photoshop
Through this Photoshop icon design tutorial, the artist will show you how to make an appealing drawing of a recycling bin with crumpled and creased white paper inside and around it — all from scratch.

181 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Realistic iMac Icon in Photoshop
In this tutorial the artist demonstrates how to create a realistic iMac icon in Photoshop that includes a 27-inch screen, a keyboard as well as a mouse.

191 in Best Photoshop Icon Design Tutorials Created in 2010

How to Make a 3D Folder Icon in Photoshop
In this icon design tutorial, you can learn how to create a three-dimensional folder with an appealing perspective — all from scratch — using basic drawing and blending mode techniques in AdobePhotoshop.

202 in Best Photoshop Icon Design Tutorials Created in 2010

Create an Electrical Outlet Icon in Photoshop
In today’s tutorial, the artist will be making use of vector masks and layer styles in Photoshop to create a high quality electrical outlet icon.

212 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Glossy High Resolution Box Art Icon with Photoshop
In today’s tutorial the artist will demonstrate how to create a glossy high resolution box art icon with photoshop.

222 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Cute Yellow Alien Icon in Photoshop
This detailed icon design tutorial is meant to show you how to use Photoshop to create cute, cartoony creatures. In this case, a robotic-like yellow alien will be created.

232 in Best Photoshop Icon Design Tutorials Created in 2010

Create an Iconic Retro-Modern Ball Chair in Photoshop
The ball chair, popularized by Finnish interior designer Eero Aarnio was the cornerstone of any mid-century or 1960’s living area. In this tutorial the artist will teach you how to create this iconic piece of furniture from scratch in Photoshop.

242 in Best Photoshop Icon Design Tutorials Created in 2010

How To Design An iPad Icon In Photoshop Tutorial
In this tutorial you will learn how to create a cool iPad icon by putting together simple shapes and then applying layer effects on them in Photoshop.

262 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a 3D House Icon with Photoshop
In this tutorial, the artist will teach you how to design a house icon in Adobe Photoshop. This artist has focused mainly on the flexible use of Layer Styles to give the different shapes its colors, giving us the ability to scale our work easier if needed.

272 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Beautiful Guitar Icon Photoshop Tutorial
In this tutorial the artist will show you how to start from scratch and draw your own guitar icon in Photoshop. You can create your own wood texture and create a guitar using the basic tools of Photoshop.

513 in Best Photoshop Icon Design Tutorials Created in 2010

Make a 3D Pencil and Paper Icon in Photoshop
In this Adobe Photoshop icon creation tutorial, you will learn how to create a high-quality three-dimensional pen and paper icon from scratch.

282 in Best Photoshop Icon Design Tutorials Created in 2010

How to Make a Professional Buddy Icon in Photoshop
In this intermediate-level tutorial, the artist will show you how to make an awesome icon from scratch using Photoshop. You will need basic knowledge of Photoshop and familiarity with the Pen Tool (P).

292 in Best Photoshop Icon Design Tutorials Created in 2010

Draw Golden Pen and Envelope Icon in Photoshop
In this tutorial the artist uses Photoshop to create a fancy looking golden pen and envelope icon.

302 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Social Media UFO Icon
In today’s tutorial the artist will demonstrate how to create a completely unique UFO inspired social media icon based on a theme.

313 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Detailed Vintage Television Icon in Photoshop
In today’s tutorial, the artist will demonstrate how to create a detailed vintage television icon using Photoshop’s vector editing capabilities.

322 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Cardboard Box Filled With Glossy Icons
In today’s tutorial you can learn how to create two types of icons. The first type of icon you will learn here is how to create a grungy cardboard box.

342 in Best Photoshop Icon Design Tutorials Created in 2010

How To Create A Magnifying Glass Icon In Photoshop
This tutorial shows us how easy it is to create a magnifying glass icon in Photoshop.

352 in Best Photoshop Icon Design Tutorials Created in 2010

How To Create A Grungy And “Sticky” Icon With Photoshop
This tutorial will teach you how to create a grungy icon and save it as a transparent PNG file.

362 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Battery Icon in Photoshop
In this tutorial the artist will draw a battery icon in Photoshop. The key here is layer style Gradient Overlay. Using this layer style we can add lighting into the battery and give it a 3D look.

372 in Best Photoshop Icon Design Tutorials Created in 2010

Create  a Slick External Harddisk in Photoshop
In this tutorial the artist will show you how to create a modern, slick external hard disk by only using Photoshop.

382 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Glossy High-Tech 3D Speaker Icon
In this tutorial you can create a shiny speaker icon. This tutorial is based on teaching some simple ways of using the Layer Styles to create a great 3D speaker.

392 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Realistic Fountain Pen
In this tutorial, you’ll learn to design a realistic calligraphy pen from scratch. This tutorial involves a simple use of the Pen Tool and a few flexible Layer Styles.

402 in Best Photoshop Icon Design Tutorials Created in 2010

How To Design A Detailed Mini Cooper Icon In Photoshop
In this tutorial the artist will teach you how to create a large 512×512 car icon, based on a lovely BMW Mini Cooper.

412 in Best Photoshop Icon Design Tutorials Created in 2010

How To Design A Detailed Printer Icon in Photoshop
In this tutorial the artist will be creating a printer icon; suitable for both the web and print.

422 in Best Photoshop Icon Design Tutorials Created in 2010

How to Design a Speedometer Icon in Photoshop
In this detailed Photoshop Tutorial, you’ll learn how to create an amazing speed counter icon and also some nice tricks and tips you can apply on your daily basis when dealing with icon design in Photoshop.

432 in Best Photoshop Icon Design Tutorials Created in 2010

How to Create a Beautiful Printer Icon Photoshop Tutorial
In this tutorial you can learn how to create this beautiful printer icon with reflections and shadows – all within Photoshop.

442 in Best Photoshop Icon Design Tutorials Created in 2010

Render a High Detail Leica M8 Camera Photoshop Tutorial
In this tutorial the artist will show you how to recreate this stunning image of a limited edition white Leica M8. This is a very lengthy Photoshop tutorial that will show you every step of the process.

452 in Best Photoshop Icon Design Tutorials Created in 2010

How To Create a Detailed Briefcase Icon in Photoshop
In this tutorial you will be guided how to create a detailed briefcase icon in Photoshop.

462 in Best Photoshop Icon Design Tutorials Created in 2010

Create Mail Box With Flag Icon In Photoshop
In this tutorial the artist will show you how to create mail box with flag icon in Photoshop.

472 in Best Photoshop Icon Design Tutorials Created in 2010

Quickly and easily to draw the pen icon

482 in Best Photoshop Icon Design Tutorials Created in 2010#

Draw a Trophy Icon in Photoshop
In this tutorial the artist demonstrates how to draw a trophy icon in Photoshop.

133 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Google Docs Icon
This guide will walk you through how to design a Google Docs icon.

502 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Motorola Droid Style Phone in Photoshop
Recreating electronic devices in Photoshop is a great way to learn. In this tutorial the artist will demonstrate how to create a Motorola Droid style phone in Photoshop.

522 in Best Photoshop Icon Design Tutorials Created in 2010

IPhone 4G Photoshop Tutorial
In this tutorial you can learn how to create a new Iphone 4G by using Photoshop.

532 in Best Photoshop Icon Design Tutorials Created in 2010

Create a Microchip Icon Using Photoshop
In this tutorial, the artist is going to show you how to create a isometric microchip icon using basic drawing tools and transformations.

542 in Best Photoshop Icon Design Tutorials Created in 2010

Create Wooden Bin Icon
In this tutorial the artist will show you how to create wooden bin icon.

492 in Best Photoshop Icon Design Tutorials Created in 2010

(ik)

July 08 2010

20:39

Icon Reference Chart

Jon Hicks, yet again, releases a valuable little “goodie” for us all, The Icon Reference Chart. Helpful when searching devices, context, size, corner radius and formats.

May 25 2010

02:08

Principles of icon design

Jon Hicks, icon designer of Mail Chimp and Font Explorer Pro, shares his slides from his Future of Web Design (FOWD) talk from last week on icon designing.

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl