La creazione del proprio sito Web inizia sempre con lo sviluppo di uno schizzo e del design futuro, e parte integrante di questo sviluppo è la visualizzazione del design del sito in Photoshop e il taglio del design finito in blocchi per il layout successivo. La capacità di tagliare correttamente un'immagine del design del sito influisce direttamente sull'ulteriore successo del layout e sul corretto posizionamento dei file grafici sul server.
Istruzioni
Passo 1
Apri il layout del design creato in Photoshop, che è un'immagine solida della risoluzione desiderata. Dalla barra degli strumenti di Photoshop, seleziona lo strumento Taglia. Disattiva temporaneamente la visibilità di tutti i livelli di testo, campi di input, icone ed elementi simili.
Passo 2
Disegna con lo strumento scelto le linee guida lungo le quali taglierai il sito: queste linee sull'immagine saranno verdi. Dividere accuratamente il layout di un pezzo in elementi strutturali della dimensione e della quantità desiderate.
Passaggio 3
Pensa a come taglierai l'immagine: non dovrebbero esserci troppi singoli elementi al suo interno. Per creare linee guida, posiziona il cursore sul righello superiore sull'immagine, fai clic con il pulsante sinistro del mouse e trascina verso il basso la guida. Rilascia il pulsante del mouse.
Passaggio 4
Dopo aver impostato tutte le guide (sia verticali che orizzontali), procedere con il taglio del layout.
Passaggio 5
Usando lo strumento di taglio selezionato sopra, taglia il layout facendo clic con il tasto sinistro del mouse sull'inizio di ciascuna linea guida e allungando il campo apparso alla dimensione dell'oggetto desiderato che desideri tagliare. Rilascia il pulsante sinistro del mouse in modo che un numero di serie appaia nell'angolo sinistro del frammento tagliato.
Passaggio 6
Regola i bordi dei frammenti allungandoli manualmente. Per salvare le parti tagliate dell'immagine complessiva, fare clic sull'opzione "Salva per pagine Web" nel menu File e selezionare il formato JPEG. Nella finestra di salvataggio, seleziona "Tutti i frammenti".
Passaggio 7
Dopo aver salvato separatamente i frammenti dell'immagine ritagliata, salva tutti gli elementi visivi del design della pagina: blocchi di testo, pulsanti, linee e così via.
