::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!
::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!
::FSWeaver Official Forum Site::
Would you like to react to this message? Create an account in a few clicks or log in to continue.


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

 

 WireFrame-Background tutorial

Go down 
AuthorMessage
darkmaster
» Banned
» Banned
avatar


Male
Honors : 17
Age : 35
Location : Proud to be Agusanon
Warnings :
WireFrame-Background tutorial Left_bar_bleue4 / 1004 / 100WireFrame-Background tutorial Right_bar_bleue

Honors : 58483
Registration date : 2008-11-17

WireFrame-Background tutorial Empty
PostSubject: WireFrame-Background tutorial   WireFrame-Background tutorial Icon_minitimeMon 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 (WireFrame-Background tutorial 1)

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

Now select the 'arrow 6' from the shape menu:
WireFrame-Background tutorial 2


Go ahead and draw this custom shape near the center of the canvas as l've done here:
WireFrame-Background tutorial 4

Now select the arrow path using the path selection tool (WireFrame-Background tutorial 5).

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

Go to Edit->Transform Path->Flip Horizontally.
WireFrame-Background tutorial 6



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°".
Result:
WireFrame-Background tutorial Wire_back_03


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

Result:
WireFrame-Background tutorial Wire_back_04




Step 4.)
Double click this layer, and apply the following blending options:
Bevel & Emboss:
WireFrame-Background tutorial Wire_back_05

Stroke:
WireFrame-Background tutorial 7

Result:
WireFrame-Background tutorial Wire_back_06a


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:
WireFrame-Background tutorial Wire_back_07

WireFrame-Background tutorial Wire_back_08





Step 6.)
Fill the background with black as l've done here:
WireFrame-Background tutorial Wire_back_09



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
keyboard.

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

Result:
WireFrame-Background tutorial Wire_back_10a


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
-
» Background Image on your primary Pic!!!
» Flamming Text Tutorial...
» Converting Compile JS to CSS [ Tutorial ]
» (Tutorial) Print Screen Guilde

Permissions in this forum:You cannot reply to topics in this forum
::FSWeaver Official Forum Site:: :: Fsweaver Shop :: Tips & Tutorials Section-
Jump to:  
Forumotion's free forums | Society and Culture | Misc | ©phpBB | Free forum support | Report an abuse | Cookies | Forumotion.com