Existing user? Sign in
Sign up
Games
Servers
Useful
User
Pass
2FA
Clean Layout for your blog [English]
Freakz Forum Index
->
Trash Bin
->
Trash
Author
Message
1073
ThiefUnU
[Mentally Stable]
Status: Offline
(since 20-11-2015 14:43)
Joined: 09 Mar 2007
Posts: 245
,
Topics: 15
Location:
Romania
Reputation:
71.2
Votes
: 4
Posted: 04-11-2007, 20:56:13
| Translate post to:
... (
Click for more languages
)
Today we will learn how to make a simple layout !!
Stars : **
Level : Beginner
.PSD : No
This is my result :
Make a new document 800 x 600px with #f5f5f5 color for the background !
Now we have to make a new layer , select rectangular marquee tool and draw a rectangle like this :
.
Go to blending options [ Right click on the layer -> Blending options ] , select Gradient tool and use this gradient :
Download Gradient Here !!
http://my-design.ro/forum/tutorials/layout/gradient.grd
Result : .
.
Now make a new layer , select rectangular marquee tool and draw a new rectangle
.
Fill it with any color you want and then go to blending options -> gradient overlay . Use this settings :
.
Duplicate this layer and move it down : .
.
.
Make a new layer , draw a new rectangle : .
.
.
Go to Edit -> Fill and select #000000 [black] color . .
.
.
Make a new layer and select and select rounded rectangle tool
.
.
Use this settings for rounded rectangle tool : .
.
.
Draw a rectangle , go to blending options -> gradient overlay and use this setting : .
.
.
Or you can download the gradient
Download Gradient Here !!
http://my-design.ro/forum/tutorials/layout/gradient2.grd
The result : ..
.
Make a selection of this layer select rectangle marquee tool and cut a half of the selection [ alt + drag ] .
.
.. Move the selection down : .
.
.
Make a new layer and fill the selection with #ffffff [ white ] .
Change the layer opacity to 21 % .
.
.
The result : .
.
.
Make a selection of "layer 5" .
.
.
.
.
Select rectangle marquee tool and cut the selection [ alt + drag ] .
.
.
Go to "layer 6" and make a new layer . Fill the selection with any color . Go to blending options -> gradient overlay and use this settings : .
.
Colors : #2a2d32 , #4e4f50 , #2a2d32 , #1a1a1a .
The result : .
.
.
Make a new layer , draw an rectangle like this : .
.
.
Fill the rectangle with #000000 and set the layer opacity to 41 % .
Result : .
.
.
Add some text : .
.
.
Make a new layer and move it under the text layer. .
Draw a new rectangle like this : .
.
.
Set foreground color to #a1c22f .
.
.
Select gradient tool with this settings : .
.
.
Drag a line : .
.
.
The result : .
.
.
Make a new layer and draw a rectangle like that : .
.
.
Fill it with white color and change the layer opacity to 38 % .
.
.
Select text tool and write your site name : .
.
.
Add some images [ i added latest tutorials ]
.
.
Group the layer like that : .
.
.
Select background layer and make new layer : .
.
.
Draw a new rectangle : .
.
.
Fill it with #eaeaea .
.
.
Add some text : .
.
.
Make a new layer , select rounded rectangle tool and draw a shape like this : .
.
.
Go to blending options and use this settings : .
.
.
.
.
.
.
The result : .
.
.
Add some text [ remember this is only for presentation ] .
.
.
Now we have to make the footer .
Make a new layer , select rounded rectangular tool and draw a shape like that : .
.
.
Go to Blending options -> Gradient ovelay and use this settings : .
.
.
You can use eyedropper tool for color [ Shortcut : i ] .
Or download the gradient from here : .
Download Gradient Here !!
http://my-design.ro/forum/tutorials/layout/gradient3.grd
The result : .
.
.
Select the shape [ ctrl + click ] .
.
.
Select rectangular marquee tool and cut the selection in half [ alt + drag ] .
Make a new layer go to edit -> fill and use this color : #ffffff
Set the layer opacity to 12 % .
The result : .
.
.
Add you footer links and the copyright and you are finish ! .
.
.
Thank for reading
.
coyright 2007 mydesign
http://my-design.ro
0
0
Back to top
Freakz Forum Index
->
Trash Bin
->
Trash
The time now is 26-05-2024, 02:13:25
Copyright info
Based on phpBB
ro
/
com
B
Login
I forgot my password
World of Warcraft
Login for more...
Download WoW 7.3.5
Misc
eSports
Achievements
Buy reputation with votes
Reputation trades
Forum rules
Ban list
Members list
User guide (FAQ)
World of Warcraft
View details