Hurtig Tips Slik fyller du på tekst med et bilde i Adobe InDesign

Hva du skal skape

Plassering av et bilde i en enkelt karakter kan gi layoutene dine et super-profesjonelt, design-fremtredende utseende. Og det er veldig enkelt å oppnå!

I denne Quick Tips-veiledningen lærer du hvordan du forvandler typografien din til bilderammer, til dramatisk effekt! Vi skal bruke Adobe InDesign for denne opplæringen.

Du ser ofte denne typen designteknikk som brukes i high-end magasindesign, for å gi ekstra innvirkning på overskrifter og å vise frem et bilde på en unik og iøynefallende måte. Det kan også legge til drama for bokdesign, markedsføringsmateriell og plakatdesign.

I denne opplæringen vil vi sette opp et InDesign-layout for et spredt magasin, og eksperimentere med å lage vår bildefylte tekst på det. La oss komme i gang!

Denne opplæringen er også tilgjengelig på Envato Tuts + YouTube-kanalen.

1. Sett opp tidsskriftoppsettet

Trinn 1

Åpne opp InDesign og velg Fil> Nytt> Dokument eller velg Nytt> Dokument fra Velkommen vindu.

Hold Intent satt til Skrive ut og oppe Antall sider til 3. Beholde Facing Pages sjekket.

Fra Sidestørrelse rullegardinmeny, velg alternativet nederst på listen, Tilpasset… å åpne opp Tilpasset sidestørrelse vindu. Type 'US Magazine' inn i det Navn boks, og sett inn Bredde til 213 mm og Høyde til 276,5 mm. Klikk Legg til, og så OK, å gå tilbake til Nytt dokument vindu.

Steg 2

Bryt kjedeikonet i midten av marginene seksjonen, slik at du kan sette inn forskjellige verdier for hver margin. Sett Toppmargen til 14 mm, nederst til 18 mm, innsiden til 14 mm og Utenfor til 12 mm.

For Blø, sett verdien til 3 mm på alle sider bortsett fra Innsiden Bleed, som du bør sette på 0 mm.

Klikk OK å opprette det nye tre-siders dokumentet. 

Vi bruker ikke den første siden av dokumentet i denne opplæringen, så naviger ned til Sider 2 og 3 av dokumentet, ved å bla ned eller klikke på sidens ikoner i sider panel (Vindu> Sider).

2. Velge riktig skrifttype

Trinn 1

Det er veldig viktig å velge riktig type skrift (font) når du lager en bilde-i-tekst-effekt. 

Det er tre ting å vurdere når du velger et skrift: formen på tegnet du vil fylle med et bilde; vekten av karakteren (om den er tykk nok til å tillate bildet å vise gjennom tilstrekkelig); og enkelheten i tegnet (ingen teksturer eller utvendige biter og bobs). La oss slå det ned:

• Effekten av bildet-inne-tekst fungerer best når du sprenker et enkelt tegn til stor skala, noe som betyr at utformingen og formen til det enkelte tegnet blir enormt forsterket. Se etter en skrift som har attraktive store bokstaver, kanskje en elegant serif eller et kursiv skript.

• Du trenger også tegnet for å avdekke nok av bildet til å lage en uttalelse, slik at tegnet skal ha nok vekt (tykkelse) for å sikre dette. Når du leser skriftbutikker på nettet, vil skrifter som er merket med "Skjerm" eller "Slab", vanligvis være en sikker innsats. Unngå fonter som er for tynne eller lette.

• Til slutt, og viktigst, sørg for at fonten din er relativt enkel, idet hver karakter er selvstendig lukket. Hva mener jeg med det? Vel, ta en titt på disse to tegnene. Til venstre har vi Bevan, en enkel skriftsfont, som ville fungere veldig bra for å oppnå bilde-i-tekst-effekten. Til høyre, Brushstroke Plain, som ville fungere mye mindre godt som karakteren er mer forskjellig. Eventuelle skrifttyper med grungy teksturer ville heller ikke være egnet, da spredte teksturer, skilt fra hovedpersonen, ikke ville bli fylt med bildet.

Steg 2

I dette eksemplet skal jeg bruke Hummer, som merker alle boksene over - store bokstaver er attraktive, vektige og har en enkel, lukket form.

Du kan velge å laste ned og bruke Hummer som du følger denne opplæringen, eller velg en annen skrift hvis du foretrekker det.

3. Opprette en bilderamme fra tekst

Trinn 1

Gå tilbake til din InDesign dokument og til Side 2.

Ta Typeverktøy (T) fra Verktøy panel og dra for å lage en stor tekstramme som strekker seg over hele Side 2. Skriv inn en stor bokstav 'T' inn i rammen, og sett inn Font til Hummer Regelmessig, Størrelse 750 pt.

Det er ikke noe problem med å holde fargen på teksten satt til standard [Svart] for nå.

Steg 2

Med tekstrammen valgt (bruk Utvalgsverktøy (V, Escape)), gå opp til Type på toppmenyen, og velg Lag oversikter.

Tekstrammen vil subtilt justeres; Tekstkarakteren er nå omgjort til en vektorform. 

Trinn 3

Med tegnet fortsatt valgt, hodet opp til Fil > Sted.

Nå kan du begynne å eksperimentere med å fylle teksten med bilder. Hvis du setter inn teksten din på en hvit eller blek bakgrunn, ser du etter et bilde som skal gi nok kontrast, og omvendt hvis du vil arbeide på en mørkere bakgrunn.

Her har jeg eksperimentert med dette bildet av en fasjonabel kvinne, før du endelig bestemmer deg for et bilde av en blå, skyet himmel.

For å justere størrelsen på bildet i teksten, dobbeltklikk for å velge bildet direkte, og hold deretter Skifte og dra et av hjørnene for å endre størrelsen. Hvis du vil passe så mye av bildet som mulig i brevet, hodet opp til kontroller panelet går langs toppen av arbeidsområdet og klikker på Fyll Ramme Proportional knapp.

Som en endelig berøring, for å sikre at det ikke farges bløt på kantene på brevet, åpner du fargeprøver panel (Vindue> Farge> Svampe) og sett Fylle av formen til [Ingen].

Konklusjon

Og der har du det! En super enkel metode for å legge til et snev av visuelt drama til dine typografiske layouter! Husk den enkle prosessen:

• Velg et passende skrifttype (for eksempel slab, skjerm).
• Konverter tekstteksten til konturer (Vectorize).
• Fil> Plass et valgt bilde og endre størrelse i rammen.

Bruk denne enkle teknikken til å bygge opp dynamiske, profesjonelle standard designoppsett, akkurat som eksempelmagasinet spredt under.

Du er velkommen til å dele eksperimenter med bruk av innvendig tekstteknikk i kommentarene nedenfor.

Hvis du vil vite mer om å fylle tekstformer med tekstblokker for å skape en annen kul effekt, sjekk ut denne veiledningen om å skape effektive teksteffekter i InDesign..