| Autor |
Mesaj |
Zâmbãretul
Designer
Data inscrierii: 23/Noi/2007
Mesaje: 28
|
 Trimis: 23/11/2007 22:08 Titlul subiectului: Modern portofolio layout [English] |
 |
|
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/images/but5.png)
Today we will learn how to make a simple layout !!
Stars : ***
Level : Beginner
.PSD : No
Here is my result :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/39.png)
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 :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/1.png)
Fill it with any color you want , go to blending options -> gradient overlay :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/2.png)
Download gradient !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient.grd[/url]
The result :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/3.png)
Now we have to make a new pattern.
Go to file -> new and use this settings :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/4.png)
Select pencil tool and zoom the file to 1600 %
Set the foreground to #ffffff
Draw 4 point like this [ 4 pixels ]
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/5.png)
Go to edit -> define pattern then close the document.
Go back to layout document make a new layer , select rectangular tool with this settings :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/6.png)
Now you just have to click [ 1 click , no drag ]
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/7.png)
Go to edit -> fill , select pattern and hit OK.
Duplicate this layer and move it a little bit down :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/8.png)
Set the duplicated layer opacity to 37 %
Create a new layer and draw a new rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/9.png)
Fill it with white color [ #ffffff ]
Set the layer opacity to 5 %
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/10.png)
Make a new layer , select rectangular tool with this settings :
Draw a new rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/11.png)
Fill it with white color [ #ffffff ] and change the layer opacity to 11 %
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/12.png)
Create a new layer , select rectangular marquee tool draw a new rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/13.png)
Fill the selection with any color you want , then go to blending options and use this settings :
Gradient Overlay :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/14.png)
Download Gradient Here !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient2.grd[/url]
Stroke :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/15.png)
The result :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/16.png)
Make a new layer and select rectangular marquee tool and draw a new rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/17.png)
Fill it with white [ #ffffff ]
Go to blending options and use this settings :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/18.png)
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/19.png)
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/20.png)
Make a new layer and draw a new rectangle like in the picture :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/21.png)
Fill it whit any color you want the go to blending options :
Gradient overlay :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/22.png)
Download Gradient Here !!
[url]http://my-design.ro/forum/tutorials/layout2/gradient3.grd[/url]
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/23.png)
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/24.png)
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/25.png)
The result :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/26.png)
Add your text :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/27.png)
Add your text buttons :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/28.png)
Add the header logo :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/29.png)
Create a new layer and draw a rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/30.png)
Select gradient tool , set the foreground color to #ffffff and use this settings :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/31.png)
Drag from top to bottom , then set the layer opaciti to 12 %
The result :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/32.png)
Add some of your work :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/33.png)
Add the categories :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/34.png)
Now for the footer we have to make a new layer and select rectangular marquee tool .
Draw a new rectangle like this :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/35.png)
Fill it with any color you want then go to blending options -> gradient overlay :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/36.png)
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 :
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/37.png)
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
![Modern portofolio layout [English] Modern portofolio layout [English]](http://my-design.ro/forum/tutorials/layout2/38.png)
Add your footer links and the copyright and you are done !!
Thanks for reading !
copyright 2007 mydesign |
|
| Sus |
|
 |
Spik3rz
Professional
Data inscrierii: 23/Oct/2007
Mesaje: 613
|
| Trimis: 23/11/2007 22:10 Titlul subiectului: |
|
|
Reclama. warn !
_________________
- Daca primiti ban, nu va faceti alt cont pe alt mail veti primi si pe acel cont ban si perioada de suspendare se va prelungi. |
|
| Sus |
|
|
Axel
Professional
Data inscrierii: 26/Oct/2007
Mesaje: 514
Localitate: The4Element
|
| Trimis: 23/11/2007 22:14 Titlul subiectului: |
|
|
tutorialul asta nu e facut de tine...
_________________
![Modern portofolio layout [English] Modern portofolio layout [English]](http://i235.photobucket.com/albums/ee102/Axel-Design-Zone/Axel-Strange-1.png) |
|
| Sus |
|
|
Spik3rz
Professional
Data inscrierii: 23/Oct/2007
Mesaje: 613
|
| Trimis: 23/11/2007 22:15 Titlul subiectului: |
|
|
| Axel a scris: | | tutorialul asta nu e facut de tine... |
a spus reg ca e facut de el. nici yo nu cred dar ata ete 
_________________
- Daca primiti ban, nu va faceti alt cont pe alt mail veti primi si pe acel cont ban si perioada de suspendare se va prelungi. |
|
| Sus |
|
|
Axel
Professional
Data inscrierii: 26/Oct/2007
Mesaje: 514
Localitate: The4Element
|
| Trimis: 23/11/2007 22:18 Titlul subiectului: |
|
|
yo lam gasit odata cand am dat search p google...
_________________
|
|
| Sus |
|
|
|
