Bielby2ooo
28-06-2006, 04:20 PM
Bielby's First tutorial [Making a cool Layout]
Ok you need photoshop im using Photoshop CS
Ok here we go
1: Make a new canvas 800x800px , White
2: Make a background colour for mine im using ''07424F''
3: Make a new layer and find a nice colour that you want to make you're boxes out of i used ''6195A0''
4: use the Rectangular marquee tool (m) and at the top set to Fixed size in the drop down box, Set the dimensions
if you want it to go all the way accross with a little space either end use '' Width: 775 Height: 150'ish''
http://www.animik.ca/images/tutorials/habbo_style_layout/step_three.gif
5: Once you got it in place , let go of the mouse button and go to ''Select > Modify > Smooth''
http://www.animik.ca/images/tutorials/habbo_style_layout/step_four_one.gif
A box should pop up asking the Radius use 5px
http://www.animik.ca/images/tutorials/habbo_style_layout/step_four_two.gif
6: Them fill it with your colour ''6195A0''
7: go to Edit > stroke > 2px > ''07424F''
8: do this for the rest of you're boxes remeber you MUST Make a NEW Layer for every box
9: You should have soemthing that looks like this
http://img111.imageshack.us/img111/3408/tempfortut11fq.png
10: Now its time to add you're content box'es all you need to do is pick 2 colours i would use a very light grey dark'ish white i used
''E1ECF0'' For the light colour and ''275B67'' for the dark
11: Now all you need to do is the same as you did for the bix boxes just put them inside the big boxes like get the Rectangular
Marquee tool and use fixes size and draw inside the box remeber you need to make a NEW LAYER EVERYTIME you do another box
them edit > stroke and use ''275B67'' as you're 2px stroke
12: Grab you're rectangular marquee tool and higlight the top of the white box and press and hold ''v'' then press the down key on the dir. keys each click is 1 pixel move, so make them all 10 px's from the sides
13: ok you've done all the boxes and it looks good eh? all you need to do is go round check if there is a 10px space and inbetween
14: ok now you should have something like this
http://img148.imageshack.us/img148/8633/templatewipwip7ey.png
15: Now the easy part text and pictures
16: Use a nice text like Visitor -BRK- and set colour to''4F6973'' then only write on the layer witch is the white box for the section you are going
to write on
17: after you're text just add pictures making a new layer everytime put them where you want and set the opicity down a little
18: You're done please show you're results in my thread on habboxforum :)
thanks alot
Bielby
Hope i helped :)
Ok you need photoshop im using Photoshop CS
Ok here we go
1: Make a new canvas 800x800px , White
2: Make a background colour for mine im using ''07424F''
3: Make a new layer and find a nice colour that you want to make you're boxes out of i used ''6195A0''
4: use the Rectangular marquee tool (m) and at the top set to Fixed size in the drop down box, Set the dimensions
if you want it to go all the way accross with a little space either end use '' Width: 775 Height: 150'ish''
http://www.animik.ca/images/tutorials/habbo_style_layout/step_three.gif
5: Once you got it in place , let go of the mouse button and go to ''Select > Modify > Smooth''
http://www.animik.ca/images/tutorials/habbo_style_layout/step_four_one.gif
A box should pop up asking the Radius use 5px
http://www.animik.ca/images/tutorials/habbo_style_layout/step_four_two.gif
6: Them fill it with your colour ''6195A0''
7: go to Edit > stroke > 2px > ''07424F''
8: do this for the rest of you're boxes remeber you MUST Make a NEW Layer for every box
9: You should have soemthing that looks like this
http://img111.imageshack.us/img111/3408/tempfortut11fq.png
10: Now its time to add you're content box'es all you need to do is pick 2 colours i would use a very light grey dark'ish white i used
''E1ECF0'' For the light colour and ''275B67'' for the dark
11: Now all you need to do is the same as you did for the bix boxes just put them inside the big boxes like get the Rectangular
Marquee tool and use fixes size and draw inside the box remeber you need to make a NEW LAYER EVERYTIME you do another box
them edit > stroke and use ''275B67'' as you're 2px stroke
12: Grab you're rectangular marquee tool and higlight the top of the white box and press and hold ''v'' then press the down key on the dir. keys each click is 1 pixel move, so make them all 10 px's from the sides
13: ok you've done all the boxes and it looks good eh? all you need to do is go round check if there is a 10px space and inbetween
14: ok now you should have something like this
http://img148.imageshack.us/img148/8633/templatewipwip7ey.png
15: Now the easy part text and pictures
16: Use a nice text like Visitor -BRK- and set colour to''4F6973'' then only write on the layer witch is the white box for the section you are going
to write on
17: after you're text just add pictures making a new layer everytime put them where you want and set the opicity down a little
18: You're done please show you're results in my thread on habboxforum :)
thanks alot
Bielby
Hope i helped :)