Suggerimento rapido come riempire il testo con un'immagine in Adobe InDesign

Cosa starai creando

Posizionare un'immagine all'interno di un singolo personaggio può dare ai tuoi layout un aspetto super professionale e all'avanguardia nel design. Ed è davvero semplice da raggiungere!

In questo tutorial di Quick Tip, imparerai come trasformare la tua tipografia in cornici, con effetti drammatici! Useremo Adobe InDesign per questo tutorial.

Vedrai spesso questo tipo di tecnica di progettazione utilizzata nel design di riviste di fascia alta, per dare maggiore impatto ai titoli e per mostrare una foto in modo unico e accattivante. Può anche aggiungere un tocco drammatico al design del libro, ai materiali di marketing e alla progettazione dei poster.

In questo tutorial imposteremo un layout di InDesign per una rivista diffusa e sperimenteremo con la creazione del nostro testo pieno di immagini. Iniziamo!

Questo tutorial è disponibile anche sul canale Envato Tuts + YouTube.

1. Impostare il layout della rivista

Passo 1

Aprire InDesign e scegliere File> Nuovo> Documento o selezionare Nuovo> Documento dal benvenuto finestra.

Mantieni il Intento impostato Stampare e fino al Numero di pagine a 3. conservare Affrontare le pagine verificato.

Dal Dimensioni della pagina menu a discesa selezionare l'opzione nella parte inferiore dell'elenco, Personalizzata ... per aprire il Dimensioni pagina personalizzate finestra. genere 'US Magazine' nel Nome casella e impostare il Larghezza a 213 mm e Altezza a 276,5 mm. Clic Inserisci, e poi ok, per tornare al Nuovo documento finestra.

Passo 2

Rompi l'icona della catena nel mezzo del margini sezione, per consentire di inserire valori diversi per ciascun margine. Impostare il Margine superiore a 14 mm, in basso a 18 mm, interno a 14 mm e Al di fuori a 12 mm.

Per il Sanguinare, imposta il valore a 3 mm su tutti i lati eccetto il Dentro Bleed, che dovresti impostare 0 mm.

Clic ok per creare il nuovo documento di tre pagine. 

Non useremo la prima pagina del documento in questo tutorial, quindi scorri verso il basso fino a Pagine 2 e 3 del documento, scorrendo verso il basso o facendo clic sulle icone della pagina in pagine pannello (Finestra> Pagine).

2. Scegliere il giusto carattere

Passo 1

È molto importante scegliere il giusto tipo di carattere tipografico (font) quando si crea un effetto image-in-text. 

Ci sono tre cose da considerare quando si sceglie un carattere tipografico: la forma del carattere che si desidera riempire con un'immagine; il peso del personaggio (se è abbastanza spesso da permettere che l'immagine sia sufficientemente visibile); e la semplicità del personaggio (niente trame o bit e bob periferici). Scopriamolo:

• L'effetto image-inside-text funziona meglio quando fai esplodere un singolo carattere su larga scala, il che significa che il design e la forma di quel singolo personaggio saranno enormemente amplificati. Cerca un font con caratteri maiuscoli interessanti, forse un elegante serif o uno script in corsivo.

• Inoltre, è necessario che il personaggio mostri abbastanza dell'immagine per fare una dichiarazione, quindi il personaggio dovrebbe avere abbastanza peso (spessore) per garantire ciò. Quando navighi nei negozi di font online, i caratteri taggati con "Display" o "Slab" saranno in genere una scommessa sicura. Evita i caratteri troppo sottili o chiari.

• Infine, e soprattutto, assicurati che il tuo font sia relativamente semplice, con ogni carattere racchiuso in se stesso. Cosa intendo con questo? Bene, dai un'occhiata a questi due personaggi. A sinistra abbiamo Bevan, un semplice font slab, che funzionerebbe davvero bene per ottenere l'effetto image-in-text. A destra, Brushstroke Plain, che funzionerebbe molto meno bene in quanto il personaggio è più disparato. Anche i font con texture sgangherate non sarebbero adatti, poiché le trame sparse, separate dal carattere principale, non verrebbero riempite con l'immagine.

Passo 2

In questo esempio, userò aragosta, che spunta tutte le caselle sopra - i caratteri maiuscoli sono attraenti, pesanti e hanno una forma semplice e chiusa.

Puoi scegliere di scaricare e utilizzare aragosta mentre segui questo tutorial o scegli un font diverso se preferisci.

3. Creazione di una cornice da testo

Passo 1

Torna al tuo InDesign documento e Pagina 2.

Prendi il Tipo Strumento (T) dal Utensili pannello e trascina per creare una grande cornice di testo che si estende su tutto il Pagina 2. Digita un maiuscolo 'T' nel frame e impostare il Font a Aragosta regolare, Formato 750 pt.

Non c'è alcun problema nel mantenere il colore del testo impostato sul valore predefinito [Nero] per adesso.

Passo 2

Con la cornice di testo selezionata (usare il Strumento di selezione (V, Fuga)), vai fino a genere nel menu in alto e selezionare Crea contorni.

La cornice di testo si adeguerà subdolamente; il carattere del testo è ora stato convertito in una forma vettoriale. 

Passaggio 3

Con il personaggio ancora selezionato, vai su File > Luogo.

Ora puoi iniziare a provare a riempire il tuo testo con le immagini. Se stai impostando il testo su uno sfondo bianco o pallido, cerca una foto che fornirà un contrasto sufficiente e viceversa se vuoi lavorare su uno sfondo più scuro.

Qui ho sperimentato questa immagine di una donna alla moda, prima di decidere finalmente un'immagine di un cielo blu e nuvoloso.

Per regolare la dimensione dell'immagine all'interno del testo, fai doppio clic per selezionare direttamente l'immagine, quindi tieni premuto Cambio e trascinare uno degli angoli per ridimensionare. Se vuoi inserire il più possibile l'immagine nella lettera, vai su controlli pannello che corre lungo la parte superiore dell'area di lavoro e fare clic su Riempi la cornice proporzionalmente pulsante.

Come tocco finale, per evitare che il colore sanguini attraverso i bordi della lettera, apri il campioni pannello (Finestra> Colore> Campioni) e impostare il Riempire della forma a [Nessuna].

Conclusione

E il gioco è fatto! Un metodo semplicissimo per aggiungere un tocco di visual drama ai tuoi layout tipografici! Ricorda il processo semplice:

• Scegli un carattere adatto (ad esempio lastra, display).
• Converti il ​​carattere del testo in contorni (Vectorize).
• File> Luogo un'immagine scelta e ridimensionata all'interno della cornice.

Utilizzare questa semplice tecnica per creare layout di progettazione dinamici e professionali standard, proprio come la rivista di esempio riportata di seguito.

Sentiti libero di condividere i tuoi esperimenti con l'uso della tecnica image-inside-text nei commenti qui sotto.

Per saperne di più su come riempire le forme di testo con blocchi di testo per creare un altro effetto interessante, consulta questo tutorial sulla creazione di effetti di testo di grande impatto in InDesign.