A Photoshop podeu crear un disseny de lloc web segons el qual ja estigui creat en html. Aquest procés és relativament senzill.
Necessari
Programa Adobe Photoshop
Instruccions
Pas 1
Obriu Photoshop i creeu-hi un document pic de 1020 x 1200. Establiu el color de fons a # a8a995. Si el lloc està dedicat a una empresa, podeu col·locar el seu logotip a la part superior esquerra de la barra de navegació. Deixeu un espai a la dreta per als enllaços per navegar pel lloc.
Pas 2
Agafeu l'eina Rectangle i creeu un rectangle de 80 per 54 imatges a la barra de navegació del lloc. S'indicarà l'element de menú actiu a la navegació del lloc.
Pas 3
Aneu al menú Estil de capa-capa, marqueu la casella de selecció Color Overlay, color # ADAE9E, Opacitat - 100% i la casella de selecció Traç, Mida - 1 px, Posició - Exterior, Opacitat - 100%, color # CED0BB.
Pas 4
A la part superior del rectangle que ja teniu, afegiu-hi una altra imatge de 71x50, pinteu-la amb # cfbe28. Aneu al menú Estil capa-capa, configureu els paràmetres següents per a aquest rectangle: Drope Shadow: Mode fusió - Multiplicació, color # 000000, Opacitat - 27%, Angle - 90, Distància - 1, Distància - 0, Mida - 5; Ombra interior: mode de fusió: multiplicació, color # 000000, opacitat: 27%, angle: 90, distància: 1, estrangulació: 0, mida: 18; Traç: mida - 1, posició - exterior, opacitat - 100, tipus de farciment - color, color # D6C72C.
Pas 5
Afegiu ombres als enllaços ubicats a la barra de navegació. Per fer-ho, seleccioneu la capa amb el text d’aquests enllaços, aneu al menú Estil capa-capa i configureu els paràmetres següents: Ombra Drope: Mode fusió - Multiplicació, color # 000000, Opacitat - 75%, Angle - 90, Distància - 1, Spread - 0, Size - 1. Repetiu aquests passos per a cada capa que contindrà el text dels enllaços.
Pas 6
Ara heu de fer una part introductòria de la plantilla. Seleccioneu l'eina Rectangle i feu un rectangle sota el logotip, ompliu-lo de blanc i reduïu l'opacitat al 20%.
Pas 7
Seleccioneu l'eina El·lipse i feu un oval sota aquest rectangle. Aneu a Filtre> Desenfocament> Desenfocament gaussià i configureu el radi a 7, 8.
Pas 8
Agafeu l'eina Rectangular Marque i seleccioneu la part inferior del rectangle i l'oval borrós. Esborra-ho.
Pas 9
Després, introduïu el text al botó rectangle. Creeu una línia directament a sobre amb els paràmetres següents: 866 per 1 foto.
