We’ve seen how Photoshop has been extensively used in areas like web designing and beauty photo retouching. In today’s post, we bring you into another stretch where Photoshop also rules and dominates – the modding and sketching of rides.

This following article is dedicated to car lovers, forumites who use car photos as signatures, web designers or anyone who fascinates nice rides. We search the Internet and here we put forward some of the best Photoshop tutorials with techniques on how to mod a car. Full list after jump.

Colors Manipulation

Chrome your car
Gives your car body that chrome effect. Works better with black default.

Color Tweak The Ferrari
This tutorial make use of an additional mask and give your car a color change on the fly by applying different color blending options.

How to make Car Advertisement Mock-ups
Get your car air brushed with any color, or design. But before that, Thomas Baekdal suggest you give it the right base color.

Add Flaming Decals to a Modern Car Design
This tutorial will explain the steps needed to turn this boring Prius into an awesome street racer.

Body and Parts Enhancements

Porsche digital rendering photoshop tutorial
How to render a low quality digital car photo into a high quality output.

Give your car a little wood
Here is one way to take a simple texture and apply it to a shaped object like a car and have it appear to follow the body contours.

Create a stempunk golden car

Create a real life "Cars"
How to create a real CARS of your own cars.

Change rims on a car

Vanity License Plate
How to create a custom vanity license plate using a few basic Photoshop tools a piece of reference material and some creative layer stylings.

Car Enhancement with Digimods

Folks at Digimods have a comprehensive list of Photoshop tutorials covers almost everything you will want to mod on a ride. From adding a bad boy bonnet, carbon fibre bonet to lowering the car, changing the wheels and much more!

Freehand and Sketching

Concept car sketch Photoshop Tutorial
This tutorial describes how to render this car with paths, and finishes the paints with later masks and filters.

Drawing a Car Lineart in Photoshop
Draw the lineart of this Mclaren F1 using paths. You are required to have some experience in using Photoshop’s Pen tool to be able to draw this car in detail.

Photoshop Rendering
Photoshop rendering in Photoshop by Emre Husmen, a 20 year old Turkish design student, also the 2004 Peugeot Design Contest finalist.

Rapid Development Sketching
"In this tutorial it is assumed that you already have a design theme worked out and know roughly what your car will look like. Ideally you would be working over a photo of a clay or screenshot of an alias model. I have chosen a supercar to show the methods used here because the forms are exaggerated and it is easier to see how they are being rendered." Miles Waterhouse

Vector Car Tutorial
This tutorial guides you through creating a vector toon based Veilside’s Fortune RX7 from scratch.

Dramatic Effects

Create a truck coming from a flame
Create a Acura commercials simmilar effect where a truck came out from the flame.

Super Slick Lighting Effects
Learn how to combine photos and brush strokes to give a car photo slick dusky lighting effects.

How To Create An Amazing Car Illustration
How to create a fierce car illustraton making use of different type of brushes.

Create a Smoky Car Crashing Shot
"We have another tutorial this week in which we will learn some menus of blur filter, which will help us create smoke effect. We will also cover up some brush technique too to make this smoke effect."

Video Tutorials

Photoshop Car Tuning – 65 videos and 3 how-to articles to learn all about Photoshop car tuning, by wonderhowto.com

YouTube – Tons of great video tutorials are hidden within YouTube. We attempt to pull out some of the best for you, sorted by view count.

We see a lot of Photoshop tutorials on the net, but most of what we come across are tutorials written in a step-by-step manner. In most cases, the instructions are clear-cut and easy to follow, but few would argue against an even more effective kind of tutorial: Video tutorials.

With the emergence of video sharing websites such as Youtube and Metacafe over the recent years, we see an ever-increasing number of user-generated videos from all over the net. Some of these videos came from avid Photoshop fans sharing their tips, while others originates from websites dedicated to Photoshop techniques sharing their video tutorials on a regular basis. These videos give the most direct demonstration of how to achieve certain image effects via Adobe Photoshop. With such boundless video resources on Photoshop tips and tricks, it will be quite a waste not to utilize them to sharpen our Photoshop skills. It is for this reason we combed the internet to find some of the most intriguing Photoshop manipulation techniques captured on video. Here are 50 plus video tutorials to inspire you.

More: Check out our collection of more Photoshop Tutorials.

1. Tutsplus (PSDTuts)

How to Digitally Illustrate a Camera with Light Streaks
Create a digital illustration of a digital camera using light streaks.

High Flying Snowboard Illustration
Using wavy lines that suggest motion and paint splatters for snow to illustrate high flying snowboard.

How to Create a Dark Surreal Illustration in Photoshop
Create a dark surreal illustration using a few techniques and a handful of images. Also, apply stylish color settings and give the illustration that extra polish it needs to give it that finished look.

How to Create a Richly Ornate Typographic Illustration
Create an ornate typographic illustration using the Ayosmonika typeface.

How to Turn Humdrum Photos into Cinematic Portraits
Adding drama or a cinematic quality to a regular, humdrum portrait, along with a little bit of faking HDR.

How to Apply Textures to Uneven Surfaces
Applying texture to a flat surface, or flatly applying a texture across a whole image is simple stuff. Here, we realistically apply a texture to an uneven surface, which is much more hands-on.

How to Create Super-Malleable Effects with Colorful Lines
Colorful lines are one of the most malleable effects you can easily create in Photoshop. Create these fantastic colorful effects using only Photoshop and compose illustration with these effects.

How to Create a Fantasy Photo Manipulation
Work with a few images and create a really interesting photo manipulation to create a fantasy world.

Create an Out of Bounds Fantasy Illustration
This takes you through the process of creating a fantasy scene, make water pour out of a painting, make some sort of a absorption effect and end up with a really nice looking color for the surreal illustration.

Create a Feathered Crow Illustration
Create this crow illustration using just a few tools and resources.

Creating a Touching Story Scene in Photoshop
Create a story scene using photo manipulation and a lot of color adjustments.

2. Planet Photoshop

Gritty Photo Effect
Give a gritty and dramatic feel to your photos.

The Davinci Design
Create this eye-catching effect using just a single layer style and applying it to all the different elements of your design. This tutorial touches on alpha channels, blur filters, and layer styles.

Folds and Creases
Adding folds and creases to an age old map.

Light Through Window
Create an effect that will give a room the appearance of rays of light coming through the windows.

Graphic Texture
Make a graphic appear as though it has the texture of a brick wall.

Painting Motion
Using custom brushes and the smudge tool to create an interesting motion blur effect.

Stage Lights
Learn how to make these smoky stage lights by creating a gradient selection in quick mask mode and applying some filters and layer styles.

Vanishing Point
The Vanishing Point filter is a very powerful feature in Photoshop CS3, especially once you know a couple tricks for drawing grids, and then placing and blending images to them.

Graphic on Mug
Applying illustrated artwork to a photo realistically.

Custom Coins
Create a realistic-looking coin effect using the channels palette and the lighting effects filter.

Got a Light?
Create a realistic effect of a burning cigar.

Reflection Revisited
Here a quick way to achieve a convincing reflection on a vehicle at a 3/4 view.

Water Drops
How to simulate the look of water drops on your photo.

New Planet
Create a new & unique planet from scratch.

Sci-Fi Text Effect
Make a pretty Sci-Fi text effect using smudge tool and its finger painting feature.

Give Your Photo an Antique Look
Convert your current photos into antique-looking ones.

Beads of Sweat Effect
Creating a beaded sweat effect.

Stylized Comic Book Effect
Using this effect, you can transform anyone into a comic book character with a halftone, saturated look.

Need for Speed
Adding motion to static objects.

3. Tutorial Champ

Creating Stunningly Realistic Planets
Create amazingly realistic planets with stunning textures and colors, all from scratch.

Isolate One Color
Emphasize a certain color and make it stand out by completely isolating it. In this case, leave one color while converting the rest of the picture in to greyscale.

4. Youtube, Metacafe and Vimeo

Create Liquid Metal Chrome Mercury Blobs Using Adobe Photoshop
How to create liquid metal chrome blobs like in the Terminator movies.

Old Burnt Treasure Map Effect
Create a old burnt treasure map effect.

Human to Statue
Convert your normal pictures of people into photos of statues.

Exploding Planet
Create an awesome exploding planet effect.

