Photoshop


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/tutorial/public_html/libraries/joomla/cache/handler/callback.php on line 99

Flash


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/tutorial/public_html/libraries/joomla/cache/handler/callback.php on line 99

HTML


Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/tutorial/public_html/libraries/joomla/cache/handler/callback.php on line 99

Cele mai citite

Ultimile Comentarii

Redirect

Site-ul s-a mutat ! Noua adresa este www.tutorialul.ro Vei fi redirectat catre noua adresa in:
Meniu Stil Vista
Photoshop - Manipulare Imagine
Click pe imagine pentru a o vedea la rezolutia originala.


1.Am inceput cu o imagine de fundal.
Salveaz-o intai:

Click dreapta - Save As.

Apoi deschide Photosho-ul si de sus : File - Open - Selecteaza imaginea - OK.

2.Adauga un nou layer - Shift + CTRL + N - OK.
  Selecteaza unealta Rectangle Tool, culoarea negru (#000000) si deseneaza fundalul meniului: 


3.Apasa CTRL + J pentru a face o copie actualului Layer.
  Selecteaza unealta Rectangular Marquee Tool(tasta M), selecteaza jumatatea de jos a meniului si apasa tasta Delete pentru a o sterge. Apoi CTRL + D pentru a deselecta.


4.Click dreapta pe layerul nou (Layer 1 copy) - Blending Options.
  Bifeaza Gradient Overlay - click pe dreptunghiul din dreapta cuvantului Gradient pentru a schimba culorile.
  Dublu click pe sageata din stanga pentru a adauga culoarea de inceput pentru partea de jos, si in dreapta jos adauga codul 35393d - click OK pentru a o schimba.

  La fel si cu sageata din dreapta, dublu click pe sageata - si adauga codul 787b7d - OK

5. Bifeaza apoi de mai sus, Drop Shadow si lasa setarile de baza - doar modifica unghiul la -93 de grade:

Apasa OK pentru a termina.

6.Adauga un nou layer : Layer - New - Layer - OK (SHIFT + CTRL + N).
  Selecteaza unealta Line Tool, pune de sus Weight: 2 px, selecteaza pentru culoare codul : 9fa2a4 si tinand apasata tasta SHIFT adauga o linie orizontala deasupra barei de meniu.
  **In timp ce desenezi, poti tine apasata tasta SPACE (Spatiu) pentru a muta linia.


7.Acum urmeaza sa adaugam numele butoanelor.
  Selecteaza unealta Horizontal Type Tool, culoarea alb, iar de sus : Font: Arial / Regular / 12 pt/ Sharp si scrie numele butoanelor cu ceva spatiu in plus intre ele.


8.Adauga un nou layer : SHIFT + CTRL + N - OK. Selecteaza din nou unealta Line Tool, pastreaza Weight: 2 px, culoarea alb,  doar modifica Opacity:30 %, si adauga o linie verticala (la fel cu Shift + Space pentru pozitionare) intre butoane.


9.Apasa CTRL + J pentru a face o copie a layerului cu linia. Selecteaza unealta Move Tool(tasta V) si tinand apasata tasta Shift, apasa, de la tastatura, sageata dreapta pentru a muta linia intre celelalte 2 butoane.
  Apoi repeta pasii de la punctul 9 in functie de cate butoane ai.


10.Acum vrem sa adaugam deasupra meniului, numele/logo`ul site-ului.
  Selecteaza layerul Background si adauga unul deasupra : Layer - New - Layer - OK.

11.Selecteaza unealta Rounded Rectangle Tool, de sus seteaza Radius: 25 px si deseneaza un dreptunghi cu colturile rotunjite :


12.Selecteaza unealta Magic Wand Tool, cu setarile : Tolerance: 50 , bifate doar Anti-Alias si Contiguos, si da click in interiorul dreptunghiului.
  In timp ce ai selectat, sterge layerul cu dreptunghiul : Layer - Delete - Layer - OK.
  Selecteaza daca nu ai inca selectat layerul Background, dupa care click dreapta in interiorul selectiei - Layer Via Copy pentru a face o copie a acelei parti din fundal intr-un nou layer.


13.Click dreapta pe layerul nou creat - Blending Options - Bifeaza Drop Shadow si lasa setarile de bazam doar la Opacity modifica la 50 %.

14.Avand selectat layerul nou, de sus: Filter - Blur - Gaussian Blur - Radius: 2 - OK


15.Acum poti adauga fie cu unealta Horizontal Type Tool numele site-ului in interiorul dreptunghiului, fie logo-ul.

Imaginea Finala:

Click pe imagine pentru a o vedea la rezolutia originala.

Succes si sper v-a fost de ajutor!
Comentarii (1)add comment

pro said:

Interesant smilies/cheesy.gif
Gj faci treaba buna smilies/wink.gif
 
Reporteaza Abuz
Displace
Apreciaza
februarie 13, 2009
Voturi: +0

Pentru nelamuriri legate de tutorial te rugam lasa un comentariu si in cel mai scurt timp te vom ajuta
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
Micsoreaza | Mareste

busy