Lag en kul bilde-inne-bildeeffekt i Adobe InDesign

Hva du skal skape

Hvem visste at du kunne lage Photoshop-standard effekter i Adobe InDesign? Lær hvordan du gjenskaper denne dramatiske image-inside-image-effekten, og gi bokomslag, magasinoppsett og plakater en kul makeover.

I denne opplæringen som passer for nybegynnere til mellomliggende brukere av InDesign, går vi gjennom trinnene for å skape effekten og legge den ut som en del av et bokomslag for en paperback-roman.

Du trenger også tilgang til Adobe Illustrator for en del av opplæringen. Åpne InDesign, og vi kan komme i gang!

1. Sett opp Paperback-dokumentet i InDesign

Trinn 1

Med InDesign åpnet, velger du Nytt> Dokument fra Velkommen vindu, eller gå til Fil> Nytt> Dokument fra hovedmenyen.

I Nytt dokument vindu som åpner, holder Intent satt til Skrive ut og Antall sider til 1. Opphev valget Facing Pages.

Under Sidestørrelse, velge Tilpasset… fra rullegardinmenyen. 

Steg 2

La oss lage en ny Tilpasset sidestørrelse, Passer til en papirkurvdeksel. Type 'B-Format Paperback' inn i det Navn tekstboksen øverst i vinduet, og sett inn Bredde til 130 mm og Høyde til 198 mm.

NB: Dette er en passende størrelse for en enkelt side i en B-Format-papirbok. I denne opplæringen vil vi ikke lage hele omslaget, inkludert bakdekselet og ryggraden. Men hvis du ønsker å utvide designet senere for å lage et fullt deksel, kan du bruke Sideverktøy (Shift-P) å forlenge bredden på siden.

Klikk Legg til, og så OK å gå tilbake til Nytt dokument vindu.

Sett marginene på alle sider til 5 mm, og legg til en Blø (Klikk på Flere valg knapp hvis du ikke kan se alternativer for blødet) av 5 mm på alle sider av siden.

Klikk OK å opprette det nye dokumentet.

2. Opprett det vedlagte bildet

Bilde-inne-bilde-effekten fungerer best hvis du plasserer en grafikk (et bilde eller et vektorbilde) inne i en helt lukket vektorramme.

Du kan enten bruke en vektor av ditt eget design, eller en lagervektor, eller, for litt ekstra realisme til grafikken, kan du bruke en vektorversjon av et fotografi. La oss se på hvordan du oppretter sistnevnte.

Trinn 1

Åpne opp Adobe Illustrator. Velg et bilde du allerede har, eller velg et bilde fra et lagersted. For dette designet har jeg brukt dette bildet av en flygende kråke. Bilder satt mot hvite bakgrunner og med en sterk oversikt vil fungere best for å skape effekten.

Når du har valgt bildet, går du tilbake til Illustrator og Fil> Plass bildet på et nytt dokument.

Steg 2

Åpne opp Image Trace panel (Vindu> Image Trace), og utvide panelet for å se hele settet av alternativer. Med bildet valgt, og Forhåndsvisning boksen sjekket inn i Image Trace panel, sett inn Modus til Svart og hvit og sjekk Ignorer Hvit boks nederst på panelet.

Klikk på Trace knappen nederst til høyre på panelet, og skift skyvekontrollene til du er fornøyd med den endelige silhouetten. Prøv å bevare så mye av den opprinnelige detaljene i bildet som mulig.

Når du er fornøyd med resultatet, går du til menyen øverst på skjermen og velger Objekt> Image Trace> Utvid

Trinn 3

Opphev den spore vektoren (Høyreklikk [Windows] eller Kontroll-klikk [Mac]> Ungroup) og slette eventuelle uberørte bakgrunnselementer eller svarte deler av vektoren. Du vil bare ha et rent, silhouettet bilde.

Velg bildet og Rediger> Kopier.

Tilbake til InDesign og Rediger> Lim inn. Vektor silhuetten vil bli droppet rett på siden.

Med vektoren valgt, Høyreklikk [Windows] eller Kontroll-Klikk [Mac]> Transform> Vend horisontal; og endre størrelsen på bildet (mens du holder nede Skifte for å opprettholde proporsjonene), slik at den passer komfortabelt på siden.

Trinn 4

Fra kontroller panel øverst på arbeidsområdet, eller fra fargeprøver panel (Vindue> Farge> Svampe), juster Fyll farge av vektoren til [Ingen].

Dette bildet vil danne bakgrunnen for vår effekt, og det kommer til å se veldig fint ut med litt tekstur. Med det valgte bildet, gå til Fil> Plass og velg et vanlig, strukturert bakgrunnsbilde. Her har jeg brukt en papiraktig bakgrunnsstruktur ved å bruke dette bildet av et papir i vintageformat.

Omorganiser teksturbildet i vektoren slik at det fyller hele vektoren (velg Fyll Ramme Proportional fra toppen kontroller panel).

3. Lag opp for å lage effekten

Å bygge opp grafikken i lag er nøkkelen til å få denne effekten til å se riktig, akkurat som du måtte gjøre hvis du brukte Photoshop. 

Trinn 1

Åpne opp lag panel (Vindu> Lag) og dobbeltklikk på standardinnstillingen Lag 1 navn for å åpne opp Lagalternativer vindu. Gi nytt navn til laget Papirbilde, og klikk OK.

Å velge Nytt lag ... fra lag panelets rullegardinmeny, og dobbeltklikk på laget, som før, for å gi nytt navn til laget Bilde. Lag ytterligere to lag, navngi dem Bilde 3 og så Bilde 4, til du har en sekvens på fire lag.

Steg 2

Velg det papirfylte bildet av kråket og Rediger> Kopier.

Så kom tilbake til lag panel og Låse tre lag: Papirbilde, Bilde 3 og Bilde 4. Klikk på Bilde lag for å aktivere det.

Gå til Redigere på toppmenyen og velg Lim inn i stedet, å lage en nøyaktig plassert duplikat av kråkebildet. InDesign vil kanskje lime inn dette på samme lag som det opprinnelige bildet, så la det gjøre det, og skift det deretter manuelt til riktig lag direkte fra lag panel.

Dobbeltklikk inni vektoren for å velge papirbildet direkte. Slett det. 

Gå til Fil> Plass å fylle kråkevektoren med et nytt bilde. Dette blir ditt innsidebilde. Profilen til en person, eller en detaljert nærbilde av noens ansikt, vil se slående og dramatisk ut. Her har jeg brukt dette bildet av en kvinne, som jeg har konvertert til et svart og hvitt bilde i Photoshop bruker Kanal Mixer justering.

Når bildet er plassert, kan du eksperimentere med å endre størrelsen på det inne i vektoren. Holde Skifte mens du endrer størrelsen for å unngå å forvride bildet, og prøv å plassere delen av bildet du vil markere i midten av vektorrammen.

Med kråkvektoren valgt, gå til Objekt> Effekter> Gjennomsiktighet. I effekter vindu som åpnes, sett inn Modus til Multiplisere og redusere opacity til 75%. Dette vil bringe gjennom noen av teksturene til papirbildet som sitter nedenfor. Klikk OK.

Trinn 3

Gå tilbake til lag panel og Låse de Bilde lag. Lås opp neste lag opp, Bilde 3. Vi kan nå legge til litt farge på toppen av bildet for å gi det et mer stemningsfullt, mer dramatisk utseende.

Åpne opp fargeprøver panel (Vindue> Farge> Svampe) og velg Ny fargekvoter fra panelets rullegardinmeny.

Hold Farge Type satt til Prosess, og skape en dyp lilla-blå nyanse ved å sette skyvekontrollene til følgende nivåer: C = 100 M = 92 Y = 40 K = 36. Klikk Legg til og så OK.

Tilbake på siden, gå til Rediger> Lim inn i sted å slippe en annen kopi av kråkevektoren på siden. Slett papirbildet innvendig, og sett deretter inn Fyll farge av vektoren til den nye mørkeblå fargestiften.

Trinn 4

Med den blå vektoren som er valgt, gå til Objekt> Effekter> Gjennomsiktighet. Sett Modus til Multiplisere og hold den opacity på 100%.

Fra venstremenyen i effekter vindu, klikk på Gradient Feather å bruke en gradient og redigere alternativene for gradienten. Trekk glidebryterne tett sammen mot midten av stangen, som vist nedenfor, til bildet nedenfor vises mot toppen og midten av vektoren.

Trinn 5

Velg kråkevektoren på Bilde 3 lag og Rediger> Kopier. 

Gå tilbake til lag panel og Låse de Bilde 3 lag. Lås opp neste lag opp, Bilde 4.

Rediger> Lim inn i sted en kopi av kragevektoren på topplaget.

Gå tilbake til fargeprøver panel og opprett en annen Ny fargekvoter. Du kan navngi denne CMYK-prøven Inky Black hvis du vil. Sett prosentandelenivåene til følgende: C = 60 M = 40 Y = 40 K = 100. Klikk Legg til og så OK.

Juster Fyll farge av kråkevektoren på Bilde 4 lag til Inky Black. Deretter, med det valgte bildet, gå til Objekt> Effekter> Gradient Feather. Juster Angle i motsatt retning, slik at gradienten skifter til toppen av vektoren. Bare den sentrale delen av grafikken skal nå avsløre bildet under.

Klikk OK å gå tilbake til siden.

Flott arbeid! Bilde-innsiden-bilde-effekten er ferdig, og det ser fantastisk ut! Nå som du har laget grafikken, kan du bruke den over alle slags medieplakater, brosjyrer, flygeblad, magasiner - hva du føler kan ha nytte av å ha en kul bildeffekt.

I dette eksemplet har jeg tatt inn effekten i et bokomslagdesign. 

Hvis du vil gjenskape dekselet på bildet som er vist her, les videre for å finne ut hvordan du kan pynte ditt dekseldesign og lage noe spesielt ...

4. Lag bokomslaget ditt

Trinn 1

La oss beholde bildet-inne-bilde-grafikken skilt fra resten av omslaget, så gå tilbake til lag panel og Låse alle fire lagene.

Lage en Nytt lag og dra den ned for å sitte under Papirbilde lag. Gi nytt navn til laget Fargebakgrunn. 

Velg Rektangelverktøy (M) fra Verktøy panel og dra på siden for å lage et rektangel som strekker seg over hele siden og opp til kanten av blødet. 

NB: Hvis du vil forlenge frontdekselet for å lage et fullt deksel senere, tar du bare rektangelet opp til kanten på siden på venstre side, da innholdet i blødet ellers vil spyle på ryggen din.

Lage en Ny fargekvoter fra fargeprøver panel, setter CMYK-verdiene til C = 43 M = 47 Y = 64 K = 0, å skape en beige-brun nyanse.

Sett Fylle av rektangelformen til denne nye beigeprøven, og fra toppen av fargeprøver panel, trekk ned Tint skyvekontrollen til 57%.

Steg 2

Velg rektangelet og gå til Objekt> Effekter> Gradient Feather. Juster skyvekontrollene og Angle å bruke en subtil gradient som gjør fargen mørkere øverst og lettere mot bunnen av siden. Klikk OK å gå tilbake til siden din.

Velg rektangel og Rediger> Kopier, Rediger> Lim inn i sted. Lag en annen Ny fargekvoter, C = 47 M = 22 Y = 25 K = 0, en nydelig turkis skygge.

Sett Fylle av det limte rektangelet til denne nye turkisprøven. Gå til Objekt> Effekter> Gradient Feather og reversere Angle av graden for å bytte retning av farge til bunnen av siden. Klikk OK.

Trinn 3

Med bakgrunnsfarge du ser nå fantastisk ut, kan du presentere litt tekst på omslagsdesignet. Vi kan lagre tekst over og under kråken som er grafisk for å skape en 3D-stil effekt.

Først, la oss sette noen typografi bak grafikken. Gå tilbake til lag panel og Låse de Fargebakgrunn lag. 

Opprett et nytt lag, endre navn på det som Typografi i bakgrunnen, og posisjon over bunnlaget, Fargebakgrunn men under Papirbilde lag.

Vi skal bruke to forskjellige skrifttyper på forsiden, en mer egnet til hovedtitlene-Vinta vil se bra ut - og en annen for B-overskriftene-Adobe Caslon Pro vil være perfekt for det. Last ned skriftene (Adobe Caslon Pro vil sannsynligvis allerede være på listen over installerte skrifter i InDesign) og gå tilbake til InDesign.

Ta Typeverktøy (T) fra Verktøy panel og dra for å lage en ny tekstramme på siden. Plasser øverst til høyre på siden, og skriv inn 'Forfatternavn'. Sett Font til Vinta, Størrelse 33 pt, og sett Skriftfarge til [Papir].

Fra Tegnformateringskontroller panelet går langs toppen av arbeidsområdet, øker sporing til 230, sett teksten til Alle Caps og juster teksten til Juster høyre.

Trinn 4

Gå tilbake til lag panel og Låse de Typografi i bakgrunnen lag. Opprett et siste nytt lag, endre navn på det Typografi i forgrunnen, og flytt det til toppen av sekvensen av lag.

Lag en ny tekstramme ved hjelp av Typeverktøy (T) og plasser den sentralt nederst på siden. Type 'Going North' (eller en tittel av ditt valg!) og sett inn Font til Vinta, Størrelse 80 pt, Ledende 95 pt, Alle Caps, 140 Sporing, Justeringssenter og Skriftfarge til [Papir].

Trinn 5

Ta inn en annen tekstramme med en tagline, sett inn Adobe Caslon Pro Kursiv, Størrelse 13 pt, Sporing 80, Justeringssenter og med a Skriftfarge av [Papir].

Du kan også prikke noen flere tekstrammer, med kritikernes vurderinger, kanskje til venstre og høyre side av dekselet, og sette dem inn Adobe Caslon Pro, størrelse 12 pt.

Fabelaktig! Frontdekselet er ferdig, og det ser utrolig ut.

Konklusjon

I denne opplæringen har vi gått gjennom trinnene for å skape en kul bilde-inne-bilde-effekt i InDesign. Dette er en virkelig slående effekt som du kan opprette direkte i InDesign, bare ved å legge vektorgrafikk generert i Illustrator. 

Du har oppnådd noen virkelig nyttige ferdigheter i opplæringen, inkludert:

  • Slik forvandler du bilder inn i allsidige silhouettede vektorer
  • Slik bruker du panelet Lag til lagvektor og rastergrafikk for å skape en komplisert utseende
  • Slik legger du til tekstur til bilde-inne-bildeffekter bruker et bakgrunnsbilde
  • Slik justerer du transparenter og gradienter fra Effekt-vinduet for å gi effekten din et uber-profesjonelt utseende
  • Hvordan integrere grafikken din i et komplett layout, med bakgrunnsfarge og typografi