In Photoshop, puoi creare un layout del sito Web, in base al quale è già stato creato in html. Questo processo è relativamente semplice.
Necessario
Programma Adobe Photoshop
Istruzioni
Passo 1
Apri Photoshop e crea un documento di immagini 1020 x 1200 al suo interno. Imposta il colore di sfondo su # a8a995. Se il sito è dedicato a un'azienda, puoi posizionare il suo logo in alto a sinistra nella barra di navigazione. Lascia uno spazio sulla destra per i link per navigare nel sito.
Passo 2
Prendi lo strumento Rettangolo e crea un rettangolo di 80 per 54 immagini nella barra di navigazione del sito. Indicherà la voce di menu attiva nella navigazione del sito.
Passaggio 3
Vai al menu Stile livello-livello, seleziona la casella di controllo Sovrapposizione colore, colore # ADAE9E, Opacità - 100% e la casella di controllo Tratto, Dimensione - 1 px, Posizione - Esterno, Opacità - 100%, colore # CED0BB.
Passaggio 4
Sopra il rettangolo che hai già, aggiungi un'altra immagine 71x50, dipingila con # cfbe28. Vai al menu Layer-Layer Style, imposta i seguenti parametri per questo rettangolo: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Ombra interna: Modalità di fusione - Moltiplica, colore # 000000, Opacità - 27%, Angolo - 90, Distanza - 1, Soffocamento - 0, Dimensione - 18; Tratto: dimensione - 1, posizione - esterno, opacità - 100, tipo di riempimento - colore, colore # D6C72C.
Passaggio 5
Aggiungi un'ombra per i collegamenti situati nella barra di navigazione. Per fare ciò, seleziona il livello con il testo di questi collegamenti, vai al menu Stile livello-livello e imposta i seguenti parametri: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Diffusione - 0, Dimensione - 1. Ripetere questi passaggi per ogni livello che conterrà il testo dei collegamenti.
Passaggio 6
Ora devi creare una parte introduttiva del modello. Seleziona lo strumento Rettangolo e crea un rettangolo sotto il logo, riempilo di bianco, riduci l'opacità al 20%.
Passaggio 7
Seleziona lo strumento Ellisse e crea un ovale sotto questo rettangolo. Vai a Filtro> Sfocatura> Sfocatura gaussiana e imposta il raggio su 7, 8.
Passaggio 8
Prendi lo strumento Selezione rettangolare e seleziona la parte inferiore del rettangolo e l'ovale sfocato. Cancellalo.
Passaggio 9
Successivamente, inserisci il testo nel pulsante rettangolo. Crea una linea direttamente sopra di essa con i seguenti parametri: 866 per 1 foto.
