Come creare un template con Photoshop

Per creare più immagini da un singolo file, è necessario eseguire correttamente le indicazioni. Il file è denominato "Modello"; si tratta di un file di Photoshop costruito genericamente. Ogni strato può potenzialmente essere sostituito con dati esterni. Creare un template con Photoshop non è così difficile. Photoshop è un programma di grafica che puoi installare sia su Windows che su Mac. Contrariamente a quello che può sembrare, esso non è utilizzato soltanto per i foto-ritocchi delle foto, ma anche per la creazione grafica del layout di un sito web e dei loghi. Ecco come creare un template con Photoshop.

• Font-family: Century Gothic, Caviar Dreams

Per creare un template grafico bisogna per prima cosa aprire Photoshop tramite l'icona che trovi sul tuo desktop o tramite la voce "Programmi" raggiungibile dal pulsante "Start". Crea un nuovo documento, clicca su "File" e successivamente su "Nuovo", oppure utilizza il comando veloce CTRL+N con Windows. Si aprirà una finestrella in cui potrai scrivere il nome, scegliere la tipologia del documento che vuoi creare (in questo caso "Web"), la dimensione (larghezza e altezza), la risoluzione ed il background. Nella finestra di dialogo "Nuovo", nomina il file, della larghezza di 5 cm. La prima cosa che vedi in un sito web è l'header, ovvero la parte iniziale di una pagina in cui generalmente trovi il logo ed il menù orizzontale. Vai nel box "Livelli" e crea un nuovo gruppo denominandolo "logo".

Per rendere un sito web navigabile devi dare all'utente l'opportunità di cambiare pagina tramite un menù. In questo caso ho creato un menù orizzontale includendo le pagine più importanti del sito. Sotto le voci del menù (create con il pulsante "Testo"), ho disegnato un rettangolo azzurrino (#f4f9fc) e ad ogni voce ho affiancato una freccetta (disegnata con il tasto "forma personalizzata").

A destra crea il contenuto principale della home page. Metti in evidenza il titolo e aggiungi un testo di default come Lorem Ipsum. Clicca sul pulsante "Sposta", seleziona entrambi i livelli e premi il pulsante "Allinea a sinistra". Il testo deve essere ben leggibile, quindi puoi utilizzare un font-size di 14/15 pt. La grandezza del font varia in base al font family.

L'elemento con cui viene chiuso un template è il footer. Crea un rettangolo grigio alla fine del contenitore; scrivi al suo interno il copyright ed altre informazioni utili all'utente. Non dimenticare mai di allineare i testi, aiutati anche con le linee guida. In fine salva il documento nel formato psd. Scegli "File" e "Salva con nome". Nella finestra di dialogo "Salva", il nome del file dovrebbe essere indicato con il nome dato in precedenza. Imposta dal menù formato per Photoshop e fai clic sul pulsante "OK" per salvare il nuovo file PSD sul desktop.

• Installa Photoshop in inglese, ti aiuterà a familiarizzare con dei termini che ritroverai durante lo sviluppo in CSS
• Fai in modo che il contenuto, escludendo lo sfondo, rientri sempre in un width di 1024px

• Come inserire un'immagine nel testo su Photoshop
• Come Modificare La Scritta Dell'hard Rock Café