Creëer een cool beeld-binnen-afbeelding-effect in Adobe InDesign

Wat je gaat creëren

Wie wist dat je de standaardeffecten van Photoshop in Adobe InDesign kon creëren? Leer hoe je dit dramatische beeld-binnen-afbeelding-effect kunt nabootsen en geef je boekomslagen, tijdschriftlay-outs en posters een coole make-over.

In deze tutorial, geschikt voor beginnende tot gemiddelde gebruikers van InDesign, lopen we de stappen van het creëren van het effect en leggen het uit als onderdeel van een boekomslag voor een paperback-roman.

U hebt ook toegang tot Adobe Illustrator nodig voor een deel van de zelfstudie. Open InDesign en we kunnen aan de slag!

1. Stel het paperback-document in in InDesign

Stap 1

Als InDesign is geopend, selecteert u Nieuw> Document van de Welkom venster of ga naar Bestand> Nieuw> Document vanuit het hoofdmenu.

In de Nieuw document venster dat opent, behoud de voornemen ingesteld op Afdrukken en de Aantal pagina's naar 1. Hef de selectie Tegenoverliggende pagina's.

Onder Pagina grootte, Kiezen Aangepast ... uit het vervolgkeuzemenu. 

Stap 2

Laten we een nieuwe maken Aangepast paginaformaat, geschikt voor een paperback-hoes. Type 'B-Format Paperback' in de Naam tekstvak boven aan het venster en stel de Breedte naar 130 mm en Hoogte naar 198 mm.

Let op: dit is een geschikte maat voor een enkele pagina van een pocketboek in B-formaat. In deze zelfstudie maken we niet de volledige omslag omslag, inclusief de achteromslag en de rug. Maar als u het ontwerp later wilt uitbreiden om een ​​volledige omslag te maken, kunt u de Paginagereedschap (Shift-P) om de breedte van de pagina uit te breiden.

Klik Toevoegen, en dan OK terugkeren naar de Nieuw document venster.

Stel de marges aan alle kanten om 5 mm, en voeg een toe bloeden (Klik op de Meer opties knop als u geen opties voor de afloop ziet) van 5 mm aan alle kanten van de pagina.

Klik OK om het nieuwe document te maken.

2. Maak de bijvoegende afbeelding

Het effect afbeelding-binnen-afbeelding werkt het beste als u een afbeelding (een foto of vectorafbeelding) in een volledig ingesloten vectorkader plaatst.

U kunt een vector van uw eigen ontwerp of een voorraadvector gebruiken of, voor een beetje extra realisme aan de afbeelding, kunt u een vectorversie van een foto gebruiken. Laten we kijken naar hoe dit laatste te maken.

Stap 1

Doe open Adobe Illustrator. Selecteer een foto die u al hebt, of kies een foto van een voorraadsite. Voor dit ontwerp heb ik deze foto van een vliegende kraai gebruikt. Foto's die zijn ingesteld tegen een witte achtergrond en met een sterke omtrek werken het best om het effect te creëren.

Nadat u uw afbeelding hebt geselecteerd, gaat u terug naar Illustrator en Bestand> Plaats de foto op een nieuw document.

Stap 2

Open de Beeld spoor paneel (Venster> Afbeelding volgen), en vouw het paneel uit om de volledige reeks opties te bekijken. Met de geselecteerde foto en de Voorbeeld vak aangevinkt in de Beeld spoor paneel, stel de mode naar Zwart en wit en controleer de Negeer wit vak onderaan het paneel.

Klik op de Spoor knop rechtsonder in het paneel en schuif de schuifregelaars totdat u tevreden bent met het uiteindelijke silhouet. Probeer zoveel mogelijk van de originele details van het overzicht van de foto's te behouden.

Als je tevreden bent met het resultaat, ga je naar het menu bovenaan het scherm en selecteer je Object> Afbeelding volgen> Uitbreiden

Stap 3

Groepering van de overgetrokken vector (Klik met de rechtermuisknop [Windows] of Control-klik [Mac]> Groep opheffen) en verwijder alle afgelegen achtergrondelementen of verdwaalde delen van de vector. U wilt slechts één gesilhouetteerde afbeelding hebben.

Selecteer de afbeelding en Bewerken> Kopiëren.

