Share
Nel secondo dei nostri tutorial in due parti, ti mostrerò come usare il nostro grafica di paesaggio urbano per creare una copertina di una rivista e quindi due versioni di una diffusione interna in Adobe InDesign. In seguito andrò a creare un mock up in Photoshop.
OK ora di andare in InDesign. Apri a Nuovo A4, documento diffuso.
Vai al tuo pagine pannello e creare uno spread extra (doppia pagina). Seleziona la pagina principale per doppio clic su di esso. Stiamo lavorando esclusivamente su questa pagina.
Vai a Modifica> Preferenze e modificare la baseline con le impostazioni appropriate.
Ora creeremo una griglia modulare che si adatta alla linea di base. Questo è abbastanza facile da fare con una pagina legale / letter dove la linea di base è una frazione proporzionale dell'altezza complessiva della pagina. Su un A4, la divisione non si adatta perfettamente. L'ultima linea di base è sempre ritagliata, il che rende difficile realizzare una griglia modulare su un A4 con una linea di base allineata.
Ecco un trucco che puoi provare. Prima di tutto, vai Layout> Crea guide e aggiungere le seguenti impostazioni. Uso 12pt per grondaie, come le dimensioni della linea di base.
Crea una forma che segue la griglia modulare appena creata. La linea di base e le nuove guide non si adattano perfettamente, quindi disegna la forma in modo che si adatti circa in una cella modulare. Vedere il lato sinistro della pagina come riferimento. Quindi nascondi le guide modulari e inizia a moltiplicare la forma verso il basso con una grondaia 12pt - vedi la pagina giusta come riferimento. Non si adatta perfettamente alla tua pagina, il che è OK.
Gruppo le forme insieme (Controllo-G) e centrarli sulla pagina utilizzando gli strumenti di allineamento. Questo diventerà fondamentalmente la tua nuova griglia modulare che si adatterà anche a una griglia di riferimento, su un A4. Ora trascina una guida e scatta in cima alla riga di caselle.
Crea una forma che si estende dalla guida appena creata alla parte superiore della pagina. Questo sarà il tuo nuovo margine di carta, quindi copia la sua misurazione dell'altezza dal menu in alto.
Vai a Layout> Margini e colonne e incollare questa misura nel margine superiore e inferiore. Mantenere un margine di 1,5 sui lati e all'interno dello spread.
Ottimo, ora disegna le guide e agganciale alle scatole su ogni pagina per ottenere quella nuova griglia modulare. La tua diffusione dovrebbe ora assomigliare a questo. Se hai mantenuto la griglia di base per iniziare dal margine superiore e non dalla parte superiore della pagina, ora disponi di una griglia di base modulare. Smetti di lavorare sulla pagina principale e vai alla pagina 1 o alla copertina. Aggiungiamo l'immagine come sfondo.
Vai a File> Luogo e selezionare l'illustrazione esportata. Posizionalo come una pagina intera trascinando la forma da un angolo all'altro.
In InDesign, posizionare un'immagine viene eseguita all'interno di una forma che si comporta come una maschera in Photoshop. Se vuoi ritagliare l'immagine, riduci semplicemente la scatola. Se si desidera modificare le dimensioni o spostare l'immagine stessa, utilizzare Strumento di selezione diretta e modificarlo dopo aver fatto clic su di esso.
Aggiungere contenuti ora dovrebbe essere facile, dal momento che hai le guide su cui fare affidamento. Iniziamo creando un titolo per la rivista e ulteriori informazioni. Tratterò solo gli aspetti tecnici di questo, dal momento che la questione di scegliere dove posizionare i contenuti dipende da te.
Utilizzare il Tipo Strumento (T) trascinare una casella nella prima colonna nell'angolo in alto a sinistra e utilizzare le seguenti impostazioni. Nel Paragrafo pannello, non dimenticare di attivare 'snap alla griglia di base', è l'angolo in basso a destra nel Paragrafo pannello e fa tutto il testo a scatto sulla linea di base.
Fantastico, aggiungi il resto del contenuto allo stesso modo, usando la stessa tecnica di cui sopra. Per il titolo PSD, ho solo "espanso" il testo andando a Tipo> Crea contorni e allungato proporzionalmente per adattarsi alle caselle richieste della griglia.
Aggiustamenti finali alla copertina: aggiunta di un sottotitolo e una finta barra di codici a barre e un logo fittizio.
Ora, come cambiare il colore del testo. Se hai selezionato una casella di testo, vai a Finestra> Campioni. Tutti i colori attribuiti a forme, testo ecc. Devono essere scelti da qui. Fare clic sulla piccola icona T e cambiare il colore del testo in bianco. L'icona T è il colore del testo, a differenza del colore della forma posizionato alla sua sinistra.
Nella pagina successiva, lo spread.
Ho deciso di rendere lo spread principalmente fotografico, quindi ho scattato una forma per cui la mia illustrazione sarà quella che va a sinistra a sinistra e 1,25 colonne a destra. Ho anche inserito un 6pt tratto in alto per iniziare a creare l'intestazione.
La forma grigia è fondamentalmente un segnaposto che userò in seguito per riempirlo con l'immagine usando File> Luogo. Puoi già posizionarlo, se preferisci, ma ti consiglio di utilizzare semplici forme non colorate per pianificare la composizione e aggiungere il resto verso la fine.
Quindi creare il numero di pagina sulla pagina sinistra. Usa le seguenti impostazioni e crea la sua casella di testo in modo che riempia un'intera colonna. Allinea il testo al centro della casella di testo (icona cerchiata in rosso) e non dimenticare di farlo scattare alla linea di base nel Paragrafo impostazioni.
Lo stesso vale per il lato opposto. Aggiungi il numero di pagina e il titolo del capitolo sulla pagina giusta.
Aggiungi il resto delle informazioni: Titolo articolo impostato in "Akzidenz Grotesk BQ condensato", 96pt taglia, Spaziatura 84pt. Perché questa taglia? Semplice, ho reso la spaziatura e la dimensione del testo in modo che sia proporzionale alla dimensione di una riga. Si noti che il testo scatta in fondo a due righe verticali dalla mia griglia modulare.
Sotto ho inserito il cosiddetto titolo dell'autore e un paragrafo introduttivo di testo fittizio in "Freight Text Bold Italic".
Basta posizionare l'illustrazione all'interno della scatola di posizionamento e hai finito con la tua prima diffusione.
Ho fatto un'aggiunta diffusa che si concentra solo sul testo. Considerando quali colonne utilizzare per il corpo del testo e quali non usare, è una questione di pianificazione della composizione mentre consente al contenuto di respirare attraverso lo spazio bianco (aree inattive).
Quello che vuoi fare è aggiungere il corpo del testo e il titolo per iniziare. Lentamente aggiungeremo citazioni, paragrafi introduttivi, immagini forse (non in questo caso però) ...
Ora aggiungiamo un paragrafo introduttivo.
Puoi vedere le impostazioni sottostanti per il testo, ma lasciami passare alcune informazioni su come decidere quale dimensione del carattere usare sulla tua pagina. Una linea di base di 12 punti è molto compatibile con le dimensioni dei caratteri standard nel menu a discesa delle dimensioni dei caratteri, in generale.
Se la spaziatura tra le righe è di 12 punti, la dimensione del carattere dovrebbe essere 9 o 12, in modo da lasciare spazio tra ogni riga. Avere 12pt di dimensione / 12 pt di spaziatura lo soffocherà e renderà la lettura leggermente più difficile, oltre a rendere il paragrafo troppo pesante e intimidatorio. Lascia respirare la stanza delle tue file.
Una linea di base 12pt significa che la spaziatura è sempre un multiplo di 12 punti. 12 pt, 24pt, 48 pt ecc. Ciò significa che scegliere una dimensione di carattere più grande è anche facile. 24 pt di spaziatura delle file? Usa la dimensione del carattere 18pt. Distanza di 48 righe? Usa la dimensione del carattere di 36 pt. La lista continua.
Un altro bellissimo esempio del perché si dovrebbe usare una linea di base può essere visto nello screenshot. Nota come i caratteri più grandi e più piccoli si allineano. Questo è più difficile da fare senza una linea di base. Se hai problemi ad allineare la parte superiore dei paragrafi con una cornice immagine, per esempio, potresti voler cambiare la tua linea di base in 6pt, che non cambia il layout di base di nulla dato che è una divisione della tua linea di base esistente a 12 punti. Tuttavia, consente ulteriori perfezionamenti per l'allineamento e una spaziatura più flessibile delle file. Si consiglia di farlo solo dopo aver acquisito esperienza nel combinare la dimensione del carattere e la spaziatura delle righe.
Ho anche aggiunto titoli e sezioni di citazione sulla mia pagina utilizzando le stesse tecniche.
Bene, è tempo di fare un modello della nostra copertina e si diffonde. Esportare ogni diffusione come jpeg attraverso File> Esporta. Usa le impostazioni di seguito. Lavoreremo al primo spread e tu puoi fare la cover e l'ultima diffusione.
Ridimensiona l'immagine in Photoshop a 2000 pixel. Se vuoi mantenerlo alla dimensione originale di 4500 px, va bene. Sto facendo questo mock-up per le dimensioni dello schermo e ridimensionando le esportazioni di InDesign e Illustrator a dimensioni più piccole è meglio perché attenua l'anti aliasing su testo e grafica, che crea un aspetto più fotografico.
Assegna un nome al livello di sfondo e ritaglia l'area di disegno in modo che consenta uno spazio aggiuntivo. Riempi lo sfondo con un grigio a tuo agio.
Crea un nuovo livello e fallo a Maschera di ritaglio per lo strato di diffusione. Trascinare una guida al centro della tela (dovrebbe scattare automaticamente al centro con Guide intelligenti abilitato).
Utilizzare il Strumento sfumatura (G) per rendere un gradiente da nero a trasparente sulla pagina giusta. Utilizzare lo strumento selezione per limitare il gradiente alla pagina destra (utilizzando la guida centrale come limite centrale). Se è troppo scuro, puoi cambiare la trasparenza del livello.
Fai lo stesso per il lato sinistro questa volta e sfoca lo strato sfumato di 1px (Filtro> Sfocatura> Sfocatura gaussiana). Questo renderà la linea centrale più simile a una piega realistica.
Crea un nuovo livello sotto il livello di una rivista. Riempi con il nero e adattalo tanto quanto la pagina sinistra. Utilizzare il Strumento Warp per deformare come visto di seguito. Fai lo stesso per il fondo (warping).
accedere Modalità maschera veloce (Q) e crea una sfumatura usando il nero come nell'immagine qui sotto. Faremo una selezione usando i gradienti.
Uscita Modalità maschera veloce (Q) e inverti la tua selezione (Control-Shift-I). Vai a Filtro> Sfocatura> Sfocatura gaussiana. Sfocare la selezione di 6.5px.
Deseleziona e sfoca l'intero livello ora 1px.
Rilascia il livello Opacità a 20%. Dovrebbe essere appena visibile. Duplicalo e trascinalo anche sulla pagina destra.
Cancellare un po 'la parte superiore con una maschera gradiente in modo che sia più pesante sul fondo e più chiara sulla parte superiore. Adesso doppio click lo strato di diffusione e aggiungi a dropshadow.
Questo è tutto! Ecco i modelli finali e la copertina del nostro progetto. Spero che tu abbia raccolto alcuni ottimi consigli lungo la strada.
Placeit è uno strumento generatore di mockup online che è semplice e facile da usare. Non sono richieste competenze di Photoshop o Adobe perché è fatto tutto online. Basta selezionare un modello dal loro 11.000 modelli SMART, inserisci il tuo disegno e sei a posto.
Leggendo una rivista nel Garden Mockup
Giovane donna dare un'occhiata a una rivista mentre all'interno di un negozio Mockup
Accentsconagua