eredar.MyForum.ro

Re: Modern portofolio layout [English]

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului eredar.MyForum.ro -> Aici postati toate tutorialele si eu le verific
Subiectul anterior :: Subiectul urmator  
Autor Mesaj
emy
BoSS
emy

Data inscrierii: 23/Noi/2007
Mesaje: 20
Localitate: Bucuresti

MesajTrimis: 24/11/2007 15:19    Titlul subiectului: Re: Modern portofolio layout [English] Raspunde cu citat (quote)

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Today we will learn how to make a simple layout !!
Stars : ***
Level : Beginner
.PSD : No

Here is my result :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Make a new Document 800 x 600 px
Create a new layer go to edit -> fill and use this color : #2d343a
Create a new layer again and selecte rectangular marquee tool , draw a rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it with any color you want , go to blending options -> gradient overlay :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Download gradient !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient.grd[/url]

The result :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Now we have to make a new pattern.
Go to file -> new and use this settings :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Select pencil tool and zoom the file to 1600 %
Set the foreground to #ffffff
Draw 4 point like this [ 4 pixels ]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Go to edit -> define pattern then close the document.
Go back to layout document make a new layer , select rectangular tool with this settings :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Now you just have to click [ 1 click , no drag ]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Go to edit -> fill , select pattern and hit OK.
Duplicate this layer and move it a little bit down :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Set the duplicated layer opacity to 37 %
Create a new layer and draw a new rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it with white color [ #ffffff ]
Set the layer opacity to 5 %

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Make a new layer , select rectangular tool with this settings :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Draw a new rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it with white color [ #ffffff ] and change the layer opacity to 11 %

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Create a new layer , select rectangular marquee tool draw a new rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill the selection with any color you want , then go to blending options and use this settings :

Gradient Overlay :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Download Gradient Here !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient2.grd[/url]

Stroke :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

The result :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Make a new layer and select rectangular marquee tool and draw a new rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it with white [ #ffffff ]
Go to blending options and use this settings :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Make a new layer and draw a new rectangle like in the picture :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it whit any color you want the go to blending options :

Gradient overlay :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Download Gradient Here !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient3.grd[/url]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

The result :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add your text :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add your text buttons :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add the header logo :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Create a new layer and draw a rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Select gradient tool , set the foreground color to #ffffff and use this settings :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Drag from top to bottom , then set the layer opaciti to 12 %
The result :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add some of your work :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add the categories :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Now for the footer we have to make a new layer and select rectangular marquee tool .
Draw a new rectangle like this :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Fill it with any color you want then go to blending options -> gradient overlay :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Download Gradient Here !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient4.grd[/url]

Hit ok and let`s continue.
Make a new layer and draw a rectangle like that :

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Go to fill , select this color #80ab23.
Now duplicate this layer move it a litle bit to the right , go to blending options -> color and use this #008bb8
Duplicate it again move it to the right , blending options -> color and use this color #ed7600

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Add your footer links and the copyright and you are done !!

Re: Modern portofolio layout [English] Re: Modern portofolio layout [English]

Thanks for reading !

copyright 2007 mydesign
[url]http://my-design.ro[/url]
_________________
[URL=http://imageshack.us]Re: Modern portofolio layout [English] Re: Modern portofolio layout [English][/URL]
Sus
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:   
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului eredar.MyForum.ro -> Aici postati toate tutorialele si eu le verific Ora este GMT + 3 ore
Pagina 1 din 1

 
Mergi direct la:  
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum


Powered by phpBB © 2001, 2002 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro