Articles from the Photoshop category.

This is another great Photoshop tutorial by Donnie. This tutorial will explain how to remove a foreground object of its background and make it look like the object disappeared.

If you can’t see this video click here.

Some of you may already know these video tutorial series by Donnie Hoyle. They became well known via Youtube. The great combination of acid comments and superb Photoshop skills made these video series hugely popular.

The first video of the series features a tutorial on Distort, Warp and Layer effects.

If you can’t see this video click here.

For the 5th edition of the Sunday Design Resource we put together a large collection of free Photoshop brushes, free for download.

Brusheezy – a collection of great free high-resolution Photoshop brushes.

PixelMoon Studio – 12 high resolution free bush sets.

Damned in black – colorful, nice textured Photoshop brushes.

Design Fruit Japanese Foliage – nice japanese inspired, high resolution free Photoshop brushes.

Obsidian Dawn free Photoshop brushes – collection of fantasy, handwriting, symbols, nature, people, sci-fi brushes.

(more…)

In this tutorial we will create a flowing liquid effect in Photoshop. We’ll use for this an image of a overturned glass and make it look like the contents of the glass is spilled on the surface the glass sits on.

Step 1

Make a photo of an overturned glass on a surface, just like in the image below, or download one from a stock photo website. I am using a free stock photo from stock.xchng. You can download the image here. I flipped horizontally the original image.

Step 2

Create a new layer (Layer-> New -> Layer or simply Ctrl+Shift+N). We’ll use this layer to create the basic shape of the liquid. This can be a little tricky so take your time with it. Try to imagine how the liquid would pour through the opening of the glass and lie on the table. Use a hard edged brush to create the shape and give it a gray color. The color I am using is #848484.

You can download the PSD file with just the basic liquid shape here.

Step 3

Use the Dodge Tool to add some random highlights to the Shape. Use these settings for the Dodge Tool as shown in the image below (Soft Edged brush, size 45, Range : shadows, Exposure 20%).

The Dodge / Burn Tool menu :

Dodge Tool settings :

The result :

Step 4

Use the Burn tool to add some shadows to the Shape. Use these settings for the Burn Tool as shown in the image below (Soft Edged brush, size 35, Range : shadows, Exposure 15%).

Burn Tool settings :

(more…)

This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.

I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a custom shape from Photoshop‘s presets.

Step 1

Fill the shape with a nice orange color (I am using #ff6600)

Step 2

Apply Bevel and Emboss to the layer using the following values :

Structure

• Style : Inner Bevel
• Technique : Smooth
• Depth : 100%
• Direction : Up
• Size : 200px
• Soften : 0px

Shading

• Angle : 120 (use global light checked)
• Altitude : 30
• Highlight mode : Screen, Opacity : 75%
• Shadow mode : Multiply (color : #ff0000), opacity 75%.

Step 3

Stoke the layer with an orange color 3 pixels in size (I am using the same orange as the fill : #ff6600)

Step 4

Apply an inner glow, size 40px.

Step 5

Create a new top layer and using the Elliptical Marquee Tool create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a 50% opacity. You may rotate this layer so it will look cooler.

(more…)

1. Creating the main navigation bar.

Ok, let us get started. Create a new image using the dimension 800 x 600. Set the background color to white. You can change the background depending on you web site color. Create a new layer, Layer > New > Layer… (Shift+Ctrl+N). Using the Rounded Rectangle Tool create a rectangle using the dimensions below. Change the foreground color to #525253.

With that, you should have the effect below.

2. Using the pen tool to create the rectangle shape.

Click on the Pen Tool using the options below.

Create the Anchor point as shown in the image below.

Complete the selection, Using the Pen Tool Right click on the selection as shown below and click Make Selection. The Make Selection rendering should be set at Feather Radius: 0 With you path converted to a selection press the delete key. The outcome is shown below.

3. Applying the gradient and blending option.

Click on the Gradient Tool using this settings below.

Apply the gradient to the rectangle from top to bottom, make sure the rectangle is selected before applying the gradient. This will give you the effect below.

Right click on the rectangle layer and click Blending Options. Now add the Blending Optionssetting below.

Click ok to apply the settings.

4. Creating the Tab buttons.

Create a new layer, Layer > New > Layer… (Shift+Ctrl+N). Using the Rounded Rectangle Tool create a rectangle using the dimensions below. Change the foreground color to #9ad346

With that, you should have the effect below.

This layer should be under the main layer with the navigation bar. Just position it to get the effect below.

Tutorial by Pixel Digest