Crea un fantastico effetto Image-Inside-Image in Adobe InDesign

Cosa starai creando

Chi sapeva che potresti creare effetti standard di Photoshop in Adobe InDesign? Impara come ricreare questo effetto drammatico dell'immagine all'interno dell'immagine e dai un tocco di freschezza alle copertine dei tuoi libri, layout e poster di riviste.

In questo tutorial adatto per utenti principianti e intermedi di InDesign, illustreremo le fasi di creazione dell'effetto e lo stenderemo come parte di una copertina di un libro per un romanzo tascabile.

Avrai anche bisogno di accedere ad Adobe Illustrator per una parte del tutorial. Apri InDesign e possiamo iniziare!

1. Impostare il documento in brossura in InDesign

Passo 1

Con InDesign aperto, selezionare Nuovo> Documento dal benvenuto finestra, o vai a File> Nuovo> Documento dal menu principale.

Nel Nuovo documento finestra che si apre, mantenere il Intento impostato Stampare e il Numero di pagine a 1. Deseleziona Affrontare le pagine.

Sotto Dimensioni della pagina, scegliere Personalizzata ... dal menu a discesa. 

Passo 2

Creiamo un nuovo Dimensioni pagina personalizzate, adatto per una copertina tascabile. genere 'B-Format Paperback' nel Nome casella di testo nella parte superiore della finestra e impostare il Larghezza a 130 mm e Altezza a 198 mm.

NB: questa è una dimensione adatta per una singola pagina di un libro tascabile formato B. In questo tutorial non creeremo la copertina completa avvolgente, inclusa la cover posteriore e la colonna vertebrale. Ma se desideri espandere il progetto in un secondo momento per creare una copertina completa, puoi utilizzare Strumento Pagina (Shift-P) per estendere la larghezza della pagina.

Clic Inserisci, e poi ok per tornare al Nuovo documento finestra.

Impostare il margini su tutti i lati 5 mm, e aggiungere un Sanguinare (clicca il Più opzioni pulsante se non riesci a visualizzare le opzioni per il sanguinamento) di 5 mm su tutti i lati della pagina.

Clic ok per creare il nuovo documento.

2. Creare l'immagine che chiude

L'effetto image-inside-image funziona meglio se si posiziona un'immagine (una foto o un'immagine vettoriale) all'interno di una cornice vettoriale completamente chiusa.

È possibile utilizzare un vettore del proprio disegno o un vettore di serie o, per un po 'di realismo aggiunto all'immagine, è possibile utilizzare una versione vettoriale di una fotografia. Diamo un'occhiata a come creare quest'ultimo.

Passo 1

Aprire Adobe Illustrator. Seleziona una foto che hai già o scegli una foto da un sito di stock. Per questo disegno ho usato questa fotografia di un corvo volante. Le foto impostate su sfondi bianchi e con un contorno forte funzioneranno al meglio per creare l'effetto.

Una volta selezionata l'immagine, torna a Illustratore e File> Luogo la foto su un nuovo documento.

Passo 2

Apri il Immagine traccia pannello (Finestra> Traccia immagine), ed espandi il pannello per visualizzare il set completo di opzioni. Con la foto selezionata, e il Anteprima casella selezionata nel Immagine traccia pannello, impostare il Modalità a Bianco e nero e controllare il Ignora il bianco casella nella parte inferiore del pannello.

Clicca il Traccia pulsante in basso a destra del pannello e sposta i cursori finché non sei soddisfatto della silhouette finale. Cerca di conservare il più possibile il dettaglio originale del contorno della foto.

Quando sei soddisfatto del risultato, vai al menu nella parte superiore dello schermo e seleziona Oggetto> Traccia immagine> Espandi

Passaggio 3

Separare il vettore tracciato (Fare clic con il pulsante destro del mouse su [Windows] o Control-clic [Mac]> Separa) e cancellare eventuali elementi di sfondo periferici o parti vaganti del vettore. Vuoi avere solo un'immagine pulita e stagliata.

Seleziona l'immagine e Modifica> Copia.

Ritornare a InDesign e Modifica> Incolla. La silhouette del vettore verrà rilasciata direttamente sulla pagina.

Con il vettore selezionato, Fare clic con il pulsante destro del mouse su [Windows] o Control-Fare clic su [Mac]> Trasforma> Rifletti orizzontalmente; e ridimensionare l'immagine (tenendo premuto Cambio per mantenere le proporzioni), in modo che si adatti comodamente alla pagina.

Passaggio 4

Dal controlli pannello nella parte superiore dell'area di lavoro o da campioni pannello (Finestra> Colore> Campioni), aggiusta il Colore di riempimento del vettore a [Nessuna].

Questa immagine formerà lo sfondo del nostro effetto, e sembrerà davvero bella con un po 'di texture. Con l'immagine selezionata, vai a File> Luogo e selezionare un'immagine di sfondo semplice e strutturata. Qui ho usato una trama di sfondo cartacea usando questa immagine di un foglio di carta stile vintage.

Riorganizza l'immagine della trama nel vettore in modo che riempia l'intero vettore (scegli Riempi la cornice proporzionalmente dall'alto controlli pannello).

3. Livelli su per creare l'effetto

Costruire la grafica a strati è la chiave per ottenere questo effetto in modo corretto, proprio come avresti bisogno di fare se stavi usando Photoshop. 

Passo 1

Apri il Livelli pannello (Finestra> Livelli) e fai doppio clic sul valore predefinito Livello 1 nome per aprire il Opzioni di livello finestra. Rinominare il livello Immagine di carta, e fare clic ok.

Selezionare Nuovo strato… dal Livelli menu a discesa del pannello e doppio clic sul livello, come in precedenza, per rinominare il livello Foto. Crea altri due livelli, nominandoli Immagine 3 e poi Immagine 4, finché non avrai una sequenza di quattro livelli.

Passo 2

Seleziona l'immagine piena di carta del corvo e Modifica> Copia.

Quindi tornare al Livelli pannello e Serratura tre strati: Immagine di carta, immagine 3 e Immagine 4. Clicca sul Foto strato per attivarlo.

Vai a modificare nel menu in alto e selezionare Incolla al suo posto, per creare un duplicato esattamente posizionato dell'immagine di corvo. InDesign potrebbe voler incollare questo sullo stesso livello dell'immagine originale, quindi permettergli di farlo, quindi spostarlo manualmente sul livello appropriato direttamente dal Livelli pannello.

Fare doppio clic all'interno del vettore per selezionare direttamente l'immagine della carta. Cancellalo. 

Vai a File> Luogo per riempire il vettore corvo con una nuova immagine. Questa sarà la tua immagine interna. Il profilo di una persona, o un primo piano dettagliato del volto di qualcuno, apparirà sorprendente e drammatico. Qui, ho usato questa immagine di una donna, che ho convertito in un'immagine in bianco e nero Photoshop usando il Mixer canali registrazione.

Una volta posizionata l'immagine, puoi provare a ridimensionarla all'interno del vettore. tenere Cambio durante il ridimensionamento per evitare di distorcere l'immagine e provare a posizionare la parte dell'immagine che si desidera evidenziare al centro della cornice vettoriale.

Con il vettore corvo selezionato, vai a Oggetto> Effetti> Trasparenza. Nel effetti finestra che si apre, impostare il Modalità a Moltiplicare e ridurre il Opacità a 75%. Questo porterà attraverso alcune delle texture dell'immagine di carta seduta di seguito. Clic ok.

Passaggio 3

Ritorna al Livelli pannello e Serratura il Foto strato. Sblocca il livello successivo, Immagine 3. Ora possiamo aggiungere un po 'di colore sulla parte superiore della foto per dargli un aspetto più lunatico e più drammatico.

Apri il campioni pannello (Finestra> Colore> Campioni) e selezionare Nuovo campione di colori dal menu a discesa del pannello.

Mantieni il Tipo di colore impostato Processi, e creare una sfumatura blu-viola profonda impostando i cursori sui seguenti livelli: C = 100 M = 92 Y = 40 K = 36. Clic Inserisci e poi ok.

Torna alla pagina, vai a Modifica> Incolla in posizione per rilasciare un'altra copia del vettore corvo sulla pagina. Elimina l'immagine della carta all'interno, quindi imposta il Colore di riempimento del vettore al tuo nuovo campione di colore blu scuro.

Passaggio 4

Con il vettore blu selezionato, vai a Oggetto> Effetti> Trasparenza. Impostare il Modalità a Moltiplicare e mantenere il Opacità100%.

Dal menu a sinistra nel effetti finestra, fare clic su Sfumatura sfumata per applicare un gradiente e modificare le opzioni per il gradiente. Tirare i cursori vicini verso il centro della barra, come mostrato di seguito, finché la foto in basso non appare verso la parte superiore e centrale del vettore.

Passaggio 5

Seleziona il vettore corvo sul Immagine 3 strato, e Modifica> Copia. 

Ritorna al Livelli pannello e Serratura il Immagine 3 strato. Sblocca il livello successivo, Immagine 4.

Modifica> Incolla in posizione una copia del vettore di corvo sullo strato superiore.

Torna al campioni pannello e creane un altro Nuovo campione di colori. Puoi nominare questo campione CMYK Inky Black se ti piace. Imposta i livelli di percentuale come segue: C = 60 M = 40 Y = 40 K = 100. Clic Inserisci e poi ok.

Aggiusta il Colore di riempimento del vettore di corvo sul Immagine 4 strato a Inky Black. Quindi, con l'immagine selezionata, vai a Oggetto> Effetti> Sfumatura sfumatura. Aggiusta il Angolo nella direzione opposta, quindi il gradiente passa alla parte superiore del vettore. Solo la parte centrale della grafica dovrebbe ora rivelare la foto sottostante.

Clic ok per tornare alla pagina.

Ottimo lavoro! Il tuo effetto image-inside-image è finito e sembra fantastico! Ora che hai preparato la grafica, puoi usarla su tutti i tipi di media: poster, brochure, volantini, riviste, qualsiasi cosa tu ritenga possa trarre beneficio dall'effetto di un'immagine fantastica.

In questo esempio, ho incorporato l'effetto in un design di copertina del libro. 

Se vuoi ricreare il design della copertina qui raffigurato, continua a leggere per scoprire come è possibile abbellire il design della copertina e creare qualcosa di speciale ...

4. Crea la copertina del tuo libro

Passo 1

Manteniamo il grafico immagine-immagine-interno separato dal resto della copertina, quindi torna a Livelli pannello e Serratura tutti e quattro i livelli.

Creare un Nuovo strato e trascinalo verso il basso per sederti sotto il Immagine di carta strato. Rinominare il livello Colore di sfondo. 

Seleziona il Strumento rettangolo (M) dal Utensili pannello e trascina sulla pagina per creare un rettangolo che si estende su tutta la pagina e fino al bordo del margine al vivo. 

NB: se si desidera estendere la copertina anteriore per creare una copertina completa in seguito, basta portare il rettangolo fino al bordo della pagina sul lato sinistro, in quanto il contenuto dello spurgo si riverserebbe altrimenti sulla colonna vertebrale.

Creare un Nuovo campione di colori dal campioni pannello, impostando i valori CMYK su C = 43 M = 47 Y = 64 K = 0, per creare una tonalità beige-marrone.

Impostare il Riempire della forma rettangolare a questo nuovo campione beige, e, dalla cima del campioni pannello, abbassa il Tinta cursore a 57%.

Passo 2

Seleziona il rettangolo e vai a Oggetto> Effetti> Sfumatura sfumatura. Regola i cursori e Angolo per applicare una leggera sfumatura che rende il colore più scuro in alto e più chiaro verso la parte inferiore della pagina. Clic ok per tornare alla tua pagina.

Seleziona il rettangolo e Modifica> Copia, Modifica> Incolla in posizione. Creane un altro Nuovo campione colore, C = 47 M = 22 Y = 25 K = 0, una bella tonalità turchese.

Impostare il Riempire del rettangolo incollato a questo nuovo campione di turchese. Vai a Oggetto> Effetti> Sfumatura sfumatura e invertire il Angolo del gradiente per cambiare la direzione del colore nella parte inferiore della pagina. Clic ok.

Passaggio 3

Con il tuo colore di sfondo ora fantastico, puoi introdurre del testo sul design della copertina. Possiamo sovrapporre il testo sopra e sotto l'immagine del corvo per creare un effetto in stile 3D.

In primo luogo, impostiamo alcune tipografie dietro l'immagine. Ritorna al Livelli pannello e Serratura il Colore di sfondo strato. 

Crea un nuovo livello, rinominalo come Tipografia in background, e posizionare sopra lo strato inferiore, Colore di sfondo ma sotto il Immagine di carta strato.

Utilizzeremo due diversi tipi di carattere sulla copertina, uno più adatto ai titoli principali-Vinta sembrerà grandioso e un altro per i titoli B-Adobe Caslon Pro sarà perfetto per questo. Scarica i font (Adobe Caslon Pro sarà probabilmente già nella tua lista di font installati in InDesign) e tornerai a InDesign.

Prendi il Tipo Strumento (T) dal Utensili pannello e trascina per creare una nuova cornice di testo sulla pagina. Posiziona in alto a destra nella pagina e digita 'Nome dell'autore'. Impostare il Font a Vinta, dimensione 33 pt, e impostare il Colore del carattere a [Carta].

Dal Controlli di formattazione dei caratteri pannello che corre lungo la parte superiore dell'area di lavoro, aumentare il valore puntamento a 230, imposta il testo a Tutto maiuscolo e aggiusta il testo a Allinea a destra.

Passaggio 4

Ritorna al Livelli pannello e Serratura il Tipografia in background strato. Crea un nuovo livello finale, rinominalo Tipografia in primo piano, e spostarlo nella parte superiore della sequenza di livelli.

Crea una nuova cornice di testo usando il Tipo Strumento (T) e posizionarlo centralmente nella parte inferiore della pagina. genere 'Going North' (o un titolo a tua scelta!) e imposta il Font a Vinta, Size 80 pt, Leading 95 pt, All Caps, 140 Tracking, Align Center e Colore del carattere a [Carta].

Passaggio 5

Inserisci un'altra cornice di testo, con una tagline, in entrata Adobe Caslon Pro Corsivo, Dimensione 13 pt, Tracciamento 80, Allinea al centro e con a Colore del carattere di [Carta].

Puoi anche aggiungere alcune cornici di testo, magari con le recensioni dei critici, lungo i lati sinistro e destro della copertina, inserendole in Adobe Caslon Pro, dimensioni 12 pt.

Favoloso! Il design della tua copertina è finito e sembra fantastico.

Conclusione

In questo tutorial, abbiamo illustrato le fasi della creazione di un fantastico immagine all'interno di un'immagine in InDesign. Questo è un effetto davvero sorprendente che puoi creare direttamente in InDesign, semplicemente sovrapponendo la grafica vettoriale generata in Illustrator. 

Hai acquisito alcune abilità davvero utili nel tutorial, tra cui:

  • Come trasformare le foto in versatili vettori stagliati
  • Come utilizzare il pannello Livelli per sovrapporre grafica vettoriale e raster per creare un effetto dall'aspetto complesso
  • Come aggiungere texture agli effetti dell'immagine all'interno dell'immagine usando un'immagine di sfondo
  • Come regolare i lucidi e le sfumature dalla finestra Effetti per dare al tuo effetto un aspetto super professionale
  • Come integrare la tua grafica in un layout completo, con colore di sfondo e tipografia