Creare un libro di portfolio di spicco in InDesign parte seconda l'interno

Nella seconda parte di questo tutorial in due parti imparerai come progettare le pagine interne per un libro Portfolio illustrato destinato alla stampa, in Adobe InDesign. Creeremo una serie di layout di pagina diversi ed esploreremo come gli stili di layout possono mostrare il tuo lavoro al suo miglior potenziale.

In questo tutorial userò risorse vettoriali da altri Tuts + tutorial, ma il tutorial è progettato in modo tale che tu possa scambiarli con il tuo lavoro di illustrazione personale per creare il tuo portafoglio personale. Fare riferimento alla prima parte per la creazione della copertina del portfolio.

1. Imposta il layout delle pagine interne

Passo 1

Nella prima parte abbiamo creato una copertina per il portfolio book. È molto più semplice se viene tenuto come un file InDesign separato e che la copertina e le pagine interne vengono esportate come file PDF separati prima di essere inviati alla stampa. Imposteremo il documento InDesign per le pagine interne con le stesse dimensioni e le stesse impostazioni del documento di copertina.

Apri InDesign e vai a File > Nuovo documento, per aprire la finestra Nuovo documento. Selezionare costume dal Preset di documenti menu a discesa e assicurati Intento è impostato per Stampare. Impostare il Numero di pagine a 12 e selezionare Affrontare le pagine. Dal Dimensioni della pagina selezionare il menu a discesa Personalizzata ... per aprire il Dimensioni pagina personalizzate finestra. Digita "Pagine portfolio" sotto Nome, impostare il Larghezza a 241,3 millimetri e il Altezza a 203,2 millimetri. Clic ok.

Passo 2

Indietro nel Nuovo documento finestra, impostare il margini a 20 millimetri e il Sbocco superiore, inferiore e esterno a 9 millimetri. Mantieni il Dentro Bleed a 0 millimetri. Clic ok.

Ora hai un layout di 12 pagine impostato per le tue pagine. La prima e l'ultima pagina sono le uniche pagine che non fanno parte di una diffusione di due pagine. Dovresti sempre iniziare e terminare il tuo libro con una singola pagina, indipendentemente dal fatto che contenga contenuti.

2. Imposta i master per le pagine

Creeremo quattro diversi Master per creare quattro modelli leggermente diversi per gli spread. Se il tuo portfolio è più lungo di 12 pagine, quattro master saranno un numero ragionevole di modelli da mantenere. Per ora, questa è una dimostrazione di come puoi applicare i Master per creare differenze e coerenza simultaneamente nel tuo libro.

Passo 1

Vai al pagine pannello (Finestra > pagine, se non è già aperto). Vedrai che c'è già un Master predefinito nel documento chiamato 'A-Master'. Control-clic (Mac) o tasto destro del mouse (PC) sull'icona o il nome di A-Master e selezionare Opzioni principali per A-Master ... . Mantenere il prefisso 'A' e il Numero di pagine a 2. Rinominare questo 'Spread Master 1'. Clic ok.

Passo 2

Crea un nuovo master diffuso andando al pagine menu a discesa (accessibile nella parte in alto a destra di pagine pannello) e facendo clic su Nuovo maestro. Dai un nome a questo Master "Spread Master 2". Clic ok. Ripeti questo passaggio due volte e crea altri due Master: dai il nome di "Spread Master 3" e "Spread Master 4".

3. Applicare le linee guida ai master

È consigliabile aggiungere delle linee guida ai tuoi Master per contrassegnare il punto centrale delle pagine e fornire guide per posizionare testo e immagini.

Passo 1

Doppio click sull'icona della pagina per 'Spread Master 1' per modificare direttamente il master.

Vogliamo inserire una linea guida verticale su ogni pagina per contrassegnare il punto centrale per il contenuto della pagina. Poiché il portfolio verrà stampato come un libro, una certa visibilità andrà persa dei margini interni verso il centro rilegato del libro. Siamo in grado di compensare questo, spingendo il contenuto delle pagine un po 'fuori centro. La vera linea centrale di una pagina nel libro sarà a 120,65 mm, esattamente la metà della larghezza di una pagina. Sottraggeremo 3 mm da questo valore per una pagina a sinistra e aggiungeremo 3 mm per una pagina a destra.