Skin Smoothing
Learn how to soften skin tones and gives models a much smoother skin in your digital images.

Sin City Style
Get the Sin City comic art style in your images.

Starry Eyes
Easy way to make starry eyes in photoshop.

GlassBall
Create a glass ball apply it onto your images.

Graffiti
Make some cool background behind a graffiti.

Vanishing Objects with Clone Tool
Vanishing objects with clone tool in a few simple steps.

Fiery Explosions
Create big fiery explosions in your images in a quick and simple manner.

Create a Glass Sphere or Gel Button
Make a glass Photoshop button set into a metallic base using three flat shape layers with layer styles applied.

Toning & Burning
Use and create custom Gradient Maps and burning to render a more dramatic image.

Photo Manipulation: Mix Two Creatures Into One
Mixing two creatures into one through photo manipulation.

Digital Smoke
Easily create a very customizable digital abstract smoke.

Satin Cloth
Create a crumbled stain cloth look from scratch.

De-Aging
Make someone look younger!

Effective Eyes
Creating stunning eyes using various tools.

Create an iPhone
Produce an image of the popular iPhone using Photoshop tools.

Fairy dust
A quick example on how to create fairy dust for your photos.

Cool Dark Night
Create a cool night background for the Taj Mahal.

Photo Manipulation
Blend two objects together seamlessly. In this case, a mouth is added to an apple.

Mystical Moonlight Effect Photoshop Tutorial
Effectively turn a day time image to a night time one and create a mystical moonlight effect.

The memories of yesteryears invoke in us a sense of nostalgia as we long for the days gone by when life seems so much simpler. Technology was not as advanced as it is today, and things were changing at a slower pace. Retro and vintage years usually refer to the decades before our present day, up to the last century. Images of the early 1900s to the 1980s comes into mind as we think about the designs of this era. Even though retro and vintage designs, as the names suggest, are technically outdated, many of us still turn to them for inspiration. These designs are still very much appreciated today due to its nostalgic value.

For this very reason, we have combed the web for a number of Photoshop tutorials on retro and vintage designs. Enjoy the list and be inspired!

Old Fantasy Map
via Vile Works

Abstract Retro-Pop Wallpaper
via Tutorial 9

Realistic Burnt Parchment

3D Retro Strip
via Photoshop Tutor

Creating the New Retro
via Computer Arts

Awesome Retro Collage
via 10 Steps

Retro Pop Art

Retro Photo with Background
via Denis Designs

Retro Grunge Poster
via Photoshop Tutorials

Wicked-Worn Vintage Pop Art Design
via Psdtuts+

Stunning Old-World Look

Space-Helmeted Future Retro Illustration

Old-Collage Effect Poster

Stylish Retro Text Effect

Mix Cool Retro Curves Into Photographs

Retro Boxing Poster

60’s Psychedelic Style Concert Poster

Rockin’ 80’s Party Poster

Vintage Car Poster
via PSD Vault

Old-Style Safari Map
via PSD Fan

Retro Comic Book Effect
via Photoshop Roadmap

Gigposter Design
via GoMediaZine

Old School Type – Line Gradients

Retro Cosmic Design
via Fudge Graphics

Planet Terror Style Poster
via Outlaw Design Blog

Vintage Magazine Ad

Vintage Effect for Photos
via Alfoart

Photo Transfer Edge Effect
via PShero

Old World Wax Seal

Old Paper

Old Envelope

WWII Airplane

Retro Logo with Soft Grunge Background
via PV.M Garage

Retro Lighting – Ford Mustang
via Adobe Tutorialz

Dreamy Vintage
via Blueprint Media Design

1950s-Style Movie Poster
via Spoonfed Design

Sweet Old School Album Cover
via Fortyseven Media

Turn A New Photo Into An Old Photo
via Photoshop Essentials

Curvy Cross Processing
via Layers Magazine

Vintage Polaroid Effect
via MyInkBlog

More Photoshop Tutorials

Looking for more Photoshop tutorials to brush up your skills a little? Here are more related articles we’ve previously published:

• 3D Effects Photoshop Tutorials
• Practical (Web) Interface Design Tutorials
• Abstract and Background Photoshop Tutorials
• Photoshop Photo Tutorials
• Text Effect Tutorials
• more!

Most textures and patterns don’t look attractive in raw or when they are standalone, and these metallic ones are certainly no exceptional. However, with the right mixtures (and some creativity), these raw materials could output you some of the nicest metallic-themed design. If you are looking to create some realistic metallic design, here’s a collection of Metallic Textures, Pattern, Brushes and Photoshop Tutorial that could come in handy.

Here are some related articles you might be interested:

• 28 High Resolution Wood Textures For Designers
• 40+ High Resolution Blank Template (Free) Stock Photos
• 30+ Websites for Stock Photos and Royalty Free Images

Full list after jump.

Brushes and Patterns

Arc’s Rivets + Metal Brushes
by Arcy-is-distracted
138 Custom Photoshop Brushes, includes Rivets, Screw-heads, Bolt-heads, Metal seams, Metal seams w/ rivets, Complete Panels, Vents, Holes and more.

Barbed Wire brush
by Cat-in-the-Stock
Two barbed wire brushes.

Bullet Holes Brushes
by redheadstock
A set of brushes made up of various types of bullet holes.

Spiderman Pattern
by s0nkite

Metal Set
by for-certain
9 metal texture brush set.

Metal Mesh Brush
by SocioBunneh
High quality metal mesh brushes.

Idyllic’s -Metal- Brushes
by Chalob

Gears Vectors Brushes
by redheadstock
34 brushes for Photoshop 7+, Photoshop Elements 2+, GIMP 2.2.6+

Carbon Sheets
by idealhut

Cool Metal Texture
by skipgo

Textures

Black Metal Texture
by GrungeTextures
Closeup of pattern on surface of old black metal.

WireMesh
by stock.xchng

Foil 1
by Dori-Stock

ULV Metal plate
by enframed

Metallic Holes Texture
by LeMex

Metallic Grid Texture
by FantasyStock

Metal Pattern
by Thousandhands

Metal Texture
by wojtar-stock

Metal Stock
by CausticStock

Metal Floor
by loner654

Metal Grunge Set
by Dominick-AR
11 metal grunge brushes.

Metal
by GreenEyezz-stock

Metal Fence texture
by JayL-stock
This texture has been packed on a zip, the package contains diffuse.tga, opacity.tga and a diffuse.jpg.

Photoshop Tutorials

Create Carbon Fibre Pattern
by hongkiat

Texturing and Painting Metal
by Noise-Less
Painting a metal nut.

How to Create High Quality Metal 3D Text in Photoshop
by Wojciech Pijecki
This tutorial will show you how to create the 3D text shape and give it a high quality metal look using pure Photoshop.

Creating a Cool Brushed Metal Surface in Photoshop
by Fabio
How to create the brushed aluminum texture similar to the Apple products.

Each Photoshop action stores a sequential series of tasks/jobs, and by hitting the ‘play’ button you get the same effect again and again without the need to repeat steps individually. Photoshop actions are powerful and great time saver when it comes to batch photo processing.

Adobe Photoshop comes with a default set of actions pre-installed that could give you a pretty good idea how thing works. In this post, we want to show you a list of 60+ Useful Photoshop Actions For Photo Enhancements.

You might also be interested in these following Photoshop resources:

• Nicest Photoshop Photo Effects, part I
• Nicest Photoshop Photo Tutorials, Part II
• 5 Photoshop Shortcuts/Tricks To Boost Productivity

Color Balance, Hue/Saturation

Photoshop Action 2
by saturn-rings

Cross-Processing ATN
by mutato-nomine

50 Photoshop Postwork Actions
by manicho

Portrait Actions I
by ver00nika

Portrait Actions II
by ver00nika

Action Pack I
by EmberGFX

Actions Clyck
by muffim-clyck

Caitlins actions
by mumbojumbo89

Color actions
by freaky665

Color Enhancing Actions
by Princess-of-Shadows

Colors Actions
by anaRasha-stock

Cool photo effect action
by Numizmat

Dazzle Effects
by dazzle-textures

Enhancing skin color
by mermes

Eye Color
by Jean31

GuteCharlotte Color o2
by guteCharlotte

Kalifbanane – Cross Coloring
by KalifBanane

