::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!

Community Of People Who Are Into Social Networking
PortalHomeSearchMemberlistUsergroupsRegisterLog in
Welcome Here! in FSweaver stay enjoy here have more fun sharing the tricks..

Share | 

 WireFrame-Background tutorial

Go down 
» Banned
» Banned

Honors : 17
Age : 29
Location : Proud to be Agusanon
Warnings :
4 / 1004 / 100

Honors : 37193
Registration date : 2008-11-17

PostSubject: WireFrame-Background tutorial   Mon Nov 17, 2008 2:19 pm

Step 1.)

Open a new document in photoshop of any size, l am using a 400x400 document for this tutorial.

Get out the custom shape tool ()

Set the custom shape tool up as l've done here:
Make sure the "Shape Layers" option is checked

Now select the 'arrow 6' from the shape menu:

Go ahead and draw this custom shape near the center of the canvas as l've done here:

Now select the arrow path using the path selection tool ().

Press CTRL + J on your keyboard to duplicate this layer.

Go to Edit->Transform Path->Flip Horizontally.

Step 2.)
Select both of the paths, by holding the SHIFT key on your keyboard,
and clicking each layer. Press CTRL+ J on your keyboard to duplicate.

Press CTRL + T on your keyboard, Right-Click anywhere on the canvas, and choose "Rotate 90°".

Step 3.)
Select all of the paths, and click "Exclude Overlapping Shape Areas" from the top tool bar:


Step 4.)
Double click this layer, and apply the following blending options:
Bevel & Emboss:



Step 5.)
Duplicate this layer several times by pressing CTRL + J on your
keyboard, and position the images similar to what l've done here:

Step 6.)
Fill the background with black as l've done here:

Step 7.)
Select and merge your shape layers by holding SHIFT and clicking on
each layer. Now merge these layers by pressing CTRL + E on your

Press CTRL + U On your keyboard and apply the following settings:
Note: Make sure "Colorize" is checked


then u have it...

i hope it will helpz u alot..

Back to top Go down
WireFrame-Background tutorial
Back to top 
Page 1 of 1
 Similar topics
» How to insert background music in the forum?
» How to change the background color in a forum post?
» Transparent Background[EDIT]
» Issue with forum background image and custom image display
» CSS Background

Permissions in this forum:You cannot reply to topics in this forum
::FSWeaver Official Forum Site:: :: Fsweaver Shop :: Tips & Tutorials Section-
Jump to:  
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com