Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

News & Articles

Photoshop

Tech Support

Health Medicine

Multimedia Links

About

Sep

Create a Beautiful Sign Board in Photoshop

Posted by Nasir Leave a Comment

19

0
Like Like

In this tutorial I will show you the easy techniques to make an awesome Sign Board design wallpaper in Photoshop CS5. I hope that you will enjoy this tutorial because its sointeresting and very easy to learn. If you want to enhance your Photoshop skill then you can also explore these following tutorials as well. 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

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

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)10001000of size.

Create New Document

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

Step 2
First of all I am going to add theWall Texture Imagein Photoshop to start creating our sign board.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Wall Texture Image

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

Step 3
After adding the wall texture selectRectangle Toolfrom tool panel and create a rectangle to the whole canvas with this color#2a0035and name it layerShape Rectangle.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Create New Rectangle

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

Set Blend Mode to Multiple

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

Step 4
Now select theRounded Rectangle Toolset radius (40% ) and create a rectangle with this color#fbaf5d name it layer1st Rounded Rectangle.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Create a Rectangle

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

Step 5
Select the shape rectangle layer rasterize it, selectSoft Round Brush(100px ) set foreground white color #ffffffand paint the outer side of 1st rounded rectangle layer as like in preview.

Paint the Outer Area

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Now select the 1st rounded rectangle layer and go toFilter> Blur> Gaussian Blurand setRadius(70px ).

Gaussian Blur

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

Get Nice Effect on This Rectangle

SetBlend Mode to (Hard Light ) of this rectangle layer.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Set Blend Mode to Hard Light

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

Step 6
SelectRounded Rectangle Toolagain setRadius(40px ) and create a rectangle with this color#d080cbname it layer2nd Rounded Rectangle.

Create a Rounded Rectangle

Go toLayer> Layer Style and applying someBlending Optionson this 2nd rounded rectangle layer.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

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

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Get New Effect on 2nd Rectangle

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

Step 7
Now its time to add the1st Wood Texturein Photoshop.

Add 1st Wood Texture

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community Now hold theAltkey 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 theRounded Rectangle Toolones again setRadius(40px ) and create a rectangle with white color #ffffff, little bit smaller then the 2nd rectangle layer, name it layer3rd Rounded Rectangle.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Create 3rd Rectangle

Go to theBlending Option and applyingDrop 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 the2nd Wood Texture Imagein adobe photoshop.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

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

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community Create new layer top of the all layers, selectSoft Round Brushwith (200px ) and set foreground color black #000000, painting on the down area of rectangle as like in preview.

Make a Brush Shape

Down theOpacity(20% ) of this brush shape layer.

Minimize Opacity

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

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Step 11
SelectRounded Rectangle Toolone more time setRadius(40% ) and draw a rectangle with white color #ffffffdownside of all the rounded rectangle layers.

Draw a Rectangle

Go to theBlending Option and applyingStroke on this rectangle layer.

Blending Option

After applying stroke we get new result.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Get New Result

SetBlend Mode to (Darken) of this rectangle layer.

Set Blend Mode

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

Step 12
Create new layer select anySoft Brushand make some spots with this color#ebd29f .

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Create Brush Layer

SetBlend Mode to (Multiple) of this layer.

Set Blend Mode

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

Step 13

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community Now I am going to type some text, here I am usingVanilla Whale Font, you can use any of font you like.

Write Some Text

Set theFill(0% ) of this text layer.

Fill Set

Go toLayer> Layer Style and applying some Blending Optionson this text layer.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

Color Overlay

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Color Overlay

When we applying these layer style we get awesome preview.

We get Awesome Effect

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

Step 14
Select theCustom Shape Tooland draw a circle shape with black color#000000.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Draw a Circle Shape

SelectEraser Tooland 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.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Duplicate Circle Shape

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

Step 15
SelectRounded Rectangle Toolset Radius (40% ) and create a small rounded rectangle with this color #ebd29f .

Create a Rectangle

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community Go toLayer> Layer Style and applying someBlending Options. Inner Shadow

Inner Glow

Bevel and Emboss

Bevel and Emboss

Satin

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Satin

Gradient Overlay

Gradient Overlay

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

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Get Awesome Result

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

Step 16
SelectCustom Shape Tooland 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.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

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.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

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 anySoft Brush(100px ) and painting with black color#000000.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Create New Layer

Down theOpacity(30% ) of this brush shape layer.

Minimize Opacity

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

Final Preview

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]

Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community

Final Preview

Related posts:

Dynamic Image Replacement: Practical Techniques And Tools

Most Beautiful Blogger Templates 01

Free Flash Photo Galleries And Tutorials (part-I)

Eco-Friendly Design Tutorials And Resources Round-Up

Design Beautiful Coming Soon Page: 37 Templates & Tutorials

Photoshop Navigation Bar Tutorial: Simply The Beautiful Tags: Beautiful, Board, Chain, Minimize Opacity, Photoshop CS5, Sign, skill, Techniques, Tutorials, well Category : Drawing Effects

About the Author

(Author Profile)

L'auto-entrepreneur journaliste et Programmation informatique

Subscribe
If you enjoyed this article, subscribe to receive more just like it.

http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]