Lovely Action
by orangetopatos

NoiseLess RetroFit Actions
by Noise-Less

Pack Actions 01
by darviana

Photo Coloring 11
by iconmaker91

Photo Coloring 11.2
by iconmaker91

Photoshop Action Set o1
by lustdrunk

Photoshop Action Set o3
by lustdrunk

Photoshop Action: Diabolic
by davidnanchin

Photoshop Action: Dim and Jade
by davidnanchin

Photoshop Actions Packs
by night-fate

Professional Photoshop Actions
by maanistudios

Rather Large Set of Actions
by rocketlaunch

Sa-cool Actions
by sa-cool

Skin Smoothing
by Jean31

Soft Touch Action
by chulii-stock

Wedding Enhancers Kit
by Karl

Split toning
by paranoidstock

Photoshop Actions – 76
by night-fate

Retro-Vintage
by rocketlaunch

PS Actions Dark Sepia
by euphoricdesire-stock

Black & White

5 Black and White PS actions
by cat-woman-amy

Black and White PS Actions
by maanistudios

Black white sepia PS action
by rosalindharrison

Aging Photos, Borders

Handcolored vintage photo
by Jenny W

Action includes: Ageing; Colour; Cracks; Bending and as a bonus Old Paper Style.

TackIt! Mini
by finessefx

This handy little effect has plenty of customization options, including the width of the picture border, the amount of shadow for both the photo and tack, and the color of the tack.

HolgaRoid Generator BW
by rawimage

Old Parchment
by finessefx

Photoshop action that gives paper with tears, yellowed edges and other artifacts.

Page Curl
by pstutorialsblog

Vintage Photo
by mutato-nomine

Photo Aging
by mutato-nomine

Photographers Toolkit 1
by WallStorm

Polaroid Generator
by rawimage

Panofx’s Photoshop Actions

Here is a list of useful Photoshop actions that will come in handy while manipulating photos, all by Panofx.

B & Big picture

Other Effects

Cinematic Effect
by orangeycow

Comics Photoshop action
by mutato-nomine

Double sketch effect action for Photoshop
by Emanuele Feronato

More Photoshop Actions

• Image Enhancement Downloads – Atncentral’s great list of Photoshop actions for Image enhancements.
• Deviant Art’s – DA’s collection of Photoshop Actions.

If you’ve got an idea (or concept) but find it hard to present on your artwork because the drawings just don’t add up, try Photoshop Brushes. Brushes are designers best friend, particularly web designers who don’t illustrate graphics much.

Adobe Photoshop does comes with a basic package of brushes but it has not been updated by folks at Adobe for quite some time. Thanks to the great community of designers out there who constantly distributing and sharing their brushes, you can almost find brushes of any patterns these days. Whether you are working on a nature-related artwork looking for floral and wood graphics, or merely adding some torn, burned and cracked effects to your artwork – there’s a free brush pack out there and all you need to do is Google.

In today’s post, we attempt to present you some of the high quality and good ones, those we thought would be generally useful in many occasion and definitely worth checking out and bookmark. Here’s our hand-picked of 50 Free and High Quality Photoshop Brush Sets You Should Bookmark. Full list after jump.

Some useful Photoshop related entries we’ve previously written:

• Preview Photoshop Brushes With abrViewer (Windows, Mac, Linux)
• Great looking Photoshop CD/DVD Cases
• 40+ Excellent 3D Effects Photoshop Tutorials
• Photoshop Photo Tutorials Part I, Part II
• Photoshop Text Effects Part I, Part II

1. Metal Brushes

   9 metal texture brush set.

   

2. 2Bit-Twilight Brushes

   A set of 12 abstract pixel brushes for Photoshop. Compatible with Photoshop 8+ / Photoshop Elements 3+.

   

3. 8 fantasy butterfly brushes

   8 really beautiful and fantasy butterfly brushes to spice up your painting.

   

4. A3D Pieces of Tape Brushes

   Thirty-seven brushes from various torn, wrinkled, pieces of tape brushes made in Photoshop 7.0

   

5. Abstract Brushset XIII

   13 awesome abstract brushes.

   

6. Astral Flora

   Pack contains 8 brushes, including 2 different sized leaves, 1 astral rose, 1 astral flowerbud, 1 astral butterfly, an assortment of whispy, starspangled curves.

   

7. Barbed wire brush

   Two barbed wire brushes.

   

8. Brush Stroke Brushes

   Made with thick black poster colours. Just great for those pieces needing brush strokes with hard bristles.

   

9. Butterflies with Flowers

   

10. Zelink’s Cataclysm Brushset

    Can be used for grunge, stars abstract and smoke/forg effects. This set was based upon the stars of the heavens. This set, cataclysm, was designed to bring violent destruction upon the use of other sets. It has many uses and works very well for sigs.

    

11. Cracks and cuts brushes

    This pack includes around 80 brushes, all cracks, chips and cuts.

    

12. Demolished.Cracks

    Demolished.Cracks pack contains 12 brushes compatible with PS 7 and up!

    

13. Fractal Brushes

    There are ten of fractal brushes in total.

    

14. CS4 Brushes

    New style of CS4 brushes.

    

15. Glow Part I

    There are 11 big brushes made with Photoshop 7.0

    

16. Floral Frame Brushes

    Now with these wonderful brushes all you need is Photoshop and the brush tool selected, you’ll create floral frame brushes so awesome that you will love.

    

17. Drop Brushes

    A set of brushes for photoshop (created in CS3) with sizes range from about 700px to 1600px.

    

18. 5 Checkered PS Brushes

    

19. Label Brushes

    The pack contains the the letters of the alphabet, numbers and some extras. Theres a piece of tape and some marks which could be used in white and added to the labels once they’re done to make them look authentic and cool.

    

20. TI Graphic Pack 152 Ps Brushes

    152 Photoshop brushes made on Ps CS4.

    

21. Metal Mesh Brush

    Metal Mesh Brush by =SocioBunneh.

    

22. Hyper Brushes – PS7

    

23. 10 Very Big Brushes No.30

    

24. MOON BRUSHES for PS7 v.2

    45 moon brushes for ps7, ps8, ps9, ps10.

    

25. 25 Tiny Text Brushes 02

    It includes 25 tiny text brushes for icons. The .zip contains an .abr file compatible with Photoshop 7.0 and up.

    

26. 20 high-res-stamp brushes

    20 high-resolution stamp brushes.

    

27. 122 Brushes

    

28. Camera-Stuff

    8 brushes for lens, film and camera.

    

29. Architectual ornaments

    

30. Crack Brushes I

    

31. Echolalie-stock 32

    The package contains 15 different brushes made of different wall pictures. You will find cracks, scratches and dirty brushes.

    

32. Floral brushes

    8 large floral brushes, for use on headers and wallpapers.
    7 100×100 floral brushes, for use on icons.

    

33. Holes, Holes, Holes

    These hole brushes are higher res so would be good for higher res projects as well.

    

34. Girl Brushes

    

35. Andantonius’ Pencil Brush

    With this pencil brush and sketch paper action, you can quickly and easily create natural-looking pencil sketches, without the pencil! The brush takes advantage of both pen pressure and tilt to create a very natural feel and look.

    

36. Old brushes 8

    Oldies set (8 brushes) for photoshop cs-cs2

    

37. Barcodes

    

38. Line Brushes

    A pack of solid and dotted lines.

    

39. My Sweet Diary Brushes

    The pack contains 70 cute brushes for lines, random scribbles and drawings, animals and a lot of hearts!

    

40. Photography Brushes for PSP

    A set of high quality (200dpi scans) 42 photoshop brushes about photography. They are more like illustrations and blueprints of various cameras and photography related processes.

    

41. Rainy

    

42. Scribbles 4: Musical Notes

    20 handdrawn musical note scribble brushes.

    

43. Rock Star Brushes

    

44. Smoke Brushes Vol II

    There are just 3 smokes per vol. All of them are more than 1300 px.

    

45. The Krako “Tags brushes”

    

46. Smudge Brushes

    

47. Syringe

    Several different variations and sizes of syringes.

    

48. Ischarm Pen Brushes

    A set of 7 pen brushes.

    

49. Spider Webs

    

50. Industrial Brushes

    

Credit: Image taken from 10steps.sg

