Non è molto difficile creare un modello di sito Web in Photoshop. Il modello include menu, moduli di ricerca, grafica, forse del testo, ad esempio. Il sito stesso sarà già programmato sulla sua base.
Istruzioni
Passo 1
Inizia a modellare il modello del tuo sito in Photoshop creando un nuovo documento con una dimensione di 1020 per 1020 foto. Rendi lo sfondo bianco. Imposta il colore di primo piano su # c5e0dd e il colore di sfondo su # ece5cf.
Passo 2
Prendi lo strumento Gradiente e seleziona il primo tipo di riempimento nel pannello delle impostazioni. Trascina una linea sfumata attraverso il campo bianco dall'alto verso il basso.
Passaggio 3
Prendi lo strumento Testo, scrivi il titolo del tuo sito nell'angolo in alto a destra in modo che si allinei con il modulo di ricerca, che si trova nell'angolo in alto a sinistra. Imposta la dimensione del carattere, ad esempio 12.
Passaggio 4
Per creare la forma di ricerca, seleziona lo strumento Rettangolo e disegna un rettangolo bianco nell'angolo in alto a destra. Applica le seguenti impostazioni di livello: Ombra interna - Modalità di fusione - Moltiplica, Colore - # a2b7b1, Opacità - 43, Angolo - 90, Distanza - 0, Soffocamento - 0, Dimensione - 10.
Passaggio 5
Usa lo strumento Testo per creare un testo morbido all'interno di questa forma.
Passaggio 6
Seleziona lo strumento Rettangolo arrotondato e crea un pulsante all'interno della forma di ricerca sul bordo destro. Applica i seguenti stili di livello: Sovrapposizione sfumatura - Modalità di fusione - Normale, Opacità - 100, Sfumatura da scuro a chiaro (colori da # 754f39 a # a1704f), Stile - Lineare, Angolo - 90, Scala - 59.
Passaggio 7
Usa lo strumento Testo per scrivere "vai" o qualcosa del genere su questo pulsante.
Passaggio 8
Per creare la navigazione, prendi lo strumento Rettangolo arrotondato e disegna un lungo rettangolo sotto il titolo e la forma di ricerca. Applica i seguenti stili di livello: Sovrapposizione sfumatura - Modalità di fusione - Normale, Opacità - 100, Sfumatura da scuro a chiaro (colori da # 76503e a # a46ecd), Stile - Lineare, Angolo - 90, Scala - 59; Struttura del tratto - 1, Posizione - Interno, Modalità di fusione - Normale, Opacità - 100, Tipo di riempimento - Colore, Colore # 9F6038.
Passaggio 9
Prendi lo strumento Rettangolo arrotondato e disegna un piccolo rettangolo sul lato sinistro della barra di navigazione. Applica i seguenti stili di livello: Ombra interna - Modalità di fusione - Moltiplica, Opacità - 75, Angolo - 90, Distanza - 1, Soffocamento - 0, Dimensione - 8; Sovrapposizione sfumatura - Modalità di fusione - Normale, Opacità - 100, Gradiente da scuro a chiaro (colori da # 76503c a # a46e4d), Stile - Lineare, Angolo - 90, Scala - 59; Tratto - Struttura - 1, Posizione - Interno, Modalità di fusione - Normale, Opacità - 100, Tipo di riempimento - Colore, Colore # 8f6347.
Passaggio 10
Aggiungi etichette alla barra di navigazione.