Terug keren naar InDesign en Bewerken> Plakken. Het vectorsilhouet wordt rechtstreeks op de pagina neergezet.

Met de vector geselecteerd, Klik met de rechtermuisknop [Windows] of Control-klikken [Mac]> Transformeren> Horizontaal spiegelen; en wijzig het formaat van de afbeelding (terwijl u ingedrukt houdt Verschuiving om de verhoudingen te behouden), zodat deze comfortabel op de pagina past.

Stap 4

Van de controls paneel boven in de werkruimte of uit de Stalen paneel (Venster> Kleur> Stalen), pas de .... aan Opvulkleur van de vector naar [Geen].

Deze afbeelding vormt de achtergrond van ons effect en het ziet er erg mooi uit met een beetje textuur. Ga met de afbeelding geselecteerd naar Bestand> Plaats en selecteer een effen, gestructureerde achtergrondafbeelding. Hier heb ik een papierachtige achtergrondstructuur gebruikt met deze afbeelding van een vel papier van vintage-stijl.

Herschik de textuurafbeelding in de vector zodat deze de hele vector vult (kies Vul het frame proportioneel vanaf het begin controls paneel).

3. Laag om het effect te creëren

Het opbouwen van de afbeelding in lagen is de sleutel om dit effect er goed uit te laten zien, net zoals u zou moeten doen als u Photoshop gebruikte. 

Stap 1

Open de Lagen paneel (Venster> Lagen) en dubbelklik op de standaardwaarde Laag 1 naam om het te openen Laag opties venster. Hernoem de laag Papierafbeelding, en klik OK.

kiezen Nieuwe laag… van de Lagen het vervolgkeuzemenu van het paneel en dubbelklikt u op de laag om de laag te hernoemen Foto. Maak nog twee lagen, noem ze Afbeelding 3 en dan Afbeelding 4, totdat je een reeks van vier lagen hebt.

Stap 2

Selecteer het met papier gevulde beeld van de kraai en Bewerken> Kopiëren.

Keer dan terug naar de Lagen paneel en Slot drie lagen: Papieren afbeelding, afbeelding 3 en Afbeelding 4. Klik op de Foto laag om het te activeren.

Ga naar Bewerk in het bovenste menu en selecteer Plak op zijn plek, om een ​​exact geplaatst duplicaat van de kraaiafbeelding te maken. InDesign kan dit op dezelfde laag als de originele afbeelding plakken, dus laat dit gebeuren en schuif het vervolgens handmatig naar de juiste laag vanuit de Lagen paneel.

Dubbelklik in de vector om de papieren afbeelding rechtstreeks te selecteren. Verwijder het. 

Ga naar Bestand> Plaats om de kraaienvector te vullen met een nieuwe afbeelding. Dit wordt je binnenbeeld. Het profiel van een persoon, of een gedetailleerde close-up van iemands gezicht, ziet er opvallend en dramatisch uit. Hier heb ik deze afbeelding van een vrouw gebruikt, die ik heb omgezet in een zwart-wit afbeelding Photoshop de ... gebruiken Kanaal mixer aanpassing.

Zodra de afbeelding is geplaatst, kunt u experimenteren met het wijzigen van de grootte binnen de vector. Houden Verschuiving tijdens het wijzigen van het formaat om te voorkomen dat de afbeelding wordt vervormd en probeer het gedeelte van de afbeelding dat u wilt markeren in het midden van het vectorframe te plaatsen.

Ga met de kraaisector geselecteerd naar Object> Effecten> Transparantie. In de Bijwerkingen venster dat opent, stelt u de mode naar Vermenigvuldigen en verminder de ondoorzichtigheid naar 75%. Hierdoor wordt een deel van de textuur van de papieren afbeelding hieronder weergegeven. Klik OK.

Stap 3

Ga terug naar de Lagen paneel en Slot de Foto laag. Ontgrendel de volgende laag omhoog, Afbeelding 3. We kunnen nu een beetje kleur toevoegen aan de foto om het een humeuriger, dramatischer uiterlijk te geven.

Open de Stalen paneel (Venster> Kleur> Stalen) en selecteer Nieuw kleurenstaal in het vervolgkeuzemenu van het paneel.

