- Published: Apr 11, 2010
- Last Updated: Mar 1, 2023
- 15 min. read
William CraigCEO & Co-Founder
- President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX.
Icon design is an essential element in web and interface design. In this massive round up, you will find top notch Photoshop and Illustrator icon design tutorials that will show you how to make amazing and highly detailed icons. You should also see our previous collection of icon design tutorials.
Design a Vintage Radio Icon in Photoshop
In this Photoshop tutorial, you’ll learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.
Design a Stylish Chevrolet Icon in Photoshop
In this Adobe Photoshop tutorial, you’ll be shown how to transform an old style Chevrolet from vector file format into a stylish shiny icon.
Simple Coffee Cup Icon Photoshop Tutorial
Create a semi-photo realistic coffee cup with some nice, frothy coffee.
How To Create A Vintage Camera in Photoshop
In this Photoshop tutorial, you’ll reproduce a fairly old camera: a Halina Super 35X.
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.
Design five icons that depict common tools associated with digital painting: a sketchbook with pencil, a camera for taking reference pictures, a paintbrush, a pen tablet and a large screen with a complete matte painting displayed on it.
How To Design a 3D Glass Icon in Photoshop
Discover how to design a translucent 3D frosted glass box based on the Safari icon using Adobe Photoshop.
How To Design a 3D Wooden Box in Photoshop
In this Photoshop tutorial, you’ll learn to make a wooden box with a realistic touch.
How to Create a Clean 3D Notepad in Photoshop
Create a realistic notepad icon using Layer effects and Photoshop’s Pen Tool.
Create A Stylish And Sleek PlayStation Portable Icon
See a way to make a stylish and sleek-looking PlayStation Portable (PSP).
Photoshop Tutorial: Design the Mac OS X Leopard Folder
Learn how to create the popular Mac OS X Leopard Folder icon using Photoshop in just ten easy steps.
Photoshop Laser Printer Model
Learn how to create a Photoshop laser printer model.
Design a 3D Box Icon in Photoshop
This tutorial teaches you how to create a sleek box icon in Adobe Photoshop for use in apps or websites.
Create a Glossy High Tech 3D Speaker Icon
The tutorial is based on teaching some simple ways of using the Layer Styles to create a great 3D speaker.
Create a colorful image icon from scratch; the icon features a colorful design in a shiny metal-like border and uses a Bokeh effect.
Share This Icon
How to make a simple stylish “share this” icon that is perfect for weblogs and content-centered websites.
Create a Glossy Volt Icon in Photoshop
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.
Render a Realistic CD in Photoshop
Learn how to create a realistic CD using shapes and layer style.
Draw a Classy 3D Poker Chip in Photoshop
Illustrate a 3D poker chip in Adobe Photoshop starting from scratch.
At the beginning it could be quiet hard to work with, but if you get used to it, it’s fairly simple.
How to create a Television Icon
How to create a retro television icon just with some basic shapes and gradients.
This tutorial is great for beginners to get started with icon design.
PC Mouse Tutorial
How to create a PC mouse from scratch using Photoshop.
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX.
WebFX is a full-service marketing agency with 1000+ client reviews and a 4.9-star rating on Clutch! Find out how our expert team and revenue-accelerating tech can drive results for you! Learn more