Best 76 Photoshop Icon Tutorials - Using Golden Ratio In

Best 76 Photoshop Icon Tutorials

Knowing how to create icons is a must for a designer. You cant depend on the icons other designers make cause you might find yourself in need of a custom icon that you cant find in an icon set.

For creating icons, you need one out of two programs, Illustrator and Photoshop. Ive covered last week the icon tutorials for Illustrator and now Im offering the alternative, for those of you who dont like Illustrator that much or havent started learning it yet.

Industrial Folder Style Icon

Industrial Folder Style Icon

Blog Writing professional icon

Blog Writing professional icon

How to Create a Super Shiny Pencil Icon

How to Create a Super Shiny Pencil Icon

The Pencil is one of the visual metaphors most used to express creativity. In this tutorial, Ill show you how to draw a pencil icon. Well have a look at gradients, selection tools, and basic transform operations.

World Icon Tutorial

World Icon Tutorial

Create 3D icon avatar

Create 3D icon avatar

In this Photoshop tutorial you will learn how to make an easy, but nice looking abstract 3D icon avatar. Create 3D avatar, that you can use in your website or you can add it in you profiles.

Create a Cardboard Box Icon in Photoshop

Create a Cardboard Box Icon in Photoshop

In this Photoshop tutorial, I will show you 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.

Create a Jaguar Style Folder Icon

Create a Jaguar Style Folder Icon

In this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, well cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.

Photoshop Gold Ipod Shuffle Icon

Photoshop Gold Ipod Shuffle Icon

Draw 3D Crystal Icon in Photoshop

Draw 3D Crystal Icon in Photoshop

Glowing Orb With Dial

Glowing Orb With Dial

In this Photoshop tutorial well be experimenting with layers and styles to create a cool glowing orb and dial effect.

How to Create a Beautiful Printer Icon in Photoshop

How to Create a Beautiful Printer Icon in Photoshop

Learn how to create this beautiful printer icon with reflections and shadows all within Photoshop. A detailed PSD is included with this tutorial.

Create a Shiny Lock Icon Design

Create a Shiny Lock Icon Design

A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!

Design a 3D Box Icon in Photoshop

Design a 3D Box Icon in Photoshop

In this tutorial Ill explain step by step how to create a sleek Box Icon in Adobe Photoshop for use in apps or websites.

LG LCD Monitor Icon

LG LCD Monitor Icon

How to Create a 3D House Icon with Photoshop

How to Create a 3D House Icon with Photoshop

In this tutorial, you will learn to design a house icon in Adobe Photoshop. Ive 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. All the shapes involved in the tutorial are simple and can easily be made using shape tools. It is strongly recommended that you must have good command of shape and selection tools for certain portions of this tutorial.

Draw Golden Pen and Envelope Icon in Photoshop

Draw Golden Pen and Envelope Icon in Photoshop

In this tutorial we will use Photoshop to create a fancy looking golden pen and envelope icon. We will be using lots of shape and layer style to achieve a realistic look. Before we start, take a look at the final image below.

How To Design a Realistic Takeout Coffee Icon

How To Design a Realistic Takeout Coffee Icon

In this tutorial were going to show you how to design an icon from our popular freebie, the Incredibly Detailed Drinks Icon Pack. Well walk you through the process of creating the takeout coffee cup from start to finish, exploring a wide variety of techniques in Photoshop that can be applied to almost any type of design and drawing.

How to Make a 3D Folder Icon in Photoshop

How to Make a 3D Folder Icon in Photoshop

In this icon design tutorial, we will create a three-dimensional folder with an appealing perspective all from scratch using basic drawing and blending mode techniques in AdobePhotoshop. The process is straightforward, yet I hope you will take away several valuable methods that you can incorporate into your own Photoshop workflow.

How To Design A Detailed Mini Cooper Icon In Photoshop

How To Design A Detailed Mini Cooper Icon In Photoshop

In this tutorial were going to learn how to create a large 512×512 car icon, based on a lovely BMW Mini Cooper. We will be using Photoshop (CS4 in this case) to create the icon, using a handful of different techniques.

Tips to create awesome 48×48 pixels icons

Tips to create awesome 48×48 pixels icons

