Tutorial details:

• Program: Adobe Photoshop CS5
• Difficulty: Intermediate
• Estimated Completion Time: 50 Mins

Create a Sign Board in Photoshop – Final Preview

Sign Board in Photoshop

Tools and Resources

Photoshop Tools

• Rectangle Tool
• Rounded Rectangle Tool
• Gradient Overlay
• Brush Tool
• Text Tool
• Custom Shape Tool

Lets start to create our sign board in Adobe Photoshop CS5.

Step 1

Create a new document (Ctrl+N) 1000×1000 of size.

Create New Document

Step 2

First of all I am going to add the Wall Texture Image in Photoshop to start creating our sign board.

Wall Texture Image

==================================

Step 3

After adding the wall texture select Rectangle Tool from tool panel and create a rectangle to the whole canvas with this color #2a0035 and name it layer Shape Rectangle.

Create New Rectangle

Set the Blend Mode to (Multiple) of this shape rectangle layer.

Set Blend Mode to Multiple

==================================

Step 4

Now select the Rounded Rectangle Tool set radius (40%) and create a rectangle with this color #fbaf5dname it layer 1st Rounded Rectangle.

Create a Rectangle

Step 5

Select the shape rectangle layer rasterize it, select Soft Round Brush (100px) set foreground white color#ffffff and paint the outer side of 1st rounded rectangle layer as like in preview.

Paint the Outer Area

Now select the 1st rounded rectangle layer and go to Filter > Blur > Gaussian Blur and set Radius (70px).

Gaussian Blur

After applying Gaussian blur we get nice effect on this 1st rectangle layer.

Get Nice Effect on This Rectangle

Set Blend Mode to (Hard Light) of this rectangle layer.

Set Blend Mode to Hard Light

Step 6

Select Rounded Rectangle Tool again set Radius (40px) and create a rectangle with this color #d080cbname it layer 2nd Rounded Rectangle.

Create a Rounded Rectangle

Go to Layer > Layer Style and applying some Blending Options on this 2nd rounded rectangle layer.

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

After applying these blending options we get new effect on 2nd rectangle layer.

Get New Effect on 2nd Rectangle

Step 7

Now its time to add the 1st Wood Texture in Photoshop.

Add 1st Wood Texture

Now hold the Alt key and left mouse click to the center of 1st wood texture layer and 2nd rounded rectangle layer, the wood texture is merge in to the rectangle layer.

Merge in to Rectangle

Step 8

Select the Rounded Rectangle Tool ones again set Radius (40px) and create a rectangle with white color#ffffff, little bit smaller then the 2nd rectangle layer, name it layer 3rd Rounded Rectangle.

Create 3rd Rectangle

Go to the Blending Option and applying Drop Shadow on this rectangle layer.

Drop Shadow

After applying drop shadow we get nice effect on 3rd rectangle layer.

After Drop Shadow

==================================

Step 9

Now we add the 2nd Wood Texture Image in adobe photoshop.

Add 2nd Wood Texture Image

Repeat (step 8), hold Alt key and left mouse click to the center of 2nd wood texture layer and 3rd rounded rectangle layer, then the texture merge in to the 3rd rounded rectangle layer.

Add Wood Texture

==================================

Step 10

Create new layer top of the all layers, select Soft Round Brush with (200px) and set foreground color black#000000, painting on the down area of rectangle as like in preview.

Make a Brush Shape

Down the Opacity (20%) of this brush shape layer.

Minimize Opacity

==================================

Step 11

Select Rounded Rectangle Tool one more time set Radius (40%) and draw a rectangle with white color#ffffff downside of all the rounded rectangle layers.

Draw a Rectangle

Go to the Blending Option and applying Stroke on this rectangle layer.

Blending Option

After applying stroke we get new result.

Get New Result

Set Blend Mode to (Darken) of this rectangle layer.

Set Blend Mode

==================================

Step 12

Create new layer select any Soft Brush and make some spots with this color #ebd29f.

Create Brush Layer

Set Blend Mode to (Multiple) of this layer.

Set Blend Mode

==================================

Step 13

Now I am going to type some text, here I am using Vanilla Whale Font, you can use any of font you like.

Write Some Text

Set the Fill (0%) of this text layer.

Fill Set

Go to Layer > Layer Style and applying some Blending Options on this text layer.

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

Color Overlay

Color Overlay

When we applying these layer style we get awesome preview.

