Web Design Tutorials: Photoshop, HTML, Flash, PHP
Currently Browsing: Photoshop Tutorials

Photoshop Tutorial – Pen Tool Background Removal

Isolating items with clarity and finesse isn’t solely a fine-art pursuit in Photoshop, professional background removal is a common undertaking in the world of Digital Design. As it is a fundamental process, it’s well worth employing the best technique possible; and in my humble opinion, the Pen Tool is king. Due to it’s bezier nature, it’s a tricky one to get to grips with, but once learnt, becomes...

Photoshop Tutorial – How to make a Splash Image

In this tutorial we will learn how to make a splash image with great effects for you website. What We Will Do Step 1 Create a new document with the settings below: Right Click on the Background Layer and select Background from Layer. Click OK Right Click on the Layer 0 and select Blending Options and Check the Color Overlay option with Black Color. Now create a new layer and select Rectangular Marquee Tool...

Photoshop Tutorial – Mac Os X Mail Icon Style

1. Using the Custom Shape Tool while pressing Shift make this shape: 2. Now right click over the layer and Rasterize Layer. 3. The go to Edit/Transform/Rotate 90° 4. Double click over the layer to open Layer Style’s window and add a Drop shadow as seen below. 5. Then go to Gradient Overlay and use #e7e7e7 to #f9f9f9 for the gradient. 6. Now make a new layer and with the Rectangle Marquee Tool make a rectangle...

Photoshop Tutorial – Flickr Box

Learn how to use the tools in Photoshop to draw a Flickr thumbnail box. Step 1: Create a new document First of all create a new document 500 by 500 pixels. Now we are going to be filling the background with a dark brown colour, to do this go Edit > Fill and use Color with the colour number #2C241f. Step 2: Draw the box Secondly, we are going to be creating the actual box that we are going to be sticking...

Photoshop Tutorial – Apple iPhone

Make a realistic Apple iPhone illustration in Photoshop. Quick, intermediate level photoshop tutorial. Download psd file, iPhone isolated against a white background.     Resolution: 610×488 px Size: 642 KB Format: PSD Keywords: communication devices, photoshop tutorials, iphone psd file, a modern smartphone isolated against a white background Author: PSD Graphics Download Photoshop file: Apple iPhone...

Photoshop Tutorial – Vista Folder Icon

Learn how to make a Folder Icon with the new Vista style 1. Start by opening up a new 100px * 100px file 2. Create a new layer and using the Pen Tool draw something like this 3. Now let’s add some layer styles - Inner Glow - Gradient: #ffd46f to fff29e - Stroke: #f4c65b 4. It should look something like this now 5. Now duplicate the layer with the shape. Go to Edit -> Transform -> Perspective 6. Go to...

Photoshop Tutorial – Cute Drop

Make a bright and clean drop with the Custom Shape Tool and using some Gradients.   1. First make a drop using the Custom Shape Tool then right click over the layer and Rasterize Layer. 2. Double click over the layer or right click/Blending Options to open the Layer Style’s window and go to Gradient Overlay and use these colors for the gradient #67c2fc to #daf1ff. 3. Now go to Stroke and use change the size...

Photoshop Tutorial – How to create a Falling Apart text effect

In this tutorial I will show you how to create a cool Fall in Pieces text effect with a nice metal texture. The text will look like it was cut in pieces by a laser sword and now it`s falling apart. Don`t worry if you are a beginner in Photoshop, I will explain everything step-by-step. Final Result Step 1: Create a new canvas First open Photoshop and create a new image (File > New…) with the size around...

Photoshop Tutorial – Design Pricing Plan Boxes for a Hosting Company

1. Create a new document that’s 500px x 600px. Get the rounded rectangle shape tool & draw a shape like below. Double click on the layer to go into Blending Options and put in the options below. 2. Now using the rounded rectangle tool again create another shape for the heading, double click into blending options and put in the options below: 3. Now click down on the rounded shape icon until more options...

Photoshop Tutorial – Sharp Fold Text Effect

This tutorial will explain how to create a sharp fold text effect, by converting the Text layer into a Shape layer, adding and moving a couple of anchor points, and using a simple Gradient Fill with different Blend Modes. The Final Result: Notes: * the software used in this tutorial is Adobe Photoshop CS5 Extended * the size of the final result image is 1024 * 768 * you might want to check the Basix Page to see...

Photoshop Tutorial – Create Clean and Fresh Button

Step 1 Create a new document size 750px * 400px (size doesn’t really matter here) and fill this background layer with White. Create a new layer on top of the background layer called “gradient”, grab the Gradient Tool from the toolbox and fill it as shown below: I decide to use this light gradient because it’s easier to demonstrate several important points in the next few steps. You can of course try out...

Photoshop Tutorial – Draw a Rather Cute, Unique Style “Play” Button

Step 1 Create a new document sized 1000 x 600px. Fill the background with the following gradient: Duplicate the background layer once, resize and rotate the duplicated layer, use a big soft brush to erase the left and right side, and position it as shown below: We now have a reasonably good-looking background to work on. Personally I feel sometimes a nice background help creating the mood we need to continue...

« Previous Entries Next Entries »

Powered by WordPress | Designed by Elegant Themes