Vai a vista > Righelli, se non sono già visibili Trascina una linea guida su Posizione X 117,65 mm. Trascina una seconda linea guida su X-position 364,95mm.

Passo 2

Verranno inoltre stabilite linee guida aggiuntive per contrassegnare i confini di cornici di testo e immagini su una determinata pagina. Trascina una linea di guida verso il basso dal righello orizzontale a Posizione Y 29,6 mm. Trascina una seconda linea guida verso il basso Posizione Y 173,6 mm. Ripeti per la pagina opposta.

Fare clic e trascinare per selezionare tutte le linee guida sul Master e Control-clic (Mac) o tasto destro del mouse (PC), copia. Doppio click su 'Spread Master 2' e selezionare Modifica> Incolla in posizione. Ripeti tra tutti i Maestri.

4. Inserisci numeri di pagina

Possiamo aggiungere numeri di pagina a un master per aiutare il tuo portafoglio a ordinare. Tuttavia non hai bisogno di numeri su ogni pagina, alcuni spread possono trarre vantaggio dall'essere completamente privo di confusione.

Passo 1

Con il 'Spread Master 1' ancora sullo schermo, selezionare il Tipo Strumento (T) e creare una cornice di testo con a Larghezza di 4 millimetri e Altezza di 2,5 millimetri. Posiziona questo riquadro nell'angolo in basso a sinistra della pagina a sinistra, appoggiato contro il margine sinistro a Posizione Y 181,5 mm. Fai clic all'interno della cornice e vai a genere nel menu in alto. Selezionare Inserisci carattere speciale, marcatori e selezionare Numero di pagina corrente. Una 'A' verrà automaticamente inserita nel frame. Impostare il Font a "Web Serveroff Regular", Taglia 9 pt, Allineare a sinistra e il Colore a Nero, Tinta 75%.

Passo 2

Con la cornice di testo selezionata, Control-clic (Mac) o tasto destro del mouse (PC), e fare clic copia. Incolla, e sposta la nuova cornice nell'angolo destro della pagina destra, appoggiandosi al margine destro a Posizione Y 181,5 mm. Imposta l'allineamento del testo su Allinea a destra.

Passaggio 3

Useremo anche il Strumento Linea per creare una cornice per i numeri di pagina, che è coerente con lo stile della copertina che abbiamo creato nella prima parte. Seleziona il Strumento Linea (\) e, trattenendo Cambio, trascina una linea orizzontale da sinistra a destra. Aggiusta il lunghezza a 217 mm, il Posizione X a 24 mm e il Posizione Y a 182,5 mm. La linea ora poggia sul margine inferiore a destra del numero di pagina a sinistra.

Vai a Finestra > Ictus per aprire il Ictus pannello. Con la linea selezionata, impostare il Peso a 0,75 pt, genere a Di spessore sottile, e il Inizio valore a Bar. Nel pannello di controllo superiore, impostare il Colore tratto a Nero, Tinta 75%.

Passaggio 4

Con la linea ancora selezionata, vai a Oggetto > effetti > Sfumatura sfumata. Sotto Opzioni, impostare il Angolo a 0 gradi e mantenere il genere come Lineare. Muovi il Black Gradient Stop circa un quarto di strada a destra, e il Fermata del gradiente bianco circa un quarto di strada a sinistra.

Passaggio 5

Con la linea selezionata, Control-clic (Mac) o tasto destro del mouse (PC), e fare clic copia. Vai a modificare > Incolla al suo posto. Control-clic (Mac) o tasto destro del mouse (PC) e fare clic Trasformare > Capovolgi orizzontalmente. Aggiusta il Posizione X a 459 mm.

Passaggio 6

Rimpicciolisci in modo da poter visualizzare l'intero spread. Selezionare i numeri di pagina e le linee da entrambe le pagine e copia. Doppio click l'icona della pagina "Spread Master 2" e vai a Modifica> Incolla in posizione. I numeri di pagina ora verranno visualizzati come "B".

5. Personalizza i Maestri

Possiamo creare un tema monocromatico tra le pagine del nostro libro. Lasciare lo "Spread Master 1" così com'è e rimanere con "Spread Master 2" selezionato sullo schermo.

Passo 1

Selezionare i frame di testo del numero di pagina su entrambe le pagine e impostare il Colore del carattere al bianco. Seleziona entrambe le linee e imposta il Colore tratto a bianca.

Seleziona il Strumento rettangolo (M) e trascina per creare una cornice che si estende su tutta la diffusione, fino al margine al vivo. Impostare il riempimento su nero. Control-clic (Mac) o tasto destro del mouse (PC), e fare clic Organizzare e Mandare indietro. I numeri delle pagine bianche e le linee saranno portati in primo piano.

Passo 2

Seleziona solo il riquadro Rettangolo nero e copia. Doppio click l'icona della pagina 'Spread Master 3' e seleziona modificare > Incolla al suo posto.

6. Applicare Master alle pagine

Passo 1

Tutte le pagine avranno il Master 'A' ('Spread Master 1') applicato per impostazione predefinita. Nel pagine pannello fare clic e trascinare l'icona Master etichettata come Nessuna e rilasciare le icone della pagina per Pages 1 e 12.

Passo 2

Fare clic e trascinare l'icona delle pagine 'Spread Master 2' e trascina le icone della pagina per Pages 8 e 9.

Passaggio 3

Fare clic e trascinare l'icona delle pagine 'Spread Master 3' e trascina le icone della pagina per Pages 4 e 5.

Passaggio 4

Fare clic e trascinare l'icona delle pagine 'Spread Master 4' e trascina le icone della pagina per Pages 10 e 11.

I tuoi Maestri ora sono stati personalizzati e applicati alle pagine del tuo libro. Puoi ripetere questo schema alternato di A, C, B, C, D Modelli principali in tutto il tuo libro indipendentemente dal numero finale di pagine. Il modello alternato bianco / nero verrà ripetuto per tutto.

7. Imposta la prima e l'ultima pagina del libro

Nella prima parte installiamo una copertura completa con superfici colorate per l'interno della copertina anteriore e posteriore. Per creare un look professionale senza cuciture, applicheremo lo stesso colore alla prima e all'ultima pagina del libro.

Passo 1

Vai a Finestra, Colore, Campioni per aprire il pannello Campioni. Nel campioni menu, che si trova in alto a destra nel pannello, selezionare Nuovo campione di colori. Con Modalità colore impostato CMYK, impostare il Ciano valore a 69%, Magenta 0%, Giallo 26% e Nero 0%. Clic Inserisci e poi ok.

Passo 2

Vai alla pagina 1 del documento e selezionare il Strumento rettangolo (M). Trascina per creare una cornice che si estende su tutta la pagina, fino al margine al vivo. Impostare il Riempi a C = 69 M = 0 Y = 26 K = 0. Ripeti questo per pagina 12.

Passaggio 3

Ritorna alla pagina 1 del documento. Ecco un buon posto per inserire una pagina minima con un titolo, un nome e forse un logo se ne hai uno.

In primo luogo, noterai che questa pagina non ha linee guida come il Master è impostato su Nessuna. Doppio click su uno dei Maestri e evidenziare le linee guida da una pagina di destra. copia e tornare alla pagina 1. Fare clic modificare > Incolla al suo posto. Ora puoi vedere le linee guida del centro.

Inserisci una casella di testo usando il Tipo Strumento (T). Impostare il Larghezza a 65 millimetri e il Altezza a 22 millimetri. Appoggiare il fotogramma al centro della linea di guida verticale e il Posizione Y a 79mm. Digitare "ILLUSTRATION (paragraph break) PORTFOLIO". Imposta l'allineamento del testo su Allinea al centro.

