Come creare un template per un sito web con Photoshop

Come creare un template con Photoshop

[vc_row][vc_column][wpproads id=”202″ center=”1″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Template sito web con Photoshop

[/vc_column_text][vc_column_text]Adobe Photoshop è un software molto apprezzato per il fotoritocco e per la grafica in generale.

I campi in cui può essere utilizzato sono tantissimi, nella videoguida di oggi vedremo come utilizzare Adobe Photoshop per creare il template per un sito web.

In questa guida cercherò di spiegare come eseguire ogni passaggio per renderla adatta anche a chi ha poche o nessuna conoscenza di Photoshop.

[/vc_column_text][vc_column_text]Per poter seguire questa guida avete bisogno di Photoshop (scaricabile da qui in versione di prova).

Le immagini utilizzate sono state scaricate da Pexels.com (sito che permette di scaricare foto e video da utilizzare gratuitamente.[/vc_column_text][vc_column_text]

Per chi è utile questa guida?

[/vc_column_text][vc_column_text]Questa guida è rivolta sia a chi si occupa di sviluppo di siti web e non ha mai utilizzato photoshop per creare i template da mostrare ai clienti, sia a chi vuole disegnare da solo un template di un sito web da inviare poi a chi si occuperò di convertirlo in HTML.

E’ un ottimo punto di partenza per creare template in PSD e per imparare l’utilizzo di alcune funzionalità di Adobe Photoshop.[/vc_column_text][vc_column_text]

Cosa vedremo in questa guida?

[/vc_column_text][vc_column_text]In questa video guida vedremo come creare un template in formato PSD per un sito web, e nel dettaglio vedremo:

  • Come creare una guida per allineare gli elementi della pagina
  • Come allineare gli elementi della pagina alla guida
  • Come creare i gruppi per suddividere i livelli
  • Come importare le immagini nel progetto
  • Come inserire e modificare un testo
  • Come bloccare un livello
  • Come suddividere la pagina in header, main e footer
  • Come salvare il documento
  • Come spostare il contenuto all’interno di una pagina

Scarica il progetto cliccando sul seguente link:

Video

1 commento finora

Ciro Pubblicato il21:45 - 16 Agosto 2019

Ciao, bel video veramente utile e sei stato anche molto chiaro. Ma il video in cui spieghi come convertire in html non l’hai messo?