Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

Kratki Savjet: Kako Ispuniti Tekst sa Slikom u Adobe InDesignu

by
Difficulty:BeginnerLength:ShortLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

Smještanje slike unutar jednog slova može vašim layout-ima pružiti super profesionalan izgled naprednog dizajna. I to možete vrlo lako postići!

U ovom tutorijalu "Kratki Savjet", naučiti ćete kako transformirati tipografiju u okvire slika, za dramatičan efekt! Koristiti ćemo Adobe InDesign.

Ovu vrstu dizajna često možete vidjeti u dizajnu high-end časopisa. Dodatno utječu na naslovnice i prikazuju fotografiju na jedinstven, uočljiv način. Također može dodati dramtičnost dizajnu knjige, marektinškim materijalima i dizajnu plakata.

U ovom tutorijalu ćemo podesiti InDesign raspored za magazin i eksperimentirati sa izradom teksta ispunjenog fotografijom. Krenimo!

1. Podesite Raspored Magazina

1. korak

Otvorite InDesign i odaberite File > New > Document ili odaberite New > Document iz Welcome prozora.

Ostavite Intent podešeno na Print i povisite Number of Pages na 3. Ostavite označeno Facing Pages.

U Page Size padajućem izborniku odaberite opciju na dnu liste, Custom... da otvorite Custom Page Size okvir. Upišite ‘US Magazine’ u Name okvir i podesite Width na 213 mm i Height na 276.5 mm. Kliknite Add i zatim OK da se vratite na New Document okvir.

custom page size

2. korak

Prekinite ikonu lanca u sredini Margins rubrike da pristupite unosu različitih vrijednosti za svaku marginu. Podesite Top Margin na 14 mm, Bottom na 18 mm, Inside na 14 mm i Outside na 12 mm.

Za Bleed podesite vrijednost na 3 mm sa svih strana osim Inside Bleed, koji podesite na 0 mm.

new document

Kliknite OK da napravite novi dokument od tri strane.

new document created

U ovom tutorijalu nećemo koristiti prvu stranicu dokumenta, stoga klizite prema dolje ili kliknite na ikone stranica u Pages kartici (Window > Pages) i idite na Page 2 i 3 ovog dokumenta.

pages 2 and 3

2. Odabir Odgovarajuće Tipografije

1. korak

Kada radite efekt slika-u-tekstu, vrlo je važno odabrati odgovarajući font.

Kod odabira postoje tri stvari koje trebate uzeti u obzir: oblik slova koji želite ispuniti slikom; debljina slova (jesu li dovoljno debela da se slika učinkovito prikaže unutar njih); i jednostavnost slova (bez tekstura ili vanjskih dijelova i izbočina). Sažetak:

  • Efekt slika-u-tekstu funkcionira najbolje kada prilično povećate jedno slovo što znači da će dizajn i oblik tog jednog slova biti jako povećan i naglašen. Potražite font koji ima atraktivna velika slova, možda elegantan serif ili italizirani script font.
  • Također vam je potrebno da slovo otkrije veliku površinu slike stoga bi trebalo biti prilične debljine. Kaa pretražujete online ponudu fontova, oni koji su tagirani sa ‘Display’ ili ‘Slab’ sigurno su puni pogodak. Izbjegavajte bilo kakve oblike koji pretanki.
  • I posljednje ali jednako važno, pobrinite se da je font relativno jednostavan, sa svakim slovom u potpunosti zatvorenim. Što mislim time? Pa, pogledajte ova dva slova. S lijeve strane je font Bevan, jednostavan slab font, koji bi bio prilično dobar za postizanje efekta sliketekstu.-u- Zdesna, Brushstroke Plain, koji ne bi bio tako dobar pošto je slovo previše razdvojeno. Bilo kakav font sa "grunge" teksturom također ne bi bio prikladan, jer razlomljene teksture, odvojene od glavnog slova, ne bi bile ispunjene slikom.
different fonts

2. korak

U ovom primjeru, ja ću upotrijebiti Lobster, koji zadovoljava sve navedene uvjete - velika slova su atraktivna, debela, i imaju jednostavan, zatvoreni oblik.

Lobster font

Možete preuzeti i upotrijebiti Lobster font dok pratite ovaj tutorijal, ili odaberite neki drugi po vlastitoj želji.

3. Izrada Okvira Slike od Teksta

1. korak

Vratite se na vaš InDesign dokument, i na stranicu Page 2.

Uzmite Type Tool (T) iz Tools kartice i povucite da napravite veliki tekstualni okvir koji se proteže preko cijele Page 2 stranice. upišite ‘T’ u okvir i podesite Font u Lobster Regular, Size 750 pt.

Za sada nije problem da ostavite tekst podešen na zadanu [Crnu] boju.

text on page

2. korak

Sa selektiranim tekstualnim okvirom (upotrijebite Selection Tool (V, Escape)), idite gore na Type u izborniku pri vrhu i odaberite Create Outlines.

create outlines

Tekstualni okvir će se suptilno prilagoditi; slovo je sada konvertirano u vektorski oblik.

vectorized letter

3. korak

Sa još uvijek selektiranim slovom idite na File > Place.

Sada možete početi eksperimentirati sa ispunom teksta sa slikom. Ako podešavate tekst na bijeloj ili blijedoj pozadini, potražite fotografiju koja će pružiti dovoljno kontrasta, i obratno ako želite tamniju pozadinu.

Ovdje sam eksperimentirala sa ovom slikom ženskog fashion modela prije nego što sam se konačno odlučila za sliku plavog neba sa obacima.

image in letter
place image

Da podesimo sliku unutar teksta, dvaput kliknite da izravno selektirate sliku i zatim držite Shift i povucite jedan od rubova da promijenite veličinu. Ako želite u sliku uvrstiti što je moguće više slike. idite na Controls karticu koja se nalazi na vrhu radne površine i kliknite Fill Frame Proportionally gumb.

fill frame proportionally
black removed

Kao završni detalj, kako biste bili sigurni da se izvan rubova slova ne pojavljuje "bleed" boje, otvorite Swatches karticu (Window > Color > Swatches) i podesite Fill oblika na [None].

swatches panel

Zaključak

I evo ga! Super-jednostavna metoda dodavanja vizualne dramatičnosti na vaš tipografski "layout"! Zapamtite jednostavan proces:

  • Odaberite prikladnu tipografiju (npr. slab, display).
  • Konvertirajte slovo teksta u outlines (vektor).
  • Pomoću File > Place smjestite odabranu sliku i podesite sliku unutar okvira.

Upotrijebite ovu jednostavnu tehniku da izgradite dinamičan dizajn "layout" profesionalnog standarda, kao što je ovaj časopis na donjem primjeru.

magazine spread

Ispod u komentarima možete podijeliti vaše eksperimente sa tehnikom slika-unutar-teksta.

Kako biste saznali više o ispunjavanju oblika teksta sa blokovima teksta da izradite još jedan "cool" efekt, pogledajte ovaj tutorijal o izradi visoko-utjecajnih tekst efekata u InDesign-u.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.