Evidenzia "ILLUSTRAZIONE", imposta il Font a "Web Serveroff Regular", Taglia a 39,5 pt, puntamento a 20 e Colore a bianca. Evidenziare 'PORTFOLIO', impostare il Font a "Varela Regular", Taglia 25 pt, Leader di 28 pt, puntamento a 120 e Colore a bianca.

Passaggio 4

Creare un'altra cornice di testo e regolare il Larghezza a 64 mm e Altezza a 7 mm. Allineatilo direttamente sotto il primo riquadro di testo a Posizione Y 164 mm. Digitare 'YOUR NAME HERE' nel frame, impostare il Font a Varela Regular, Formato 18 pt, Monitoraggio a 50, Colore a bianca e Allinea al centro.

Puoi anche aggiungere tocchi extra, come linee e loghi, sta davvero a te personalizzare il tuo frontespizio! Qui ho usato il Strumento Linea (/) per creare una linea di inquadratura con inizio e fine punti effetto barra. Ho inserito il logo usando il Strumento cornice rettangolare (F) e posizionando un logo EPS in bianco.

Passaggio 5

Alla pagina 12, oppure la tua ultima pagina, puoi inserire un sito web o altri dettagli di contatto in un font e uno stile corrispondenti per lasciare un'impressione duratura sul lettore.

8. Uso della regola dei terzi

Quando progetti le pagine del tuo libro, dovresti considerare l'impressione visiva che un'intera diffusione avrà sul lettore. Un modo utile per garantire che i tuoi layout abbiano un impatto visivo è usare la "Regola dei terzi".

La regola afferma che i layout appaiono automaticamente più allettanti quando elementi importanti del tuo disegno cadono nel terzo superiore o inferiore di una pagina verticale o nell'estrema sinistra o destra di una pagina orizzontale.

Ecco un esempio di uno degli stili di layout che esamineremo creando con una griglia "Rule of Thirds" applicata sopra lo spread. In un panorama diffuso, le immagini sono più allettanti quando l'elemento principale di un disegno è spinto nel terzo più a destra, poiché siamo predisposti nel mondo di lingua inglese per leggere una pagina da sinistra a destra. In questo spread riconosciamo la didascalia prima di spostare l'occhio sull'immagine principale.

Passo 1

Vedremo come creare un esempio di diffusione utilizzando la "Regola dei terzi". Clicca sulla diffusione di Pagine 8 e 9 per portare la diffusione sullo schermo. In primo luogo, creare una casella di testo utilizzando il Strumento testo (T). Impostare il Larghezza a 48 millimetri e il Altezza a 3,5 millimetri. Appoggiare la parte superiore del telaio contro la linea guida orizzontale superiore e impostare il punto Posizione X a 26mm.

Digita "Nome titolo autore" nel riquadro. Impostare il Font a "Varela Regular", Taglia a 9 pt e puntamento a 10. Evidenziare "Nome autore" e impostare il Colore al bianco. Evidenzia "Titolo" e imposta il Colore annerire, Tinta 60%.

Passo 2

Seleziona il Strumento Linea (/) e, trattenendo Cambio, trascina da sinistra a destra per creare un 4 mm di lunghezza linea. Impostare il Colore tratto al bianco e nel Ictus pannello (Finestra> Stroke) impostare il Peso a 0,75 pt, e il Fine valore a Bar. Appoggia il bordo sinistro contro il margine sinistro e muovi il Posizione X a 31mm.

Passaggio 3

Seleziona il Strumento cornice rettangolare (M) e trascina una cornice per sedersi all'estremità destra della diffusione. Vai a File> Luogo e seleziona il tuo file immagine. In questo esempio ho selezionato un'illustrazione con colori scuri che sembrerà bella incorniciata su uno sfondo nero, la scena romantica di Asher Benson. Selezionando attentamente le immagini per "abbinare" il colore o il layout di uno spread, è possibile creare un look più integrato e orientato al design per il proprio portfolio. Clic Aperto, e usa il Riempi la cornice proporzionalmente opzione nel pannello di controllo superiore per regolare la dimensione dell'immagine. L'utilizzo dell'opzione Tratto nel pannello di controllo in alto conferisce all'immagine una cornice; impostare il Colore tratto al bianco e al Peso a 2 pt.