A web designer’s bad day scenario: Your clients are bored with the usual work you present them; your boss wants to see more magic in the design; You are finding it harder to impress your associates or stand out from the crowd.

One way or another, you’ve got to find ways to impress them. One good way we thought (if you agree), is to spice up that flat 2-dimensional design. Photoshop might not be the best software to design 3D elements, but most 3D effects you see out there are definitely achievable. In this following article, we attempt to showcase you some of the best 3D design Photoshop tutorials we’ve come across. It’s probably not about memorizing all steps required to produce the output, but rather, to learn and understand the methods involved.

Product Design

• Make an iPod Classic or the New Nano

  You will be learning how to create an iPod classic but also you can use the same technique to make an iPod nano.

  

• Rendering a Striking Matchbox in Photoshop

  This tutorial consists of creating a digital illustration in Photoshop of a box of matches.

  

• Create a Shiny 3D Snooker Ball in Photoshop

  In this tutorial, it will demonstrate you how to create a realistic 3D snooker ball. It is not difficult to make. Hope you will find it interesting. By Photoshop Lady.

  

• Create a Shiny 3D Box

  How to create a cool, semi-realistic cardboard box icon.

  

• Creating Apple mouse

  

• Draw Orange in Photoshop

  

• Realistic 3D rack server

  Clever way of creating 3-dimensional server rack. Started from 2d design, transformed to 3d by playing with image perspectives.

  

• iPod Shuffle From Scratch

  Learn how to re-create an Apple iPod Shuffle by using the original image from apple’s website as a reference and using the gradient tool, layer masks and basic selection and guide techniques.

  More: Create a 4th Gen iPod Nano

  

• Realistic Decorated Wine Bottle Illustration

  How create a realistic bottle illustration and some shadow and cut techniques.

  

• Make A Watch In Adobe Photoshop

  How to create a watch from scratch in Adobe Photoshop.

  

• Make a Floating in Air USB Key Illustration

  How to illustrate a USB key floating in the air and reflecting on a surface.

  

• Designing a Portable Gaming Device Poster

  

• Realistic LCD HDTV

  How to create a photorealistic widescreen LCD HDTV from scratch.

  

• Electronic Torch Light

  

• Wii Controller

  

• Shiny Photorealistic Apple Remote

  How to make a shiny new apple remote.

  

• Detailed Compass Icon in Photoshop

  

• Vector Style MacBook From Scratch

  

• Create a Sony Playstation 3 in Photoshop

  

• Create a Slick Black iMac in Photoshop

  

• Designing Loox Pocket PC

  

• Drawing Mircosoft’s XBOX 360 in Photoshop

  How to draw a Mircosoft’s XBOX 360 console in photoshop using a reference image, simple techniques such as the gradient tools and the pen tool.

  

• Create a Classic Guitar from Scratch In Photoshop

  How to design a Classic Guitar.

  

• Create a Super Shiny Pencil Icon

  How to draw a pencil icon. We’ll have a look at gradients, selection tools, and basic transform operations.

  

• Create a Realistic Wine Bottle Illustration From Scratch

  How to create a super realistic bottle of wine completely from scratch.

  

• Create a Super Retro Style Game Controller

  

• Realistic Blackberry Style Mobile Phone

  

• Designing a Black Zune 2 in Photoshop

  

• Design Unique Watch in Photoshop

  

• Create a Mobile Phone Styled Like the HTC Touch Diamond

  More: Create iPhone in Photohop

  

• 3D Speakers in Photoshop

  

• Render a Dramatic 3D Wood Cup in Photoshop

  How to create a 3D cup from scratch in Illustrator, how to apply some texture to it in Photoshop, and also how to use the Vanishing Point filter to mock-up a scenario and apply realistic shadows.

  

• Make a Bangin’ Woofer Embedded in Wood

  How to illustrate a woofer and make a simple wood texture for the background.

  

Poster Art and Wallpapers

• 3D 2009 Wallpaper

  How to create a Colorful 3D Text effect in photoshop.

  

• Illustrate 3D Typography using Photoshop

  Downloadable PDF tutorial, comes with brushes and PSD files.

  

• Design a Professional Laptop Advert

  How to manually create your own vanishing points, and how to use these techniques to create an awesome ’screen explosion’ effect – something that is sure to dazzle your viewers!

  

• Create a Face Shattering Effect

  Learn how to shatter Jessica Alba’s face into fade away cubes.

  

• Shiny 3D Vector Circles

  Using Photoshop to achieve scalable 3-dimensional vectors circles

  

• 3D Planet in Photoshop

  For those who prefer creating their own space and planet wallpapers.

  More: Create planet in photoshop.

  

• Colorful Mac Design

  How to design an awesome wallpaper with Mac logo.

  

• Design Macbook Air in Photoshop

  3-dimensional Macbook Air, way from scratch in Photoshop.

  

• Integrating 3d Elements Into Your Designs

  This tutorial will cover some techniques to integrate 3d elements into your 2d designs.

  

• Draw custom 3D arrows with Photoshop

  

Designing a website has never been easier. If you asked a web designer who been long enough in the industry, they could tell you there’s actually not much resources, articles nor communication channels regarding web design/develop in the older days, let alone high quality free tutorials.

If you intend to create your own personal websites or perhaps redesign your blog theme, it’s not something too hard already. Thanks to generous designers and contributors, the net is full of great tutorials with step by step guides helping you building web interfaces and navigation. And with this blog post, we’ve probably just scratched the surface of what’s out there. We’ve previously showcased you 40 great Web Interface Design, and today we want to show you another 31 Practical Interface Design Photoshop tutorials. Full list after jump.

Headers and Navigation

Creating effective navigation for websites are essentially important as they determine how visitors surf and navigate your website. We’ve hand-picked some really sleek and simple navigation tutorials for the showcase. Making tweaks and changes will come pretty easy once you’ve mastered these tutorials.

1. Retro Dark Blue Header Design

   How to create a dark blue header with a retro spin on it.

   

2. Wii Web Header

   How to design the Wii header found at Nintendo.com.

   

3. Colorful Design Studio Header

   How to create a colorful design studio header layout.

   

4. Metallic Header Design

   

5. Nature Theme Header

   

6. Professional Dark Header

   How to create a simple, yet effective navigation for your website.

   

7. High-Detailed Plastic Navigation Bar

   Navigation menus can vary from ordinary text links to the most complicated dropdown menus. This tutorial is describing detailed process of creation of “plastic” navigation bar.

   

8. Curled Corner

   Learn how to create a sleek content box that features a curled corner to give it a more dimensional approach.

   

9. Green Navigation

   How to make a stylish looking green navigation with a shine effect.

   

10. Blue on Black Navigation Bar

    How to combine several layer styles to create a beautiful yet simple navigation bar.

    

11. Clean White Navigation Bar

    Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop.

    

12. Modern Web Search Bar

    How to create a modern web search bar with a drop down menu.

    

13. Dark Navigation Box

    How to make a more advanced styled navigation box using some more effects and tools.

    

14. Clean Blue Navigation Box

    How to use some tools and effects to make a navigation box for a web layout which you can apply the same techniques to make content boxes etc.

    

15. Create a Professional Gaming Header

    How to create a professional gaming header design.

    

16. Volkswagen Inspired Navigation

    This tutorial assumes that you know your way around Photoshop enough not to need too much hand-holding. You should know your way around the Layers palette and know how to add Layer Styles, use Custom Shapes and Clipping Masks without much explanation.

    

17. Design a Unique Bookmark Box

    How to create a unique, and professional-styled bookmark/promote box for your personal Blog, or maybe even your website.

    

Full Layouts

For those who wish to create a website and with no idea at all, here are tutorials that guide you through designing the entire webpage layout, head to toe.

1. The Art Institute Photoshop Template

   Easy steps to create a sleek template.

   

2. Talkmania Arhitecture layout

   

3. Creative Studio Web Page

   

4. Clean black and green webdesign

   

5. Unique Grungy Website Layout

   How to design a cool grungy website layout.

   

6. Clean Business Layout Tutorial

   

7. Web 2.0 Blog Layout

   Several new techniques are covered in this tutorial, such as interesting use of the drop shadow element. We’ll also cover creating a see-through navigation bar, as well as creating our own unique icons for this layout!

   

8. The Ultimate Grunge Design Tutorial

   This tutorial will discuss how to create a fantastic grunge layout in Photoshop. It uses some techniques that are fairly common, and a couple that I’ve not seen discussed elsewhere before.

   

9. Real Estate Web Design

   Create a clean and contemporary website design for a real estate related website.

   

10. Agency Layout

    

11. Vibrant Modern Blog Design in Photoshop

    This tutorial will cover the process of designing a vibrant and colourful modern blog layout in Adobe Photoshop.

    

12. Photography portfolio

    Awesome photography portfolio design with a lot of content boxes and an attractive look.

    

13. Konvicted Art

    First photoshop tutorial and we thought it’s great.

    

14. Unique Desktop Layout

    How to make a unique desktop style layer, using common work desk objects.

    

Few months ago we showcased 22 best Photoshop text effects Photoshop tutorials here at hongkiat.com, but then we soon realized they were still plenty of good tutorials out there and the current ones aren’t enough to satisfy most designers anyway. So we went searching for more and 3 months later, we beg to show you more.

This time we put together another 50 really nice text effect Photoshop tutorials, making it more than 70 great Photoshop text effects in our archive. Full list after jump.

1. Text In Stitches

   How to convert text to a path and how to stitch that path using a custom brush set.

   

2. Colorful Glowing Text Effect

   

3. Spray Paint Text

   

4. Bling Bling Simple Gold Text Effect

   How to make a simple gold text effect by using some layer styles, namely the Gradient Overlay layer style!

   

5. Cheese text effect

   How to make a stylish cheese text effect.

   

6. Reflective Glass Tutorial (Video tutorial)

   Incorporates several different techniques to achieve an effect similar to a reflective glass material that is mirroring the scenery around it

   

7. Entrails Photoshop Tutorial (Video tutorial)

   How to use filters, blending modes, and hue changes in order to stylize some text.

   

8. Taco Bell Text (Video tutorial)

   How to use layer styles in order to duplicate a unique effect that you may have seen during a late-night run for the border.

   

9. Aqua Text Photoshop Tutorial

   

10. Chained Text

    This Photoshop tutorial will show you how to create text wrapped in chains.

    

11. Create a Layered Glowing Text Effect

    Create this effect using very basic Photoshop tools and layering effects.

    

12. Trendy Typographic Poster Design

    Creating an interesting and eye-catching poster with a single typographic word.

    

13. Spiderman III

    

14. Furry Text

    This Photoshop tutorial will show you how to create text with a furry texture.

    

15. Awesome Grunge Text Effect

    How to create an awesome grungy text effect. The effect can be used to liven up your website layouts, but can also provide a good way to display logos and other graphical elements alone.

    

16. Hell of Tutorial

    Create a 3D text with fire coming from the inside of the document like a hole.

    

17. Highlighted Chrome

    Create some cool smooth chrome with soft blue highlights, great as a text effect..

    

18. Honeycomb Text Effect

    This Photoshop tutorial will show you how to create a honeycomb style text.

    

19. Icey Styles in Photoshop

    Create an icey-cold effect using layer styles and that you can apply to different objects.

    

20. Linked Letters

    

21. Gold Plated Text

    Learn how to turn text into gold using Photoshop’s Layer Styles.

    

22. WarCraft Font

    

23. Dirty Grunge Text

    

24. Design a Lego Typography in Photoshop

    How to make Lego blocks and use it for typography designs.

    

25. Metal Wires Text

    How to create metal wires text effect.

    

26. Paint Effect

    

27. Paint Splodge Text

    How to simply create a paint splodge looking text using blending options and the pen tool it will take only around 5 minutes to complete

    

28. Colored chrome text effect

    Create a colored chrome text effect.

    

29. Killer Metallic Text

    

30. Simple dark but vivid text effect

    Create a very simple text effect. A dark, colorful text effect.

    

31. Stunning 3D effects in 30 minutes

    How to create this cool effect in just 30 minutes.

    

32. Decorating Text

    Pick and mix which techniques you use or just try all of them and end up with an image like this.

    

33. 3D Text effect

    This tutorial shows you how to create a nice 3D text using only photoshop 7.

    

34. Glossy Candy Text Effect For Kids

    This is a very tutorial for making colourful text, ideal for any kids decoration or web sites.

    

35. 3D Cliff Text

    How to a text that look like it was formed by cliffs of mountains.

    

36. Text on rust

    

37. Scrabble Text

    How to make a cool scrabble text effect using various tools, layer styles and a wood pattern.

    

38. Retro Text

    

39. Scanline Text

    Here we will create a style named ‘Scanline Text’ which is basically text which glows like bright scanlines, with a smart reflection as well.

    

40. Shining Neon Text Effect in Photoshop

    

41. Creating the Sky Logo

    Very simple and straightforward way of creating Sky’s latest logo.

    

42. Create a Spectacular Graffiti Effect

    

43. Gold Text effect

    A very easy and basic tutorial that doesn’t require much knowledge and experience with photoshop.

    

44. Star Wars text effect

    

45. Super Cool Frilly Bits Typography

    How to mix some vectors with letters to create a really nice design.

    

46. Delicious Chocolate Text

    Learn how to quickly design some delectable, rich dark chocolate flavored text!

    

47. Moon Shine Text Effect

    This Text Effect Quickie will show you how to easily create a soft glowing moon-like text.

    

48. Pop Text Effect

    This Text Effect Quickie will show you a real simple way to create a vibrant, poppy type in just a few minutes.

    

49. Making a Rusty Text

    

50. Wanted Sign Into A Piece of Wood

    Make an awesome wood emboss effect, put bullet holes into the wood, and finally smoke ‘em up to a gnarly Wyatt-Earp-just-walked-past look.

    

51. Wood Inlay Text

    How to create a wood inlay effect using wood textures, layer masks and a few creative selection techniques.

    

Attractive backgrounds to any graphics, banners or ads are relatively important. Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, it somehow makes the entire artwork looks more interesting.

Some might not have noticed the great roles background images have played. For instance, forumites uses cool design background before messages in their forum signatures; some product graphic advertisements uses light subtle background to help create focus point; your website and desktop need nice backdrops too. Sometimes when I get a little limited by the amount of content I can insert onto an ad design, I’ll paint a light background behind it so the entire creative don’t look so empty.

Here’s 40 really nice abstract and background design Photoshop tutorials you might want to take a look at. It’s probably not about getting the exact effect they’ve got, but to pickup the technique and see how you can advance from there.

Looking for more photoshop tutorials? Here’s what we’ve previously compiled:

• 41 Nicest Photoshop Photo Effects, Part I
• 30+ Nicest Photoshop Photo Tutorials, Part II
• 40+ Hand-picked Photoshop Icon Designs
• 40+ Greatest Web Interface Design Tutorials
• 22 Best Photoshop Text Effect Tutorials
• more..

Full list after jump.

• Abstract Signature
  Learn how to create a detailed signature using several filters and effects.
  

  

• Chroma Wallpapers
  How to create a energetic, vibrant, colorful wallpaper
  

  

• Windows Vista Aurora Effect
  How to create the Vista aurora effects in Photoshop.
  

  

• Abstract Walkthrough
  

  

• Luminescent Lines
  This technique is fairly simple and is a great way to create an abstract wallpaper or looks good integrated into another image.
  

  

• Abstract Background of Colored Bars
  Short but attractive way to create a graphic for backgrounds, wallpapers, greeting cards, designs, and all that other good stuff.
  

  

• Leopard Aurora Borealis
  Not exactly the Mac OSX Leopard aurora wallpaper, but great effects to create something simillar.
  

  

• Brilliant Light Streaks Simple technique for creating brilliant light streaks which can be used in different ways to add motion and brightness to your designs.
  

  

• Space Lighting effects
  How to create a space scene with some nice Lighting Effects in 10 Steps.
  

  

• Calculations And Colorization
  How to create an Alpha Channel using the Calculations dialog and we’ll use it to get a really great abstract photo effect.
  

  

• Abstract image tutorial Create a beautiful and extraordinary effect with some simple steps.
  

  

• Cool abstract background
  Create abstract background from bubbles and waves.
  

  

• Abstract Light Rays
  

  

• Yet another abstract signature
  

  