48×48 pixels is the standard size of icons destined to web design projects, along with 32×32 and 16×16 pixels. While to create icons of larger size allow designers to add lots of details and realize realistic illustrations, i.e. 512×512 pixels icons, 48 pixels of width and height oblige icon designers to simplify the illustration. Today I gonna show you how to realize an awesome small icon of a graphic tablet. We will start by studying a real tablet, we will understand which are the fundamental details and shapes to re-create into the small icon, and finally I will drive you through the Photoshop steps necessary to realize the icon.

Create a Glossy Volt Icon in Photoshop

Create a Glossy Volt Icon in Photoshop

This is an inspiration from the Bolt movie poster. In this tutorial you will create a glossy thunder logo using a few layers and some white shapes that will make the thunder more interesting and glossy.

Creating a Cool Yellow Helmet Icon

Creating a Cool Yellow Helmet Icon

Construction icons have always been popular on-screen, and although those dot-com under-construction pages have mostly vanished from our screens, the trusty ol yellow helmet icon still has its uses. In this tutorial, well be creating our very own icon from a photograph.

Keyfob: Anatomy Of An Icon

Keyfob: Anatomy Of An Icon

Following on from a previous article on toolbar icon design were going to tackle its Big Brother, the Application Icon. The two serve slightly different functions within the program but adhere to the same idea. While we could start on an existing application, were going to embrace vaporware and produce an Icon for an Application that doesnt exist. This is simply to show the process. This tutorial will follow the construction of an Icon for an imaginary application called Keyfob. Well say that its an application for locking and unlocking the Mac remotely. This is partly inspired by a process where someone managed to put their Mac to sleep using a mobile phone.

Make a 3D Recycling Bin Icon with Photoshop

Make a 3D Recycling Bin Icon with Photoshop

Through this Photoshop icon design tutorial, I 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. We will take advantage of tools such as the Gradient Tool, Custom Shape Tool, Rounded Rectangle Tool, and simple Photoshop functions such as Skew Transform and Free Transform to design our icon.

Design a Glossy Download Icon

Design a Glossy Download Icon

The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesnt dominate your layout. This tutorial will teach you how to create a graphic that does just that.

Create a 3D Industrial-style Download Icon in Photoshop

Create a 3D Industrial-style Download Icon in Photoshop

This tutorial teaches you how to create a unique 3D download folder icon with textures. Learn some useful techniques for creating more visually impressive 3D icons.

Wii Mote Controller Tutorial

Wii Mote Controller Tutorial

Create a Photo Realistic iPhone in Photoshop

Create a Photo Realistic iPhone in Photoshop

This tutorial will show you how to create a photo realistic image of Apples newly released iPhone4. Hopefully, by the end of it you will have something extremely close to the real thing, which for the few who dont own the iPhone4 (like me), may be as close as well ever get. Before we get started it might be a good idea to pull up a reference image from the web just so you know where everything goes and the size of some of the features.

Make Folder Icon Fast

Make Folder Icon Fast

How to Create a Battery Icon in Photoshop

How to Create a Battery Icon in Photoshop

In this tutorial we 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.

Simple Coffee Cup Icon Photoshop Tutorial

Simple Coffee Cup Icon Photoshop Tutorial

In this tutorial well be going though creating a semi-photo realistic coffee cup, with some nice frothy coffee.

How to Create a 3D Book Icon in Photoshop

How to Create a 3D Book Icon in Photoshop

This design tutorial is meant to explain how to draw a 3D book icon from scratch with the help of Photoshop. We will use tools such as the Pen Tool, Polygonal Lasso Tool, and Gradient Tool, among other things. A strong proficiency in drawing shapes is needed in order to complete this tutorial.

Draw magnifying glass

Draw magnifying glass

Photoshop Tutorial: padlock icon

Photoshop Tutorial: padlock icon

Buckle up your seatbelts, because this is going to be a long and fun ride. We are going to show to you how to create a high quality professional padlock icon, ideal for applications. We will be using Adobe Photoshop, making extensive use of paths and layer styles.

Skype Buddy Icon

Skype Buddy Icon

Illustrate a Traffic Cone Icon in Photoshop

Illustrate a Traffic Cone Icon in Photoshop

Today well be drawing a traffic cone, another handy icon for under construction elements. Our cone icon is inspired by one I saw on the VLC Player site recently.

USB Stick Tutorial

USB Stick Tutorial

Design a Stylish Mail Icon in Photoshop

Design a Stylish Mail Icon in Photoshop

In this tutorial you will learn how to create a glossy mail icon that can be used for your apps or websites.

Create an Iconic Retro-Modern Ball Chair in Photoshop

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 1960s living area. Today, we will learn how to create this iconic piece of furniture from scratch in Photoshop.