Bel lavoro: ora hai un bellissimo layout di diffusione basato sulle proporzioni di "Regola dei terzi".

9. Usa la regola della simmetria

La "regola dei terzi" non è l'unica tecnica per creare bellissimi design di pagine. Esplorando il potenziale di simmetria nel tuo lavoro puoi anche prestare a un layout visivamente accattivante. Passiamo attraverso la creazione di un'altra espansione per il tuo libro, questa volta con effetti simmetrici che giocano al centro della scena.

Passo 1

Vai alla pagina 8 e selezionare la cornice di testo e la linea adiacente. Selezionare copia. Vai alla pagina 10 e Modifica> Incolla in posizione. Cambiare il Colore tratto della linea al nero, Tinta 60%. Evidenziare "Nome autore" e modificare il Colore del carattere annerire, Tinta 60%.

Passo 2

Seleziona il Strumento cornice rettangolare (F) e trascina per creare una cornice 221 millimetri nel Altezza, che si estende dal bordo superiore del margine al bordo inferiore. Appoggia il bordo destro del telaio al centro dello stendardo. Vai a File> Luogo e selezionare un file immagine appropriato.

Qui, ho usato il bellissimo Rainbow Portrait di Sharon Milne che funzionerà altrettanto bene quando capovolto (qualsiasi immagine che contenga elementi di testo non sarebbe adatta a questo tipo di layout di diffusione).

Passaggio 3

Clic Aperto. Una volta che sei soddisfatto della posizione dell'immagine, seleziona la cornice e Copia incolla. Control-clic (Mac) o tasto destro del mouse (PC), e fare clic Trasformare, e Capovolgi orizzontalmente. Sposta questa nuova cornice immagine nella pagina opposta (Pagina 11), di nuovo allineato il lato sinistro contro il centro dello spread.

Questa diffusione sarà perfetta quando è piegata!

10. Progettare una diffusione utilizzando elementi ripetuti

Se hai una serie di immagini simili, potresti volerle mettere insieme sulla stessa pagina. Non essere tentato di affollare le pagine con troppe immagini: scegli le tue due migliori illustrazioni della serie e consenti loro una pagina intera.

Passo 1

Ritorna alla pagina 8 che presenta l'immagine della scena romantica di Asher in questo esempio. Seleziona la cornice di testo e la linea adiacente e copia. Vai alla pagina 4 e fare clic Modifica> Incolla in posizione. Selezione della linea e della cornice di testo, Control-clic (Mac) o tasto destro del mouse (PC), e fare clic Trasformare, e Ruota di 90 CCW. Spostare i due elementi in modo che il bordo inferiore della linea si appoggi sul margine inferiore nell'angolo a sinistra della pagina. Il bordo sinistro della cornice di testo dovrebbe poggiare sul margine sinistro. Modifica la didascalia del testo se necessario.

Passo 2

Usando il Strumento cornice rettangolare (F) Disegna una cornice che è centrata lungo la linea di guida verticale nel mezzo della Pagina 4. Vai a File> Luogo e seleziona la tua immagine. Qui ho usato Mary Winkler's Disco Skull. Funzionerà meglio se questa immagine ha uno sfondo trasparente in modo che lo sfondo nero risalga senza soluzione di continuità fino ai bordi dell'immagine.

Passaggio 3

Seleziona la cornice di testo e la linea sotto di essa sulla Pagina 4 e copia e Incolla. Control-clic (Mac) o tasto destro del mouse (PC), e fare clic Trasformare, e Ruota di 180. Potrebbe essere sensato raggruppare insieme i due elementi prima di farlo. Sposta la cornice di testo e la linea copiate nella pagina opposta, contro i margini nell'angolo destro della Pagina 9.

Passaggio 4

Ritorna alla pagina 8 e selezionare la cornice dell'immagine. copia, Incolla e passare alla pagina opposta nella stessa posizione. Vai al link pannello (Finestra> Collegamenti, se non lo si sta già visualizzando) e, con la nuova cornice dell'immagine selezionata, fare clic su ricollegare simbolo (trovato appena sotto l'elenco dei link). Seleziona la tua nuova immagine (in questo esempio ho usato Chris Carey's Sugar Skull) e clicca Aperto.

