Come creare rapidamente un mockup con Photoshop

Ciao a tutti, vediamo in questo post come creare un mockup in pochi passi con Photoshop. Potete eseguire questo procedimento per tutti i mockup che andrete a fare anche partendo da immagini diverse.

Sei un Grafico? Diventa anche un Web Designer

Diventa Web Designer

Primo step cerchiamo un’immagine in rete che ci possa andare bene, io ho preso questa.

inzio

 

1. STRUMENTO RETTANGOLO

Create un rettangolo che sia grande quanto il rettangolo nero presente all’interno del pc.

Schermata 2015-04-09 alle 16.04.29

 

2. RASTERIZZARE IL LIVELLO CON IL RETTANGOLO

Fate clic con il tasto destro sul livello del rettangolo e premete su “rasterizza livello”.

 

Schermata 2015-04-09 alle 15.56.18

 

3. STRUMENTO INCLINA E DISTORCI

Andando in Modifica>Trasformazione>Inclina andate a inclinare il rettangolo fino a farlo entrare perfettamente nello schermo del computer, una volta fatto perfezionate il tutto andando su Modifica>Trasformazione>Distorci.

Schermata 2015-04-09 alle 15.58.16

 

4. TRASFORMATE IL RETTANGOLO IN OGGETTO AVANZATO.

Facendo clic con il tasto destro sul livello del rettangolo, premete su “converti in oggetto avanzato”.

Schermata 2015-04-09 alle 15.58.25

 

5. DOPPIO CLIC SULL’OGGETTO AVANZATO

Facendo doppio clic sul vostro oggetto avanzato Photoshop vi aprirà una nuova schermata con la sola immagine del rettangolo bianco, in questa nuova finestra voi inserite lo screenshot del vostro sito e salvate.

Come per magia, tornate sul file di partenza e vi comparirà all’interno del vostro pc.

Potete salvare il layout e tutte le volte che dovete creare un nuovo mockup basterà cliccare due volte sull’oggetto avanzato, inserire lo screenshot nella nuova finestra e salvare.

mockup

Share

Promozioni

Potrebbe interessarti



Francesco PC Academy
Francesco: Lavora come freelance, si occupa di Web Design & Marketing, Strategie Digitali, Blogging e docenza. Per PC Academy cura: il tutoraggio dei corsi online Scrittura Creativa e Sceneggiatura; le lezioni in aula sulla creazione del CV infografico e come Presentarsi alle Aziende in modo professionale; la redazione di molti articoli di questo portale.

Commenti