Date post: | 26-Oct-2015 |
Category: |
Documents |
Upload: | snanthakumar |
View: | 55 times |
Download: | 4 times |
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Sep
19Create a Beautiful Sign Board in PhotoshopPosted by Nasir • Leave a Comment
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 becauseits so interesting 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
News & Articles Photoshop Tech Support Health Medicine Multimedia Links About
0
0
Like
Like
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Tools and Resources
Photoshop ToolsRectangle 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 1Create a new document (Ctrl+N) 1000×1000 of size.
Create New Document
==================================
Step 2First of all I am going to add the Wall Texture Image in Photoshop to start creating our sign board.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Wall Texture Image
==================================
Step 3After 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 ShapeRectangle.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Create New Rectangle
Set the Blend Mode to (Multiple) of this shape rectangle layer.
Set Blend Mode to Multiple
==================================
Step 4Now select the Rounded Rectangle Tool set radius (40%) and create a rectangle with this color #fbaf5dname it layer 1st Rounded Rectangle.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Create a Rectangle
==================================
Step 5Select the shape rectangle layer rasterize it, select Soft Round Brush (100px) set foreground white color#ffffff and paint the outer side of 1st rounded rectanglelayer as like in preview.
Paint the Outer Area
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Set Blend Mode to Hard Light
==================================
Step 6Select 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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Drop Shadow
Drop Shadow
Inner Shadow
Inner Shadow
After applying these blending options we get new effect on 2nd rectangle layer.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Get New Effect on 2nd Rectangle
==================================
Step 7Now its time to add the 1st Wood Texture in Photoshop.
Add 1st Wood Texture
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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 8Select 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 a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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 9Now we add the 2nd Wood Texture Image in adobe photoshop.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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 roundedrectangle layer.
Add Wood Texture
==================================
Step 10
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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 aslike in preview.
Make a Brush Shape
Down the Opacity (20%) of this brush shape layer.
Minimize Opacity
==================================
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Step 11Select 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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Get New Result
Set Blend Mode to (Darken) of this rectangle layer.
Set Blend Mode
==================================
Step 12Create new layer select any Soft Brush and make some spots with this color #ebd29f.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Create Brush Layer
Set Blend Mode to (Multiple) of this layer.
Set Blend Mode
==================================
Step 13
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Drop Shadow
Drop Shadow
Inner Shadow
Inner Shadow
Color Overlay
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Color Overlay
When we applying these layer style we get awesome preview.
We get Awesome Effect
==================================
Step 14Select the Custom Shape Tool and draw a circle shape with black color #000000.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Duplicate Circle Shape
==================================
Step 15Select Rounded Rectangle Tool set Radius (40%) and create a small rounded rectangle with this color#ebd29f.
Create a Rectangle
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Go to Layer > Layer Style and applying some Blending Options.
Inner Shadow
Inner Glow
Bevel and Emboss
Bevel and Emboss
Satin
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Satin
Gradient Overlay
Gradient Overlay
After applying these blending options we get awesome effect on small rounded rectangle layer.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
Get Awesome Result
==================================
Step 16Select 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 thesame effects on circle layer that we applied on small rounded rectangle layer.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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 chainduplicate layer left side.
Duplicate Chain Layers
==================================
Step 17In this step create new layer select any Soft Brush (100px) and painting with black color #000000.
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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
Create a Beautiful Sign Board in Photoshop | GeoWorldOnline (GWO) Computing community
http://www.geoworldonline.com/blog/2011/09/19/create-a-beautiful-sign-board-in-photoshop/[17/11/2012 15:51:45]
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.
Dynamic ImageReplacement: PracticalTechniques And Tools
Most Beautiful BloggerTemplates 01
Free Flash Photo GalleriesAnd Tutorials (part-I)
Eco-Friendly DesignTutorials And ResourcesRound-Up
Design Beautiful “ComingSoon” Page: 37 Templates& Tutorials
Photoshop Navigation BarTutorial: Simply TheBeautiful
Final Preview
Related posts:
Tags: Beautiful, Board, Chain, Minimize Opacity, Photoshop CS5, Sign, skill, Techniques, Tutorials, well
Category: Drawing Effects