Sfat rapid Cum se completează textul cu o imagine în Adobe InDesign

Ce veți crea

Plasarea unei imagini în interiorul unui singur caracter poate oferi aspectului dvs. un aspect super-profesional, cu design-înainte. Și este foarte simplu de realizat!

În acest tutorial rapid, veți învăța cum să vă transformați tipografia în cadre de imagini, cu efect dramatic! Vom folosi Adobe InDesign pentru acest tutorial.

Veți vedea adesea acest tip de tehnică de design utilizată în designul magazinelor high-end, pentru a da un plus de impact titlului și pentru a prezenta o fotografie într-un mod unic și atrăgător. Se poate adăuga, de asemenea, dramă în designul cărților, materialele de marketing și designul posterelor.

În acest tutorial vom configura un layout InDesign pentru o distribuție a revistelor și vom încerca să creăm textul cu imagine. Să începem!

Acest tutorial este disponibil și pe canalul YouTube Envato Tuts +.

1. Configurați aspectul revistei

Pasul 1

Deschide InDesign și alegeți Fișier> Nou> Document sau selectați Nou> Document de la Bine ati venit fereastră.

Păstrează scop setat la Imprimare și în sus Număr de pagini la 3. A pastra Paginile cu care se confruntă verificat.

De la Mărimea paginii drop-down meniul selectați opțiunea din partea de jos a listei, Personalizat… pentru a deschide Dimensiunea paginii personalizate fereastră. Tip 'US Magazine' în Nume caseta și setați Lăţime la 213 mm și Înălţime la 276,5 mm. Clic Adăuga, și apoi O.K, pentru a reveni la Document nou fereastră.

Pasul 2

Păstrați pictograma lanțului în mijlocul Margini pentru a vă permite să introduceți valori diferite pentru fiecare marjă. Seteaza Marja maximă la 14 mm, dedesubt la 18 mm, înăuntru la 14 mm și In afara la 12 mm.

Pentru Sângera, setați valoarea la 3 mm pe toate laturile, cu excepția Inside Bleed, la care ar trebui să setați 0 mm.

Clic O.K pentru a crea noul document de trei pagini. 

Nu vom folosi prima pagină a documentului în acest tutorial, așa că navigați în jos Paginile 2 și 3 a documentului, derulând în jos sau făcând clic pe pictogramele de pagină din Pagini panou (Fereastră> Pagini).

2. Alegerea textului din dreapta

Pasul 1

Este foarte important să alegeți tipul corect de text (font) atunci când creați un efect imagine în text. 

Există trei aspecte pe care trebuie să le țineți cont atunci când alegeți un font: forma personajului pe care doriți să îl umpleți cu o imagine; greutatea personajului (indiferent dacă este suficient de gros pentru a permite imaginii să se arate suficient); și simplitatea personajului (fără texturi sau biți și boboci). Să-l distrugem:

  • Efectul imagine-interior-text funcționează cel mai bine atunci când aruncați un singur caracter la scară largă, ceea ce înseamnă că designul și forma acelui singur caracter vor fi amplificate foarte mult. Căutați un font cu caractere atrăgătoare, probabil o serifă elegantă sau un script italicizat.
  • De asemenea, aveți nevoie de caracter pentru a dezvălui suficient imaginea pentru a face o declarație, astfel încât personajul să aibă suficientă greutate (grosime) pentru a asigura acest lucru. Atunci când navigați în magazinele de fonturi online, fonturile etichetate cu "Afișare" sau "Slab" vor fi de obicei un pariu sigur. Evitați fonturile prea subțiri sau ușoare.
  • În sfârșit, și, important, asigurați-vă că fontul dvs. este relativ simplu, fiecare personaj fiind auto-închis. Ce vreau sa spun prin asta? Uitați-vă la aceste două personaje. În stânga avem Bevan, un font simplu pentru placă, care ar funcționa foarte bine pentru realizarea efectului imagine-în-text. În dreapta, câmpia Brushstroke, care ar funcționa mult mai puțin, deoarece personajul este mai dispar. Orice fonturi cu texturi murdare nu ar fi de asemenea potrivite, deoarece texturile împrăștiate, separate de caracterul principal, nu ar fi umplut cu imaginea.

Pasul 2

În acest exemplu, voi folosi Homar, care bifează toate casetele de mai sus - caracterele majuscule sunt atractive, grele și au o formă simplă, închisă.

Puteți alege să descărcați și să utilizați Homar în timp ce urmați acest tutorial sau alegeți un alt font dacă preferați.

3. Crearea unui cadru de imagini din text

Pasul 1

Întoarce-te la tine InDesign document, și la Pagina 2.

Luați Instrumentul tip (T) de la Unelte panou și trageți pentru a crea un cadru text extins care se extinde pe întreaga suprafață Pagina 2. Tastați o majusculă 'T' în cadru și setați Font la Lobster Regular, Dimensiune 750 pt.

Nu există nicio problemă cu păstrarea culorii textului setată implicit [Negru] deocamdata.

Pasul 2

Cu cadrul de text selectat (utilizați Instrument de selecție (V, Escape)), urca la Tip din meniul de sus și selectați Creați contururi.

Cadrul de text se va ajusta subtil; caracterul de text a fost acum transformat într-o formă de vector. 

Pasul 3

Cu caracterul încă selectat, mergeți până la Fişier > Locul.

Acum puteți începe să experimentați cu umplerea textului cu imagini. Dacă setați textul pe un fundal alb sau palid, căutați o fotografie care va oferi un contrast suficient și invers dacă doriți să lucrați cu un fundal mai întunecat.

Aici am experimentat această imagine a unei femei la modă, înainte de a decide în sfârșit despre o imagine a unui cer albastru, tulbure.

Pentru a ajusta dimensiunea imaginii în interiorul textului, faceți dublu clic pentru a selecta direct imaginea, apoi țineți apăsată Schimb și trageți unul dintre colțuri pentru redimensionare. Dacă doriți să potriviți cât mai mult din imagine în literă, mergeți la Controale panou care rulează în partea de sus a spațiului de lucru și faceți clic pe Fill Frame Proporțional buton.

Ca o atingere finală, pentru a vă asigura că nu se colorează culoarea pe marginile literei, deschideți Specimene panou (Fereastră> Culoare> Swatches) și setați Completati de forma la [Nici unul].

Concluzie

Și acolo aveți! O metodă super-simplă de a adăuga o notă de dramă vizuală aspectului dvs. tipografic! Amintiți-vă de procesul simplu:

  • Alegeți o textură adecvată (de exemplu, placă, afișaj).
  • Convertiți caracterul de text în contururi (Vectorizarea).
  • Fișier> Locul o imagine aleasă și redimensionare în interiorul cadrului.

Utilizați această tehnică simplă pentru a construi dispozitive de design dinamice, profesionale standard, la fel ca revista de mai jos.

Simțiți-vă liber să împărtășiți experimentele dvs. cu utilizarea tehnicii imagine-în-text în comentariile de mai jos.

Pentru a afla mai multe despre umplerea formelor de text cu blocuri de text pentru a crea un alt efect cool, verificați acest tutorial pentru a crea efecte de text cu impact ridicat în InDesign.