Houd de Kleurtype ingesteld op Werkwijze, en maak een diep paars-blauwe tint door de schuifregelaars op de volgende niveaus in te stellen: C = 100 M = 92 Y = 40 K = 36. Klik Toevoegen en dan OK.

Terug op de pagina, ga naar Bewerken> Plakken op zijn plaats om nog een kopie van de kraaienvector op de pagina te plaatsen. Verwijder de papieren afbeelding binnenin en stel de Opvulkleur van de vector naar uw nieuwe donkerblauwe kleurstaal.

Stap 4

Ga met de blauwe vector geselecteerd naar Object> Effecten> Transparantie. Stel de mode naar Vermenigvuldigen en bewaar de ondoorzichtigheid op 100%.

Via het menu aan de linkerkant in de Bijwerkingen venster, klik op Verloopveren om een ​​verloop toe te passen en de opties voor het verloop te bewerken. Trek de schuifregelaars dicht bij elkaar in de richting van het midden van de balk, zoals hieronder wordt weergegeven, totdat de onderstaande foto boven en in het midden van de vector verschijnt.

Stap 5

Selecteer de kraaivector op de Afbeelding 3 laag, en Bewerken> Kopiëren. 

Ga terug naar de Lagen paneel en Slot de Afbeelding 3 laag. Ontgrendel de volgende laag omhoog, Afbeelding 4.

Bewerken> Plakken op zijn plaats een kopie van de kraaienvector op de bovenste laag.

Ga terug naar de Stalen paneel en maak een ander Nieuw kleurenstaal. U kunt deze CMYK-staal een naam geven Inky Black Als je dat wil. Stel de percentageniveaus in op het volgende: C = 60 M = 40 Y = 40 K = 100. Klik Toevoegen en dan OK.

Pas de .... aan Opvulkleur van de kraai vector op de Afbeelding 4 laag naar Inky Black. Ga vervolgens met de geselecteerde afbeelding naar Object> Effecten> Verloopdiamant. Pas de .... aan Hoek in de tegenovergestelde richting, zodat de gradiënt overschakelt naar de top van de vector. Alleen het centrale gedeelte van de afbeelding moet nu de onderstaande foto onthullen.

Klik OK om terug te gaan naar de pagina.

Goed gedaan! Je afbeelding-binnen-afbeelding-effect is voltooid en ziet er fantastisch uit! Nu je de afbeelding hebt voorbereid, kun je deze gebruiken voor alle soorten mediaposters, brochures, flyers en tijdschriften. Wat je ook leuk vindt, het kan een voordeel zijn als je een cool afbeeldingseffect hebt.

In dit voorbeeld heb ik het effect verwerkt in een boekomslagontwerp. 

Als je het hier gepresenteerde hoesontwerp opnieuw wilt maken, lees dan verder om erachter te komen hoe je je hoesontwerp kunt verfraaien en iets bijzonders kunt maken ...

4. Maak je boekomslag

Stap 1

Laten we de afbeelding met afbeelding-binnen-afbeelding gescheiden houden van de rest van de omslagillustratie, dus keer terug naar de afbeelding Lagen paneel en Slot alle vier lagen.

Maak een Nieuwe laag en sleep het naar beneden om onder de te zitten Papierafbeelding laag. Hernoem de laag Kleur achtergrond. 

Selecteer de Rechthoekgereedschap (M) van de Hulpmiddelen paneel en sleep naar de pagina om een ​​rechthoek te maken die zich uitstrekt over de hele pagina en tot aan de rand van de afloop. 

NB: als u uw voorkaft wilt verlengen om later een volledige omslag te maken, neemt u de rechthoek naar de rand van de pagina aan de linkerkant, omdat de inhoud van de afloop anders op uw rug zal terechtkomen.

Maak een Nieuw kleurenstaal van de Stalen paneel, waarmee de CMYK-waarden worden ingesteld C = 43 M = 47 Y = 64 K = 0, om een ​​beige-bruine tint te creëren.

Stel de Vullen van de rechthoekige vorm naar dit nieuwe beige staal en vanaf de bovenkant van de Stalen paneel, trek de Tint schuif naar 57%.

Stap 2