Ora hai una diffusione basata sul principio di elementi simili ripetuti. Ogni immagine ha un sacco di spazio intorno e i colori brillanti appaiono davvero sullo sfondo nero.

11. Disegna una diffusione usando un'unica immagine centrale

Non aver paura di posizionare un'immagine al centro di una diffusione. Ancora meglio, se l'immagine è simmetrica, questo può essere un ottimo modo per aggiungere ulteriore impatto al tuo portfolio.

Passo 1

Vai alla pagina 10 e selezionare la cornice di testo e la linea adiacente, e copia. Vai alla pagina 6, e selezionare Modifica> Incolla in posizione. Modifica la didascalia del testo se necessario.

Passo 2

Usando il Strumento cornice rettangolare (F) crea una cornice che estende l'intera altezza della pagina, dal margine superiore al margine al vivo e allinearla a metà dello spread. Vai a File> Luogo e inserisci la tua immagine selezionata. In questo esempio, ho usato l'illustrazione dei cervi di Beto Garza, che è completamente simmetrica. Clic Aperto.

Passaggio 3

Potresti voler aggiungere una porzione più sostanziosa di testo allo spread di questa pagina, per spiegare il brief del cliente o l'ispirazione dietro il disegno. Creare una cornice di testo usando il Strumento testo (T), Larghezza 144mm e Altezza 125mm. Digita "TESTO (interruzione di paragrafo) Testo qui ... ecc" o, in alternativa, seleziona genere dal menu in alto e fare clic Riempi con il testo segnaposto per adesso.

Passaggio 4

Vogliamo che il testo si sposti strettamente con l'immagine, ma questa immagine ha uno sfondo solido. Questo significa che se selezioniamo Avvolgere la forma dell'oggetto dal Text Wrap pannello (vai a Finestra> Text Wrap per aprire) mentre si seleziona la cornice dell'immagine, il testo si sovrapporterà solo ai bordi della cornice e non all'immagine.

Non importa, possiamo creare direttamente l'effetto desiderato in InDesign, senza dover tornare indietro e rimuovere lo sfondo dell'immagine in Illustrator o Photoshop. Seleziona il Strumento ellisse (L) (si trova facendo clic sull'icona di strumento Rettangolo nel pannello degli strumenti a sinistra) e trascinare per creare una piccola ellisse. Ruota fino a quando non si allinea in cima al fianco destro del cervo. Nel Text Wrap pannello, con la forma dell'ellisse ancora selezionata, selezionare Avvolgere la forma dell'oggetto e impostare il Compensare a 10 millimetri.

Passaggio 5

Ripeti il ​​passaggio precedente, creando un'altra ellisse leggermente più piccola. Manovra questa nuova forma per allinearla in cima al lato destro della testa del cervo, fino alla punta dell'orecchio. Applica gli stessi valori di avvolgimento testo come per la prima forma.

Passaggio 6

Seleziona entrambe le forme dell'ellisse e imposta il Riempire e Ictus a Nessuna. Il testo dovrebbe ora avvolgere elegantemente attorno al lato destro dell'immagine del cervo.

12. Creare una pagina introduttiva

A seconda delle tue preferenze personali, potresti voler riempire il tuo libro semplicemente con esempi del tuo lavoro. In questo esempio, ho incluso uno spread introduttivo su Pagine 2 e 3 che puoi adattare per inserire un'introduzione generale al tuo lavoro o alla tua carriera..

Passo 1

Vai alla pagina 10 e selezionare la cornice di testo e la linea adiacente, copia. Vai alla pagina 3 e Incolla. Modifica la didascalia del testo, se necessario, possiamo mostrare un pezzo di lavoro nella parte superiore di questo spread introduttivo. Sposta i due elementi incollati nell'angolo in basso a sinistra della Pagina 3, appoggiando il fondo della cornice di testo sulla linea di guida orizzontale inferiore.