We get Awesome Effect

==================================

Step 14

Select the Custom Shape Tool and draw a circle shape with black color #000000.

Draw a Circle Shape

Select Eraser Tool and erase the one side stroke area of this circle as like shown in picture below.

Erase One Side Stroke

Duplicate this circle shape layer and place it left corner as like in preview.

Duplicate Circle Shape

==================================

Step 15

Select Rounded Rectangle Tool set Radius (40%) and create a small rounded rectangle with this color#ebd29f.

Create a Rectangle

Go to Layer > Layer Style and applying some Blending Options.

Inner Shadow

Inner Glow

Bevel and Emboss

Bevel and Emboss

Satin

Satin

Gradient Overlay

Gradient Overlay

After applying these blending options we get awesome effect on small rounded rectangle layer.

Get Awesome Result

==================================

Step 16

Select Custom Shape Tool and draw a circle shape with this color #ebd29f.

Create a Circle

Right click on small rounded rectangle layer select (Copy Layer Style) option then right click on circle shape layer and select (Paste Layer Style) we get the same effects on circle layer that we applied on small rounded rectangle layer.

Applying Effects

Now select small rounded rectangle layer and press (Ctrl+J) to duplicate it and set it to upper side of circle shape layer as like in preview.

Duplicate Rectangle Layer

Now select the rounded rectangle layer and circle shape layer, press (Ctrl+J) duplicate these layers many time and make the chain as like in preview.

Duplicate These Layers

Now right side chain is complete, select all the duplicate chain layers and merge (Ctrl+E) them now we have one chain layer. Duplicate this layer, set this chain duplicate layer left side.

Duplicate Chain Layers

==================================

Step 17

In this step create new layer select any Soft Brush (100px) and painting with black color #000000.

Create New Layer

Down the Opacity (30%) of this brush shape layer.

Minimize Opacity

After complete this procedure, we get a cool sign board in final preview.

Final Preview

Final Preview

Tutorial details:

• Program: Adobe Photoshop CS3
• Difficulty: Intermediate
• Estimated Completion Time: 30 Mins

Creating a 3D Globe in Photoshop – Final Preview

3D Globe

=================================

Tool and Resources

Tool and Resources

=================================

Tools

Following photoshop tool are used in this tutorial.

• Elliptical Marquee Tool
• Gradient Tool
• Rectangle Tool

Let’s start to create our create a 3D globe tutorial in Photoshop,

Step 1

Open Adobe Photoshop, and create a new Photoshop document. I am going to create a new document of 520 x 520 px with #ffffff color.

3D Globe in Photoshop

=================================

Step 2

First of all select the Rectangle Tool (U) and draw a rectangle as like in preview.

Draw a Rectangle

Now start duplicating it until you get 6 columns.

Duplicate Rectangle

After that duplicate those 6 rectangles and rotate them to create a grid.

Create a Grid

=================================

Step 3

With the Elliptical Marquee Tool (M) create a circle selection as like in the image below.

Elliptical Marquee Tool

Go to Filter > Distort > Spherize. Use 100% for the amount and normal for the mode.

Applying Filter Spherize

When we applying spherize filter then we have get new effect as like in picture.

Cool Effect

Now cut the selection (Ctrl+X) and paste it on new layer (Ctrl+V).

Cut the Selection

=================================

Step 4

Now we applying gradient overlay and Inner shadow. Go to Layer > Layer Styles > Gradient Overlay.

Gradient Overlay

Inner Shadow

Inner Shadow

After applying these blending options we get a awesome effect.

Layer Style

=================================

Step 5

Now duplicate the circle layer and right click on this layer, click on Clear All Layer Style option. Now rotate it 45º.

Go to Edit > Transform > Rotate.

Rotate the Duplicate Circle

=================================

Step 6

In this step we applying again gradient overlay and inner shadow on duplicate circle layer.

Gradient Overlay

Gradient Overlay

Inner Shadow

Inner Shadow

After applying layer style, we get cool effect on circle.

Applying Blending Option

Select the two globe layers and merge them (Ctrl+E). After that go to Layer > Merge Layers. You will have one layer with the globe.

=================================

Step 7

In this final step, select the background layer and go to Layer > Layer Styles > Gradient Overlay.

Gradient Overlay

After applying gradient overlay we have get awesome and cool 3D Globe as like in final preview below.

Final Preview

Final Preview