Photoshop Ipod Portable Speaker Icon

Photoshop Ipod Portable Speaker Icon

Create a Dock Icon Folder in Photoshop

Create a Dock Icon Folder in Photoshop

How To Design A Detailed Printer Icon in Photoshop

How To Design A Detailed Printer Icon in Photoshop

In this tutorial were going to be creating a printer icon, suitable for both the web and print. Were going to be basing the icon on a Canon printer/scanner I use on a daily basis, the MP610.

Render a High Detail Leica M8 Camera with Photoshop

Render a High Detail Leica M8 Camera with Photoshop

Learn 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.

How to Create a Photo Realistic Camera

How to Create a Photo Realistic Camera

Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial we will demonstrate a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. So realistic youll think its just an ordinary photo.

Create a Microchip Icon Using Photoshop

Create a Microchip Icon Using Photoshop

n this Awesome Photoshop tutorial, im going to show you how to create a isometric microchip icon using basic drawing tools and transformations.

Make a 3D Pencil and Paper Icon in Photoshop

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. It entails simple Photoshop tools and commands, some crafty layer styles, and only needs basic knowledge of the Pen Tool, shape tools, and marquee selection tools to draw the shapes. This tutorial demonstrates how to create two icons (a piece of paper and a pencil), so dont feel obliged to create both icons.

Create a glossy high tech 3D speaker icon

Create a glossy high tech 3D speaker icon

In this tutorial I will show you how to create a shiny speaker icon. The tutorial is based on teaching some simple ways of using the Layer Styles to create a great 3D speaker.
You will learn also how to create shiny objects with a very simple method.

Create a Ribbon in Photoshop

Create a Ribbon in Photoshop

Today we are going to create a pretty ribbon; We will be using Rounded Rectangle Tool, Gradient Tool. You will also know more on how to Convert Layers To Smart Filters. You can use this pretty Ribbon for youre projects and designs.

Create an Adobe Box Icon in Photoshop

Create an Adobe Box Icon in Photoshop

Create a High-Gloss Graduation Hat Icon Design

Create a High-Gloss Graduation Hat Icon Design

Photoshop is great to use for creating quality icon designs. In this tutorial, I will teach you how to make a professional, shiny, clean graduation hat icon. The techniques in this tutorial will help you graduate to the next level in icon design.

Computer Icon Tutorial

Computer Icon Tutorial

Create a Chalkboard Icon Using Photoshop and IconBuilder

Create a Chalkboard Icon Using Photoshop and IconBuilder

Understanding the fundamental process of creating an icon in Photoshop can become a valuable skill to learn. Today we will be creating a chalkboard icon inspired the Icon Resource website by Sebastiaan de With, whom has given permission to make a tutorial inspired by his work. In this tutorial you will learn some important concepts as well as how to work with some third-party apps.

Thermometer Icon

Thermometer Icon

How to Create a Realistic Fountain Pen

How to Create a Realistic Fountain Pen

In this tutorial, youll learn to design a realistic calligraphy pen from scratch. The tutorial involves a simple use of the Pen Tool and a few flexible Layer Styles. Lighting and reflection techniques are explained throughout the tutorial. This might be a quite useful for icon enthusiasts.

How to Make a Professional Buddy Icon in Photoshop

How to Make a Professional Buddy Icon in Photoshop

Icon designing can be a tough design field because you need to be able to create designs that are flexible when scaled up or down. In order to assure scalability, designers typically use a vector graphics program like Illustrator. However, in this intermediate-level tutorial, Ill 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).

Projector Icon Design Tutorial

Projector Icon Design Tutorial

In this tutorial, youll go through easy steps and techniques to design a simple yet attractive projector icon. Its easy to follow and to play with.

Photoshop Puma Sheet Torch Logo Icon

Photoshop Puma Sheet Torch Logo Icon

Shiny Lock Icon Design Tutorial

Shiny Lock Icon Design Tutorial

Cubite graphics design logo icon in Photoshop

Cubite graphics design logo icon in Photoshop

Create a Speed Gauge and Watch Icon in Photoshop

Create a Speed Gauge and Watch Icon in Photoshop

Create a Battery Core Icon in Photoshop

Create a Battery Core Icon in Photoshop

In this tutorial you will be creating a semi-realistic, sci-fi icon that could be used as a battery or dock icon.

Recreate the Famous Yahoo! Smiley