• Abstract Summer Illustration
  Learn to create an illustration picturing the summer.
  

  

• Swoshy lines
  How to make an abstract ribbon-like effect using only Adobe Photoshop.
  

  

• Abstract Energy Lines
  How to create some energetic lines you can use to create more lively digital creations.
  

  

• Easy Abstract Photoshop Tutorial
  How to create a very simple abstract shape using a few brushes and effects.
  

  

• The lightning effect
  

  

• Intense Solar Flare (Filter) Effect
  

  

• Signature tutorial Movement
  

  

• Abstract Art Piece: "Lonium"
  In this Photoshop tutorial we’ll be walking through the process of making an abstract artwork, using abstract 3D renders, textures, and more.
  

  

• Light Rays
  Create a fantastic light ray background texture
  

  

• Abstract Background
  

  

• The OS X Wallpaper
  Learn to create the iconic wallpaper using effects, gradients, masks and blurring.
  

  

• Digital Art Piece
  

  

• Grungy Metal Texture
  How to make some grungy metal with a star
  

  

• Signature Backgrounds
  

  

• Abstract Airbrushing
  

  

• Wallpaper Effect
  This tutorial walks you through steps in creating a warped effect that you can use to create artistic and profressional background and wallpapers.
  

  

• Trendy Background Textures
  Simple technique using brush strokes for making some trendy background
  

  

• Digital Star Effect
  

  

• Stripy Abstract Wallpaper
  Simple effect that can come in really handy.
  

  

• Magic light streak wallpaper in photoshop
  

  

• Mac-type background
  This tutorial is about making a "mac" style background.
  

  

• Colourful swirl
  

  

• Colorful Tornado
  

  

• Firey Explosion
  Spice up your space art with this explosive tutorial
  

  

• Abstract Artsy Background
  

  

You might not be the best photographer, but this doesn’t mean the photos you publish will suck. We’ve previously showcased 41 nicest photo effects tutorials you can adapt, now here’s more. By adding this new 30+ Nicest Photoshop Photo Tutorials to our previous entry, you have over 70 ways to enhance photos taken with digital camera, or even dSLR.

While you are at it, here’s more Photoshop tutorials you might be interested:

• Icons – Hand-picked Photoshop Icon Designs
• Web Interface – Greatest Web Interface Design Tutorials
• Text – Best Photoshop Text Effect Tutorials
• Photo – Nicest Photoshop Photo Effects
• more..

Full list after jump.

1. Using Ink Drops in Your Digital Compositions

   This tutorial demonstrates techniques to creatively work ink drops into your compositions.

   

2. Fairy Night Eye

   How to correct the photos’ colors, change the eyes color, work with the layers, applying ready brushes and designs, create your own design and to picture the stars.

   

3. Make your image look awesome with a few light effects

   

4. Compositing with Adjustment Layers

   Created a dark and mysterious scene with a young girl paused in an eerily calm storm.

   

5. Add A Sparkle Trail To A Photo

   How to add a sparkle trail to a photo

   

6. Adding Light Streaks To A Photo

   How to add colorful streaks of light to a photo.

   

7. Make Perfume Commercial

   How to make your very own fragrance advertisements.

   

8. Colorful Picture Style

   Make a strong impression to a picture by using color blend techniques

   

9. Electrifying Energy Beams

   Great effect that will bring some energy to your subject.

   

10. The little mermaid Photo Effects

    Learn to improve the quality of the picture, create the effect of scales on the human skin, create the model’s make-up, change the color of her hair.

    

11. Coldplay / Apple Style Portrait

    How to create a portrait based on the style of the latest Coldplay / Apple Ad featuring “Viva la Vida” from Coldplay

    

12. The Making of Mystic

    Nik Ainley walks us through the process of making a spectacular image.

    

13. How to make your own vector portraits

    

14. Photo Editing / Retouching

    Basic editing tutorial using adobe Photoshop.

    

15. Blue glow dreamy portrait

    Make a dreamy portrait by playing with glow and colours.

    

16. Fire Lines Tutorial

    How to create creative and stylish fire lines in 10 easy steps.

    

17. Creating light motion trails & glowing sparks

    A technique often used in advertising these days, is these glowing lines. They look like light motion trails. If you ever wondered how to create these kind of lines, here is how I do it…

    

18. Lighting effects in Photoshop

    Creative lighting can make all the difference to your photos – here’s how to jazz it up a little.

    

19. Sin City Photo Effect

    How to get that Sin City look in your image.

    

20. Creating a Vector Composite Effect from a Photo
    

    How to take an image, in this case a woman’s face, and give the appearance that it is entirely composed of vector shapes.

    

21. Photo to Pencil Sketch

    Convert photo to pencil sketch effect in Photoshop.

    

22. Creating your own Fairytale Scene

    

23. Giving a Mafia-Look to a Business Photo

    

24. Dirty Grunge Poster

    This tutorial will show you how to change your images into a cool dirty grunge design, which could be used for posters, prints, CD covers, etc.

    

25. A Rather Different Photo Collage

    

26. Urban-Style Piece of Artwork

    How to create a dirty, urban style image using both well known techniques as well as a few new ones.

    

27. The Ocean Girl Photo Effect

    Learn how to create an ocean girl artwork by combining some stocks and blending techniques.

    

28. The Guitar Photo Effect

    

29. Make photos sparkle

    From fashion shots to portraits, here’s how to add a touch of magic with Photoshop lighting effects.

    

30. Good and Evil Photo Effect

    How to take an image and split it into two personalities.

    

31. Desaturated ‘Gothic’ Look

    Style Kruella (or anyone) in a vaguely ‘Underworld’ desaturated blue style for that traditional ‘goth’ look.

    

32. How to make your Twins (Clones)

    

If you have a product to sell or promote and they come in the form of CDs or DVDs, it’s good to present them in a disc-case visual. For those who are not too familiar with Photoshop, drawing plastic disc cases are no longer obstacles. Here’s few gorgeous looking free CD / DVD templates to make your life easier. They come in .PSD Photoshop files, each component broken down in layers for full customization.

Please check with author if you are planning to use them for commercial purposes. Full list after jump.

Butterfly Kisses by madame-faith – Here’s more, Vol 1, Vol 2. [via Webappers]

DVD icon template by whyred – Dvd case template, dvd & cd included.

CD-DVD template by Inonomas – This is a CD/DVD sticker template. It’s made serving a 12 x 12 cm disc.

dvd Plastic Case by manicho – Author has another one here, as well as a cassette version. Great job. [via Webappers]

Jewel Case by LeMarquis [via Webappers]

Jewel case by xplodr -1700×1500 px Jewel case template.

DVD Game Template by b0bd0gz – Here’s the PSD template for making DVD Game Icons.

Reader Douglas R. wrote in and asked if I can share few tricks and shortcuts to work around Photoshop more efficiently. I thought that’s an interesting topic, but that being said, depending on your job nature you’ll tend to have different list of frequently-used shortcuts.

As a designer cum developer, here’s 5 Photoshop shortcuts/tricks I frequently use. If you have something cool to share, feel free to leave them in comment box.

1. Smart object and Smart filters

In short, Smart Object and Smart Filter allow you to revert the actions made on images; let it be effects, filters or different sizes. In another word, once you’ve converted them to Smart objects/filters, they are non-destructive, original state and be easily recovered when wrong decisions are made.

Smart Objects

An image, after converting to Smart Object allows you resize to any dimension without loosing the image quality. To convert an image to Smart Object, right click on image layer, select Convert to Smart Object.

Smart Filters

An image, after converting to Smart Filter allow you to remove and re-apply filters without needed to bring back original image and start all over again.

2. Absolute Positioning

Say you have a canvas size of 500×300 and you want to place the iMac icon right in the center/middle. By positioning the icon manually with mouse, or perhaps with some Photoshop ruler guidance I argue it’ll be slightly inaccurate and it’s time consuming.

Here’s a simpler way. Simply highlight the canvas size, make sure you are selecting the iMac layer, select the Move Tool (v) and click on these 2 buttons on the top.

• Align vertical centers
• Align horizontal centers

You can be rest-assured that your icon is now absolutely center/middle.

3. The Hand Tool