Selecteer de rechthoek en ga naar Object> Effecten> Verloopdiamant. Pas de schuifregelaars en aan Hoek om een ​​subtiel verloop toe te passen dat de kleur donkerder maakt aan de bovenkant en lichter naar de onderkant van de pagina. Klik OK om terug te gaan naar uw pagina.

Selecteer de rechthoek en Bewerken> Kopiëren, Bewerken> Plakken op zijn plaats. Maak een ander Nieuw kleurstaal, C = 47 M = 22 Y = 25 K = 0, een mooie turquoise tint.

Stel de Vullen van de geplakte rechthoek van dit nieuwe turquoise staal. Ga naar Object> Effecten> Verloopdiamant en omgekeerd Hoek van het verloop om de richting van de kleur naar de onderkant van de pagina te schakelen. Klik OK.

Stap 3

Nu je achtergrondkleur er fantastisch uitziet, kun je wat tekst toevoegen aan het hoesontwerp. We kunnen tekst boven en onder de kraaiafbeelding laag maken om een ​​effect in 3D-stijl te creëren.

Laten we eerst een typografie achter de afbeelding plaatsen. Ga terug naar de Lagen paneel en Slot de Kleur achtergrond laag. 

Maak een nieuwe laag, hernoem het als Typografie op achtergrond, en plaats boven de onderste laag, Kleur achtergrond maar onder de Papierafbeelding laag.

We gaan twee verschillende lettertypen op de omslag gebruiken, een die meer geschikt is voor de hoofdtitels-vinta ziet er geweldig uit - en een ander voor de B-titels-Adobe Caslon Pro zal daar perfect voor zijn. Download de lettertypen (Adobe Caslon Pro staat waarschijnlijk al in uw lijst met geïnstalleerde lettertypen in InDesign) en keer terug naar InDesign.

Neem de Type Tool (T) van de Hulpmiddelen paneel en sleep om een ​​nieuw tekstkader op de pagina te maken. Ga naar de rechterbovenhoek van de pagina en typ 'Auteur naam'. Stel de doopvont naar Vinta, maat 33 pt, en stel de Letterkleur naar [Papier].

Van de Tekenopmaakbesturingselementen paneel dat langs de bovenkant van de werkruimte loopt, vergroot het Tracking naar 230, zet de tekst op In hoofdletters en pas de tekst aan Rechts uitlijnen.

Stap 4

Ga terug naar de Lagen paneel en Slot de Typografie op achtergrond laag. Maak een laatste nieuwe laag, hernoem deze Typografie op voorgrond, en verplaats het naar de top van de reeks lagen.

Maak een nieuw tekstkader met behulp van de Type Tool (T) en plaats het centraal onderaan de pagina. Type 'Going North' (of een titel naar keuze!) en stel de doopvont naar Vinta, afmeting 80 pt, Leading 95 pt, All Caps, 140 Tracking, Centre uitlijnen en Letterkleur naar [Papier].

Stap 5

Breng een ander tekstkader met een slogan in Adobe Caslon Pro Italic, grootte 13 pt, 80 traceren, Center centreren en met een Letterkleur van [Papier].

Je kunt ook nog een paar tekstfragmenten markeren, met misschien critici aan de linker- en rechterkant van de omslag, in te stellen in Adobe Caslon Pro, maat 12 pt.

Fabulous! Het ontwerp van je vooromslag is voltooid en het ziet er geweldig uit.

Conclusie

In deze zelfstudie hebben we de stappen doorlopen van het maken van een cool afbeelding-binnen-afbeeldingeffect in InDesign. Dit is echt een opvallend effect dat u rechtstreeks in InDesign kunt maken, alleen door Vectorafbeeldingen in Illustrator te combineren. 

Je hebt enkele echt nuttige vaardigheden in de zelfstudie geleerd, waaronder:

  • Hoe foto's te transformeren in veelzijdige silhouettenvectoren
  • Het deelvenster Lagen gebruiken om vector- en rasterafbeeldingen te lagen om een ​​complex uitziend effect te creëren
  • Hoe u textuur aan uw afbeelding-binnen-afbeelding-effecten toevoegt een achtergrondafbeelding gebruiken
  • Transparanten en verlopen aanpassen in het venster Effecten om uw effect een uber-professionele uitstraling te geven
  • Hoe u uw afbeelding integreert in een complete lay-out, met achtergrondkleur en typografie