All Articles Photoshop
Progettare una brochure a tre ante in InDesign e Photoshop, parte 3
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

In questa tre tutorial di parte, ci accingiamo a progettare una brochure a tre ante per un'agenzia di viaggi fittizia

Bali brochure


Fase 1 - Esportazione di file JPEG da InDesign

Prima di tutto, abbiamo bisogno di ottenere le pieghe della brochure salvati fuori da InDesign in modo che possiamo lavorare con loro in Photoshop. Il piano è quello di mostrare le pieghe interne e la parte anteriore della brochure in il mockup quindi dovremo solo bisogno di esportare queste pagine. Se avete seguito le due parti precedenti di questo tutorial quindi è possibile aprire il file InDesign e andare su File

Pic 1


È possibile specificare le pagine nella sezione Gamma che si desidera salvare fuori. E 'importante impostare le pagine, invece degli spread nella finestra di dialogo Esporta.


Fase 2 - Caricare file in Photoshop Layers

Ora che abbiamo le pieghe esportati, possiamo andare alla cartella in cui i file sono in Bridge. Una volta che hai selezionato tutti e quattro pieghe (anteriore e tre pieghe all'interno) si può scegliere Strumenti

Pic 2


Fase 3 - Estensione della tela di canapa per il mockup

Ora che siamo in Photoshop, dobbiamo preparare la tela per essere in grado di adattarsi a tutto correttamente. Al momento, la tela è la stessa dimensione di una piega. Dobbiamo scegliere Immagine

Pic 3


Questo è il modo in cui il documento sarà simile con questi cambiamenti:

Pic 4


Fase 4 - Creazione del livello di sfondo

Per rendere il mockup sembrare realistico, abbiamo bisogno di un bel sfondo sfumato. Prima di tutto, dobbiamo creare un livello vuoto e posizionarlo sul fondo della struttura di strato. Poi abbiamo bisogno di fare doppio clic su di esso e aggiungere uno stile di livello Sovrapposizione sfumatura con le seguenti impostazioni:

Pic 5


Fase 5 - Organizzare le pieghe

Prima di iniziare a lavorare con le pieghe, dobbiamo fare in modo che si organizzano. La cosa migliore è mantenere le 3 pieghe all'interno insieme in ordine e spostare la piega anteriore separatamente sul lato per ora.

Pic 6


Fase 6 - Creazione di oggetti avanzati

Prima di iniziare qualsiasi ridimensionamento delle pieghe, sarebbe saggio per trasformare ogni strato separatamente in oggetti avanzati. Il vantaggio di questa operazione è che ci dispiacerebbe perdere la qualità delle immagini durante il ridimensionamento di loro. Per farlo, è sufficiente fare clic destro sul livello e scegliere Converti in oggetto avanzato. Ripetere questa operazione per tutti gli strati piega.

Pic 7


Fase 7 - Aggiunta di prospettiva a pieghe

Questa è probabilmente la parte più difficile del tutorial come ha bisogno di un po 'di pratica e la comprensione della prospettiva. Quello che dovete fare prima di tutto è quello di selezionare i livelli con le pieghe all'interno e scegliere Modifica

Pic 8


Quando si è pronti basta premere Invio per accettare le modifiche.


Fase 8 - Girando le pieghe

Con la stessa tecnica, possiamo aggiungere più profondità alle pieghe, alterando leggermente verso l'alto. Assicurarsi che in questo caso si usa Trasformazione libera separatamente all'interno piega a sinistra e destra. Anche cercare di allineare tutti gli elementi che si sovrappongono tra le pieghe (come il rettangolo blu sul mio disegno).

Pic 9


Pic 10


Fase 9 - Aggiunta di ombre

Per rendere la simulazione più realistica abbiamo anche bisogno di creare ombre. Il modo più semplice per farlo è quello di aggiungere uno stile di livello Ombra esterna per gli strati. È possibile utilizzare le seguenti impostazioni:

Pic 11


È possibile aggiungere l'effetto di una volta e poi Alt / Opzione trascinate l'icona fx a destra del nome del layer su gli altri due strati di copiare gli effetti o si può farlo nel modo più semplice, mettendo gli strati in un gruppo e aggiungendo l'effetto sul gruppo. Si può fare solo se si dispone di Photoshop CS6 o poi.

Quello che devi fare è selezionare i tre strati e premere Command / Ctrl-G per riunirli in un gruppo di layer e quindi fare doppio clic sull'icona di gruppi di aggiungere l'effetto. È possibile utilizzare le stesse impostazioni di sopra, ma in questo caso la struttura di strato sarà simile a questa:

Pic 12


Fase 10 - Aggiunta di ombreggiatura sulle pieghe

Non è sufficiente avere ombre per un mockup realistico, abbiamo bisogno anche di ombreggiatura sulle pieghe stesse. Per questo la tecnica migliore è quella di aggiungere Sovrapposizione sfumatura stile strato sulle pieghe. In questo caso potrebbe essere più facile da controllare l'effetto se si applica separatamente per ciascuno strato piega. Ho usato le seguenti impostazioni per la piega a sinistra:

Pic 13


È possibile ripetere questa operazione per le altre pieghe.


Fase 11 - Posizionamento e applicazione di effetti per la piega frontale

Ultimo ma non meno importante, è possibile aggiungere la piega anteriore e applicare gli stessi effetti ad esso (distorsione, un'ombra e ombreggiatura).

Pic 14


Il grande vantaggio di questo mockup è che è possibile aggiornare facilmente, se lo si salva come file PSD. La prossima volta quando si crea un opuscolo con la stessa o molto di dimensioni simili è possibile fare doppio clic sulla Smart Object layers miniature nel pannello Livelli e sostituire le immagini con il nuovo design. Dopo aver salvato i documenti incorporati (fonti dei oggetti avanzati) vedrete che il vostro mockup verrà aggiornato con le nuove pieghe.

Speriamo che vi sia piaciuto questo tutorial serie e hai imparato alcune nuove tecniche da esso. Buona fortuna con i vostri futuri progetti brochure!


Progettare una brochure a tre ante in InDesign e Photoshop, parte 1

Progettare una brochure a tre ante in InDesign e Photoshop, parte 2

Progettare una brochure a tre ante in InDesign e Photoshop, parte 3

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: