AcasaLayout site Fotomodel !!! 8810CautareInregistrareConectare

Distribuiţi
 

 Layout site Fotomodel !!!

In jos 
AutorMesaj
.::SW33X::.
Admin
Admin
.::SW33X::.

Mesaje : 122
Data de inscriere : 05/12/2009
Varsta : 29
Localizare : Timisoara

Layout site Fotomodel !!! Empty
MesajSubiect: Layout site Fotomodel !!!   Layout site Fotomodel !!! Icon_minitimeSam Dec 26, 2009 12:59 pm

In acest tutorial vei invata cum sa construiesti un
site profesional pentru un fotomodel, incepand de la zero, cu
constructia fundalului, meniului, imaginilor si terminand cu textul si
alte detalii.


1.Deschidem un nou document: File - New - 800 px x 750 x - OK.
Layout site Fotomodel !!! 1

2.Descarcam si adaugam urmatoarea textura din piatra pe care o vom aplica ca fundal:
Layout site Fotomodel !!! 2
Click dreapta pe ea - Copy to Clipboard. Intoarce-te in Photoshop si apasa CTRL + V pentru a o lipi.

3.Image - Adjustments - Hue/Saturation sau apasand simplu CTRL + U, bifam Colorize si adaugam valorile:
Layout site Fotomodel !!! 3

4.Filter - Sharpen - Sharpen More.
Acum fundalul ar trebui sa fie asemanator:
Layout site Fotomodel !!! 4

5.Adaugam un nou layer ( Layer - New - Layer - OK).
Selectam unealta Rounded Rectangle Tool - radius 10px, culoarea alb si desenam partea unde va fi adaugat continutul site-ului:
Layout site Fotomodel !!! 5

6.Urmeaza sa adaugam butoanele pentru meniu.
Sa spunem ca vrem 4 butoane la numar. Avem nevoie ca sa stim exact in cat sa impartim acea parte din meniu astfel sa incapa 4 butoane.
Deci de sus : View - Show - Grid. CTRL + "+" pentru a apropia si a observa mai bine.
Dupa cum am ilustrat in imaginea urmatoare, numarand patrate + cele 2 jumatati se pare ca avem 10 patrate. Deci 4 butoane inseamna 2.5 patrate - spatiul dintre butoane. Sa spunem 2.4 patrate per buton.
Layout site Fotomodel !!! 6

7.Adaugam un nou layer.
Selectam unealta Rounded Rectangle Tool - radius 10 px, culoarea #2da7dd si ne apucam sa desenam cele 4 butoane:
Layout site Fotomodel !!! 7

8.Nu mai avem nevoie de acele marcatii. Apasam CTRL + H pentru a le ascunde.
Adaugam un nou layer.
Selectam unealta Polygonal Tool, de sus setam Slide: 3 pentru a avea un triunghi echilateral si tinand apasata tasta Shift pentru ca triunghiul sa fie orientat in jos desenam astfel:
Layout site Fotomodel !!! 8

9.Apasa CTRL +J pentru a face o copie a layerului cu triunghiul.
Apasa tasta V pentru a selecta unealta Move Tool si tinand tasta SHIFT muta triunghiul la butonul al II-lea.
Apasa din nou CTRL + J si repeta si pentru celelalte 2 butoane.
Layout site Fotomodel !!! 9

10.Am folosit pentru textul butoanelor fontul Arista.
Click aici pentru a descarca fontul.
Selecteaza culoarea alb, marimea 21 px / Smooth si adauga numele butoanelor:
Layout site Fotomodel !!! 11

11.Apoi intr-un nou layer, cu acelasi font dar de marime 31 px numeroteaza butoanele. Apoi modifica Opacitatea layerului la 25%:
Layout site Fotomodel !!! 12

12.Urmeaza sa adaugam o imaginea in partea stanga.
Layout site Fotomodel !!! 10

Click dreapta pe imagine - Copy To Clipboard.

Revino in Photoshop. Selecteaza Layerul cu dreptunghiul alb pentru
continut si apasa CTRL + V pentru a adauga imaginea cu femeia intr-un
nou layer deasupra.
Click dreapta pe nou layer - Create Clipping Mask pentru a se incadra in continut.
Layout site Fotomodel !!! 13

14. I.Selecteaza Horizontal Type Tool, font Verdana , 18 px, Smooth si adauga titlurile articolelor. Evidentiaza primele cuvinte cu alta culoare.
II.Apoi cu acelasi font doar ca marime 12 px adauga textul.
III.In final modifica culoarea in gri si numeroteaza articolul.
Layout site Fotomodel !!! 14

15.Aceeasi metoda pentru a completa restul continutului:
Layout site Fotomodel !!! 15

16.Pentru a termina cu continutul, nu uita sa adaugi textul pentru protejarea drepturilor de autor:
Layout site Fotomodel !!! 16

17.Template-ul este aproape finalizat. Urmeaza sa mai adaugam titlul/logo-ul site-ului si cateva mici detalii.
Asadar selectam Horizontal Type Tool, font Arista, 50px, Smooth si adaugam in stanga/sus titlul site-ului in doua culori:
Layout site Fotomodel !!! 17

18.Selectam layerul cu fundalul si adaugam un altul deasupra acestuia : Layer - New - Layer - OK.
Ii modificam modul in Overlay dupa care selectam unealta Brush Tool, marime 300 px, hardness: 0 %, culoarea alb si adaugam niste lumini sus:
Layout site Fotomodel !!! 18

Imaginea finala:
Layout site Fotomodel !!! 19
Click pe imagine pentru a o vedea la rezolutia originala.

_________________
╔═ ♥️ ══════╗
SW33X-Cs.Idle.Ro
╚══════ ♥️ ═╝

Layout site Fotomodel !!! 8316-2_2F2F2F-121212-FFFFFF-000000

Layout site Fotomodel !!! B_350_20_323957_202743_F19A15_111111

Layout site Fotomodel !!! Counter-strikebymokameforum
Sus In jos
http://sw33x.forumz.ro
 
Layout site Fotomodel !!!
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
.::SW33X-NetWork-Home::. :: .::SW33X-PhotoShop::. :: Tutoriale Photo-Shop-
Mergi direct la: