În Photoshop, puteți crea un aspect al site-ului, conform căruia acesta este deja creat în html. Acest proces este relativ simplu.
Necesar
Programul Adobe Photoshop
Instrucțiuni
Pasul 1
Deschideți Photoshop și creați un document de 1020 x 1200 pic în el. Setați culoarea de fundal la # a8a995. Dacă site-ul este dedicat unei companii, atunci puteți plasa logo-ul său în partea stângă sus în bara de navigare. Lăsați un spațiu în dreapta pentru ca linkurile să navigheze pe site.
Pasul 2
Luați instrumentul Rectangle și creați un dreptunghi de 80 de 54 pic în bara de navigare a site-ului. Acesta va indica elementul de meniu activ în navigarea pe site.
Pasul 3
Accesați meniul Layer-Layer Style, bifați caseta de selectare Color Overlay, color # ADAE9E, Opacity - 100% și caseta de control Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Pasul 4
Deasupra dreptunghiului pe care îl aveți deja, adăugați încă o fotografie de 71x50, pictați-l cu # cfbe28. Accesați meniul Layer-Layer Style, setați următorii parametri pentru acest dreptunghi: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Inner Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Unghi - 90, Distance - 1, Choke - 0, Size - 18; Cursa: dimensiune - 1, poziție - exterior, opacitate - 100, tip de umplere - culoare, culoare # D6C72C.
Pasul 5
Adăugați umbră pentru linkurile situate în bara de navigare. Pentru a face acest lucru, selectați stratul cu textul acestor legături, accesați meniul Layer-Layer Style și setați următorii parametri: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Repetați acești pași pentru fiecare strat care va conține textul linkurilor.
Pasul 6
Acum trebuie să faceți o parte introductivă a șablonului. Selectați Instrumentul dreptunghi și faceți un dreptunghi sub sigla, umpleți-l cu alb, reduceți opacitatea la 20%.
Pasul 7
Selectați instrumentul Ellipse și faceți un oval sub acest dreptunghi. Accesați Filtru> Blur> Gaussian Blur și setați Raza la 7, 8.
Pasul 8
Luați instrumentul Rectangular Marque și selectați partea de jos a dreptunghiului și ovalul neclar. Sterge-l.
Pasul 9
După aceea, introduceți textul în butonul dreptunghiular. Creați o linie direct deasupra acesteia cu următorii parametri: 866 pe 1 pic.