You’ve got a big size file but a rather a small working canvas, if navigation from places to places within the canvas is troublesome, try the hand tool. Hold spacebar (your cursor will turn to a hand symbol) + left mouse click to move around your canvas. A pretty handy shortcut.

4. Layer Comps

Layer Comps is great in controlling the visibility of combination of layers and folders. They are extremely useful when you need to communicate your design with your peers, superiors or clients. It allows you to on/off any layers and folders at ease. All you need to do is define each visible screen to a layer comp.

Layer Comps can be found at Windows -> Layer Comps.

5. Zoom Reset In 1 Click

I think it’s a designer’s habit to zoom deep into a specific part, do some adjusting or tweaks and then move on to others. You can zoom into a opened Photoshop document by using alt + control + ‘+‘. To zoom really deep, just keep pressing the ‘+ (plus sign)’

No mater how many times you’ve zoomed in, you’ll just need one command to reset back to original size. Here’s the keyboard shortcut you need, alt + control + 0 (Windows), option + command + 0 (Mac)

We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it’s limitation too. Here’s few we can quickly think of:

• Copyright. Most free icons restricts usage on non-commercial product/website only.
• Size. Don’t you just hate it when you found your favorite icon but it’s only a 32×32 and you wish they have a bigger version?
• Colors. You found the exact icon you want, but the color is just not right.
• Transparency. Some author did not distribute their free icon in .PNG or original source. That makes it hard to implement their icons on our design.

Creating your own icon not only overcome above mentioned problem, at the same time you gain and brush up your Photoshop skills. Nothing beats the satisfaction of creating things on your own. We’ve crawled the net, searching from sites to sites and here’s a 40+ hand-picked Photoshop tutorials that guide you through icon designing. Have fun.

You might also be interested in these following Photoshop articles we’ve previously published.

• Nicest Photoshop Photo Effects
• Web Interface Design Tutorials
• Best Photoshop Text Effect Tutorials

Full content after jump.

	Adobe Photoshop CS3 Icon How to quickly make a slightly altered looking Adobe CS3 Icon.
	Angry Emoticon Learn about special effects while converting an ordinary orb into a fantasy art piece.
	Create a Glossy Home Icon Learn how to design your very own glossy home icon in Photoshop
	Perfect Shine Button or Icon How to create a cool looking button or an icon to suit your need.
	Create a High-Gloss Graduation Hat Icon Design How to make a professional, shiny, clean graduation hat icon.
	Create a Jaguar Style Folder Icon How to cover an object in a Jaguar style fur texture.
	Create A Mockingly Smiley Simple way to create a glossy mockingly smiley in Photoshop.
	Create a Shiny Lock Icon Design Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!
	Create Icons tutorial Create a glossy looking icons.
	Creating a Cool Yellow Helmet Icon Create a helcom icon from photograph.
	Creating an XP Style Monitor Icon Create a simple monitor icon in that style.
	Design a Glossy Download Icon You want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.
	iTunes Icon in iPhone This tutorial will show you how to effectively create the iTunes icon found on all iPhones and iPod Touches.
	Draw magnifying glass Learn how to create magnifying glass, which you can use it as button or as icon
	Vista Aero Thumbnail Icon Create the glossy border around most of Vista’s icons.
	World Icon Tutorial Create world icon in Photoshop.
	Glossy RSS icon In this tutorial we are going to create a colorful RSS icon for your blog.
	Glowing Orb With Dial Experimenting with layers and styles to create a cool glowing orb and dial effect.
	Home Icon In this tutorial, you will learn to create a home icon.
	How to Make a Folder Icon Learn how to create a nice folder for your desktop or a website.
	Illustrate a Traffic Cone Icon in Photoshop Drawing a traffic cone, another handy icon for "under construction"
	iTunes Icon The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon.
	Mac Os X Mail Icon Style Learn how to make the Mac OS X Mail’s icon in a easy way.
	Making a Photoshop Shield! Use the Path Tools in Photoshop to draw a shield-like shape.
	Designing a Safety Icon Design safety icon in Photoshop.
	Pyramid Icon Design How to use your pen tool to create a simple and easy triangular icon design that can be used as your logo or a bulletin.
	Custom RSS Feed Icons Two ways to make your Feed Icons custom.
	Photoshop Video Game Mario Icon How to Create Photoshop Video Game Mario Icon.
	Recreate the Famous Yahoo! Smiley How to recreate the famous Yahoo! smiley face.
	Skype Buddy Icon Learn to draw skype buddy icon with this tutorial.
	Skype Logo Learn how to create in easy steps logo for Skype.
	Stylish Search Icon Learn how to design a professional stylish search icon.
	QuickTime Icon Design Quicktime Icon in Photoshop.
	Clock Icon Create simple clock icon.
	Mac Sphere icon Create Mac Sphere icon.
	The Making of an Icon Insights into the process of making icons.
	Creating a clock icon Yet another clock icon tutorial in Photoshop.
	TV Icon In this tutorial, you will learn to create a tv icon.
	Vista Error Icon How to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.
	Vista Firewal Icon Design a Vista Firewall Icon
	XP Style Woman Icon Learn to draw a xp style woman icon.

Whether you kick off a web interface design by sketching on papers or blank Photoshop canvas, it’s good to get some guides and inspirations. Here we’ve compiled some of the nicest Photoshop tutorial that guides you, step by step, building up a web interface all the way from scratch.

While you are at it, here’s more design related content we’ve written previously that might interest you

• 41 Nicest Photoshop Photo Effects [Photoshop Tutorials]
• Javascripts Resources: 20+ Scripts, Tutorials and Frameworks
• Best Color Tools For Web Designers
• 50 Websites For Free Vector Images Download
• 18 Forums Web Designers Shouldn’t Missed
• 22 Best Photoshop Text Effect Tutorials

Full list after jump.

1. Beer/bar restaurant website layout

   

2. Design a Web 2.0 tab with Photoshop

   

3. How To Create a Stunning Vista Inspired Menu

   How to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.

   

4. Creating A Cool 3D Web Design Effect

   Produce nice subtle 3D effects in our web designs.

   

5. Hero Header I, II

   

6. Create a Nature Inspired Painted Background in Photoshop

   

7. Make the Viget Inspire Background

   An overview of how Viget Inspire background is put together.

   

8. How to Create a Simple & Sleek Web 2.0 Site Footer

   How to produce a sleek looking site footer in Photoshop.

   

9. Create a Sleek, High-End Web Design from Scratch

   High-end Web design using a crisp, thin font, gorgeous background images, and clever use of space and layout.

   

10. Tutzor web 2.0 style design

    

11. Slick Blue Navigation

    

12. Vista Style Nav Bar

    Create a navigation bar with a unique Vista Style

    

13. Business Web Page

    How to create a web layout for your business.

    

14. Create Chopper Layout

    

15. Website Design Studio

    Learn how to create a professional website design studio. A step by step guide to creating a professional web layout.

    

16. Create Real Estate template

    How to make nice looking web template for Real Estate site.

    

17. Web 2.0 clean layout

    How to make a clean style layout with some basic tools with Photoshop.

    

18. The Most Advance Game Layout

    

19. Black stylish layout

    How to create a stylish layout.

    

20. Sound System Studio Web Layout

    Create a nice looking sound system studio web layout.

    

21. Royal Interface

    

22. Professional Web Template

    Design a nice an professional web template in Photoshop

    

23. Professional Modern Web Layout

    How to create a modern web portfolio layout.

    

24. Professional header design for your website

    How to make a nice-looking and professional header for your website easily.

    

25. Professional Design Studio Web Template

    Guide to design a professional web layout for Web Design Studio.

    

26. Portfolio Web Layout Tutorial

    How to create a modern portfolio layout.

    

27. Professional Blog Template Design

    A professional blog template design created in Photoshop

    

28. Create Flickr Thumbnail Box

    Learn how to use the tools in Photoshop to draw a Flickr thumbnail box.

    

29. Cool Photography Layout

    How to design a simple blue layout with Photoshop by combining shapes and layer styles.

    

30. Personal Site Layout

    How to create a web layout for persoanl site.

    

31. Modernistic Navigation Module

    How simple shapes and gradients can create elegant designs.

    

32. Modern Portfolio Layout

    

33. Interior Design Layout

    

34. Graphic Design Studio Web Layout

    A simple and professional design studio layout.

    

35. Glossy-Style Carbon Fibre Navigation Buttons

    Glossy, carbon fiber navigation set.

    

36. Design Watercolor Effect Menu

    How to design a watercolor effect menu in Photoshop

    

37. Design Studio Website

    A step by step guide to creating a professional web layout with a dark theme for Web Design Studios.

    

38. Creating a Professional Business Layout

    Create a unique business layout using Adobe Photoshop

    

39. Create a Dark Themed Web Design from Scratch

    Learn how to create a colorful design set against a dark background.

    

40. Clean black & green web design

    

41. Sketch Web 2.0 interface

    Draw yourself some graphical user interface for a website

    

Do you know you can create panorama with Adobe Photoshop? We are not talking about the manual way but rather automatic. With the help of Adobe Bridge and Photoshop, creating a panoramic version of your photo can be done within seconds, all you need to do is select your photos to be stitch and let Photoshop do the rest. Fire up Adobe Bridge and Photoshop, full tutorial after jump.

Step 1

In Adobe Bridge, select the photos you want to combine. Hold Control (Windows) or Command (Mac) to select multiple photos.

Step 2

In Adobe Bridge, with the photos in selection, find yourself to Tools -> Photoshop -> Photomerge.

Step 3

Photomerge dialog box will prompt. Select the layout of your panorama (leave default if you have no idea). Click OK and Photoshop will start copying images one by one and do the necessary stitching.

Step 4

Finally, use Crop tool to remove the unwanted parts on the image.

This is a trick I learned couple of weeks ago in Adobe Master Tour KL, hope you find it useful.

So the next time you want to publish some photos online, consider editing them so they look more impressive. Here’s a compilation of 41 Nicest Photoshop Photo Effects you can take into reference. Full content after jump.

1. Mental Wave Explosion Effect

   How to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.

   

2. Realistic Water Reflection

   How to easily add a realistic water reflection to any photo.

   

3. Displacement effects

   How to use a variety of filters and techniques to produce an image in an experimental style.

   

4. Make Photos More Suggestive

   Learn how to make the model in this tutorial more suggestive with awesome curves

   

5. Halftone Dots and Linear Light

   A very cool linear light halftone dot effect in less than 2 minutes.

   

6. Retro Comic Book Effect

   Creating a old comic book effect for your photos.

   

7. Add Realistic Rainbow To A Photo

   Easily add a rainbow, even a double rainbow, to a photo.

   

8. How To Make Digital Photos Look Like Lomo Photography

   Take a digital photo and make it Lomoified

   

9. Creating a Rocking Silhouette

   How to create a silhouette of a person taken from a normal photo, adding colorful light to it as if the light source is located behind this object.

   

10. Adding Reflections To Sunglasses

    How to add reflections, or at least, different reflections, to sunglasses.

    

11. Age Progression

    Go about aging a woman’s face in Photoshop.

    

12. Alien Invasion

    

13. Dark Art Picture Style

    How to combine some stocks and Photoshop techniques to make an amazing dark art picture style.

    

14. Bringing a Stone Statue to Life

    How to take a stone statue and alter it to look life-like.

    

15. Changing Hair Color

    

16. Photo Edit Color Effects

    

17. Add Another Dimension

    Create stunning effects using glows.

    

18. Crack and Peel

    

19. Cool Halftone Effect

    How to create halftone patterns and creatively cut up an image of a model holding a boombox.

    

20. Creating Energy Spheres

    

21. Devil’s Eyes

    How to make eyes look more sinister

    

22. Dynamic Lightning

    How to spice up a fairly dull and flat photograph.

    

23. Eery-Eye Photo Manipulation

    

24. Expressive lighting effects

    How to go about combining several lighting techniques

    

25. Fantasy Art

    

26. Fiery Photoshop Space Explosion

    Creating a spectacular space scene featuring two planets colliding.

    

27. Color Hair Locks

    Getting the hair colored in just few minutes.

    

28. Beautiful Lady Effect

    

29. How to turn your photo into movie-like effect

    

30. Mosaic, Fill A Photo With Photos

    Create a bit of an optical illusion, filling one photo with many smaller photos, or at least, many copies of a couple of smaller photos.

    

31. Photoshop Effects: Focus With Light

    How to add focus to an image with light, using Photoshop’s Lighting Effects filter and multiple light sources.

    

32. Zombie

    Turning Mandy Moore or anyone into zombie.

    

33. Super Slick Dusky Lighting Effects

    Put together a sunset image mixing some vector shapes and dusky lighting effects to produce a slick image that would make a nice album cover for a chillout mix!

    

34. Transform a person into an alien

    How to create a very cool looking alien using Adobe Photoshop

    

35. Seriously Cool Photoshop Explosion Effect

    How to break apart a body, then add some awesome lighting and glow, and nopattern style, to finish the image off.

    

36. Reflective Bubble

    

37. How to Make Circle Pixels (Pop-art Style)

    

38. Easy Watercolor Painting Effect

    How to easily make a photo look more like a watercolor painting.

    

39. Watercolor Effect

    

40. Realistic Tattoos

    This tutorial uses a few basic photoshop techniques, masking, color adjustment, liquify and the resize and transformation tools.

    

41. Robotic Frog

    How to take a regular frog and opened him up to reveal a mechanical skeleton.

    

More

Deke McClelland of deke.com recently released a Photoshop tutorial video where the guru revealed 101 Photoshop tricks all in a 5 minute video. You can even download the video in 2 different version, standard quality Quicktime format or high quality M4V format (for iPods, iPhones)

Download standard quality | High quality

Typography means a lot in any medium kind of presentation. Whether it’s a logo, banner or just a title; being able to inject creativity into it not only help in delivering the message across, it also leaves solid impression on the viewer. Good typography design is not easy, or should I say getting the type match and speaks for the product is often a very challenging job.

Here are some of the best Photoshop text effects tutorials on the web, and as usual it’s the creativity that counts. Full content after jump.

1. ‘Bee Movie’ Text Effect

   

2. Metal Text Effect

   Really metallic chrome effect.
   

   

3. Grass Text Effect

   Cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.
   

   

4. Leopard ‘X’ Effect

   

5. Exploding Text Effect

   9 Steps in creating an exploding text.
   

   

6. Reflective Liquid Effect

   Realistic text made from water drops.
   

   

7. Slow Shutter Text Effect

   Learn how to create this stunning slow shutter text effect using just Photoshop.
   

   

8. Flaming Meteor Text Effect

   Take typography one step further by having text falling from the sky in a burning inferno.
   

   

9. Smooth Glass Effect

   Nice looking translucent glass type that’ll work great on any background, made completely with layer styles.
   

   

10. Soft Stylized 3D Type

    Basics of creating polished 3D type using Illustrator and Photoshop.
    

    

11. Fire Burning Text Effect

    How to use a photograph of fire to set text to the match.
    

    

12. Text Graffiti

    

13. Bling Text Effect

    How to make a realistic bling bling gold and diamond text.
    

    

14. Supernatural Text Effect

    Creating a smoky night effect on text to give it an eerie supernatural sort of feel.
    

    

15. 3D Typographic Effects

    How to add the wow factor to 3D text using Photoshop’s art tools.
    

    

16. Chain Text

    

17. Smooth Chrome Text

    

18. Starcraft Text

    How to create a nice StarCraft style wallpaper.
    

    

19. Advance Glow Effect

    

20. Old School Type

    

21. Grunge Rubber Stamp

    Simple method to create grunge brushes, and to detail how these brushes can be used to reproduce realism in our rubber-stamped logos.

    

22. Swirl Text

    Useful for creating a unique logo for your website.

    

If you are a web designer migrated from Adobe Photoshop CS2 to CS3, you might noticed whenever you attempt to save images in the format of ‘Save for web‘, the images tend to get a little bit faded from the original; regardless of the file formats (.GIF, .JPEG, .PNG). Some may say the difference is not too obvious and it’s fine, but it’s enough to kill a frustrated designer. Well, at least me.

When you do a “Save for web” from your original .PSD (or any other formats), your output should look very similar to the original. So why is Adobe Photoshop CS3 giving a faded version of the original instead? – That’s because Photoshop convert your image to sRGB by default. All you need to do is uncheck the ‘Convert to sRGB‘ and you should get your original colors back the next time you do an image save.