Recreate the Famous Yahoo! Smiley

In this easy Photoshop tutorial Im going to try and teach you how to recreate the famous Yahoo! smiley face, you know, the one thats all over the Yahoo website?

Photoshop Ice Cream Logo Icon

Photoshop Ice Cream Logo Icon

XP Style Money Icon

XP Style Money Icon

How to Create a Van Icon in Photoshop

How to Create a Van Icon in Photoshop

We wanted to create an icon that can be used for a game maybe or a Mac app of some sort. Before we started we searched the web for photography with similar vans, then made some ideas, and a quick sketch. After that we started working

USB portable speaker logo icon in Photoshop

USB portable speaker logo icon in Photoshop

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Today Ill show you how to create an Address Book replacement icon for Mac OSX. When you are a beginner, its better to start with designing replacement icons to get some practice. Lets get started with personalizing the icons in our workspaces.

Design a Detailed Compass Icon in Photoshop

Design a Detailed Compass Icon in Photoshop

Another drawing tutorial for icon lovers in which well be illustrating a metallic compass. Well be controlling shadow and reflection to add realism to the illustration. As with any icon design, its a combination of the overall design and subtle details that gives quality results.

Photoshop Shar Sword Logo Icon

Photoshop Shar Sword Logo Icon

Making a Photoshop Shield

Making a Photoshop Shield

In this tutorial, were going to use the Path Tools in Photoshop to draw a shield-like shape. Then using some gradients, were going to give it a metallic edge and shiny center.

Create a Colorful Cake Illustration in Photoshop

Create a Colorful Cake Illustration in Photoshop

Photoshop is a very powerful illustration tool and today we will make a wonderful, tasty, and colorful cake without having to do the dishes afterwards. I had based this tutorial on the cake from my set of icons that I created earlier and which enjoys great popularity. This illustration was created using Photoshop shapes and a bit of painting. If you dont know how to work with Pen Tool you can first get acquainted with this lesson that fully explains all the functions of this tool.

Angry Emoticon

Angry Emoticon

Learn about special effects while converting an ordinary orb into a fantasy art piece in this Adobe Photoshop tutorial.

Create a Cute Twitter Bird Icon in Photoshop

Create a Cute Twitter Bird Icon in Photoshop

Today, we will demonstrate how to create a cute Twitter bird icon in Photoshop.

Enjoyed this article? Subscribe to read more like it


Best 76 Photoshop Icon Tutorials Using Golden Ratio In ...
Never understood the tacky textured dialogues of free plugins but theres something nostalgic about them :) not the best list ever, but you dont.

Best 76 Photoshop Icon Tutorials - Using Golden Ratio In ...
Best 76 Photoshop Icon Tutorials. Knowing how to create icons is a must for a designer. Draw Golden Pen and Envelope Icon in Photoshop.

Best 76 Photoshop Icon Tutorials | 101 Photoshop Tutorials
Knowing how to create icons is a must for a designer. You cant depend on the icons other designers make cause you might find yourself in need of a custom icon that

How To Create A Detailed Gauge Icon In Photoshop ...
Follow this step by step adobe photoshop tutorial to create a colourful and vibrant cloud icon. well be using plenty of gradients and lighting effects to produce a.

Guide to the Golden Ratio | Graphic design | Creative Bloq
How to construct a Golden Ratio rectangle. Creating a Golden Rectangle it as an overlay in Photoshop and still Golden Ratio tutorials Create art using the

Photoshop and the Golden Ratio Mask?
I made a copy of the Golden Ratio Mask with a transparent background. http://i268.photobucket.com/albums/jj5/P Open Both Images in Photoshop and

Golden section the easy way: Divine proportion Photoshop ...
Use of the golden section Photoshop plugin: Transparent layer : The best way to use the plugin is to create a transparent layer on the image you

Applying the Golden Ratio in Modern Designs
Photoshop; Icons; Design; (also known as the divine proportion or the golden Another possible method of using both the golden ratio and Fibonacci numbers

3D Orb Icon - Mobile Resources
Best 76 Photoshop Icon Tutorials - Using Golden Ratio In you might find yourself in need of a custom icon http://www.designyourway.net/drb/best-76-photoshop

Download Golden Ratio For Photoshop Software: Golden Ratio ...
Collection of golden ratio for photoshop Golden Palace.com is probably the worlds best known and icons directly in Adobe Photoshop, using

Previous
Next Post »