Come creare un template per un sito web con Photoshop

Come creare un template per un sito web con Photoshop

Come creare un template per un sito web con Photoshop

Template sito web con Photoshop

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.

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.

Per chi è utile questa guida?

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.

Cosa vedremo in questa guida?

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:

Scarica il file
Claudio Masci
Claudio Masci

Sono innanzitutto un appassionato di informatica e tecnologia in generale. Lavoro in ambito informatico da circa 16 anni, spaziando in diversi campi, andando dalla programmazione web, allo sviluppo di software, dalla grafica alla modellazione 3d ed al video editing, ho sempre voluto approfondire ogni aspetto e questo mi ha permesso di lavorare in diversi ambiti informatici.

    1 commento finora

    Avatar
    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?

    Rispondi

    X
    Mostra
    facebook
    twitter
    youtube
    reddit
    follow us in feedly
    Flipboard