All Articles Photoshop
Progettare una brochure a tre ante in InDesign e Photoshop, parte 1
Martin Perhiniak on Mon, May 27th 1 comments
Become an InDesign and Photoshop ninja with this 3-part tutorial by Martin Perhiniak that shows you how to create a beautiful trifold brochure. Watch out for Part 2 tomorrow.

In questa tre tutorial di parte, ci accingiamo a progettare una brochure a tre ante per un'agenzia di viaggi fittizia specializzata in tour per la splendida isola di Bali. Nella prima parte del tutorial ci accingiamo a concentrarsi sulla progettazione titolo, che verrà creato in Photoshop utilizzando una delle mie foto che ho fatto a un monastero balinese. Nella seconda parte, ci incorporare questa progettazione titolo nella nostra brochure design in InDesign, e nel 3 ° parte creeremo un 3d cercando mock-up in Photoshop che sarà simile a questa:

Bali brochure


Per prima cosa, dobbiamo concentrarci sulla progettazione titolo, che sarà simile a questa:

Bali title


Fase 1 - L'apertura la foto in Photoshop

È possibile scaricare la mia foto qui sotto per seguire il tutorial:

Bali


Una volta scaricato, sarebbe opportuno creare una cartella di progetto e creare una cartella al suo interno chiamato Links. Questo sarà utile quando si inizia a lavorare con InDesign come abbiamo bisogno di collegarsi alle immagini ed è importante per tenerli organizzati.

Una volta che hai tutto a posto si può aprire la foto in Photoshop, dove stiamo andando a creare il design del titolo da esso.


Fase 2 - Aggiungere il testo per il design titolo

Prima di tutto dobbiamo aggiungere il testo per il titolo del nostro progetto. Selezionate lo strumento Testo e fare clic in qualsiasi punto della foto. Questo creerà automaticamente un nuovo livello di testo al di sopra dello strato di foto. È possibile digitare Bali con tutti i caratteri minuscoli e quindi selezionare l'intera parola e premere Ctrl / Comando-Maiuscole-K per trasformarli in tutti i capoluoghi. Questo è il modo migliore di utilizzare tutte le protezioni, perché con la stessa combinazione di tasti si può sempre girare indietro in minuscolo senza riscriverlo. Ho usato dei font Impact per il testo e il nero come colore di primo piano durante la digitazione.

Pic 1


Fase 3 - Posizionare e ridimensionare il testo

È sempre possibile ridimensionare il testo facilmente con lo strumento Trasformazione libera (Command / Control-T) e riposizionare con lo strumento Sposta. Si dovrà spostarlo approssimativamente nel centro dell'immagine, la regolazione della parte superiore del testo per i tetti alti del monastero. È possibile utilizzare la crenatura per regolare orizzontalmente i caratteri (Alt / Opzione-sinistra / destra, mentre il cursore è attivo tra due caratteri). Ecco come ho messo il mio testo e ho anche ricolorata a bianco così è più facile vederlo su l'immagine (il colore non sarà visibile alla fine, quindi non è necessario cambiarla):

Pic 2


Fase 4 - Clipping l'immagine sul testo

Per essere in grado di utilizzare il testo come contenitore per l'immagine è necessario creare una maschera di ritaglio. Avete bisogno di duplicare il livello della foto (selezionarlo e premere Command / Control-J) e collocarlo sulla parte superiore del livello di testo e quindi pur avendo il livello della foto in alto stampa selezionato Command / Ctrl-Opzione / Alt-G. Ciò ritagliare la foto in cima al testo, il che significa che l'immagine sarà visibile solo all'interno del testo. Per poter vedere questo effetto, è necessario eliminare l'altra versione dello strato in fondo la struttura dei livelli. Questo è ciò che si dovrebbe vedere:

Pic 3


Fase 5 - Creazione di un fondo bianco

Per essere in grado di vedere il nostro disegno correttamente permette creare uno sfondo bianco strato. Per questo è necessario fare in modo che nessuno dei layer sono impostati per essere un livello di sfondo. Perché abbiamo eliminato lo strato di foto originale nel passaggio precedente si dovrebbe avere due strati normali e vedere la trasparenza in background. È possibile creare rapidamente un livello di sfondo bianco selezionando il livello inferiore e tenere premuto Comando / Controllo mentre si fa clic sull'icona del nuovo livello nella parte inferiore del pannello Livelli. Una volta che il nuovo livello è stato creato, è possibile selezionarlo e premere D prima di fissare i campioni torna a default (bianco e nero) e quindi premere Command / Ctrl-Backspace per riempire il livello selezionato con il bianco (Riempire con sfondo campione di colore) .

Pic 4


Fase 6 - Aggiunta di tetti al testo

Per questo passo, avremo bisogno di un altro duplicato del livello della foto (selezionarlo e premere Command / Control-J). Rendere il duplicato mostrerà nuovamente l'intera immagine. Ora siamo in grado di utilizzare lo strumento Selezione rapida (W è il tasto di scelta rapida per esso e la freccia rossa indica che nella barra degli strumenti sopra l'immagine qui sotto) e disegnare sopra il cielo fino a selezionare tutto il cielo blu. Provate a selezionare anche il verde degli alberi tra le torri, come questo:

Pic 5


Il modo in cui ho potuto mostrare le parti non selezionate in rosso è quello di utilizzare la modalità Maschera veloce. Per attivarlo è possibile premere Q e premendo nuovamente Q tornerà alla visualizzazione normale selezione. È inoltre possibile fare clic sull'icona cerchiata in basso della barra degli strumenti. Quando la selezione è pronto è possibile fare clic sull'icona della maschera nella parte inferiore del pannello Livelli per trasformare la selezione in una maschera di livello. In primo luogo, non ci vorrà guardare bene, perché dobbiamo invertire la maschera per mostrare gli edifici e non il cielo. Per questo tutto quello che dovete fare è premere comando / Control-I (regolazione Inverti colori, che invertire i colori della maschera). Si dovrebbe essere in grado di vedere questo risultato:

Pic 6


Non siamo ancora pronti, però, perché vogliamo solo vedere i tetti sopra il testo. Per sbarazzarsi delle parti non necessarie effettuare una selezione rettangolare come questa:

Pic 7


Assicuratevi di avere il livello con la maschera di selezione, quindi premere Command / Ctrl-G per creare un gruppo di layer da esso e quindi fare clic sull'icona della maschera nella parte inferiore del pannello Livelli per creare una seconda maschera che interessano lo stesso livello della foto.

Pic 8


Fase 7 - Finalizzazione della maschera

Per sbarazzarsi di tutte le restanti parti non necessarie intorno i tetti, è possibile utilizzare lo strumento pennello e impostare il colore di primo piano a nero. Assicurarsi di avere una delle maschere selezionate nel pannello Livelli e quindi iniziare a disegnare sopra le parti indesiderate con una piccola dimensione del pennello. Si può essere molto preciso se si dispone di una tavoletta digitale, ma si possono ottenere buoni risultati con un mouse pure. Questo è ciò che si dovrebbe raggiungere per:

Bali title


Continueremo a questo passo la prossima volta, ma fino ad allora diamo un'occhiata al disegno finale della brochure:

Final brochure


To be continued ...

Related Videos
Comments (1)

You must be logged in to comment.

  • Paul
    cant seem to be able to download picture
    • 7 years ago
    • By: Paul
    Reply
Putting It All Together
InDesign CC & CS6 106
Dream It. Do It.
Do you want to learn Putting It All Together?
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: