Creați un efect Cool Image-Inside-Image în Adobe InDesign

Ce veți crea

Cine a știut că puteți crea efecte standard în Photoshop în Adobe InDesign? Aflați cum să recreezi acest efect dramatic de imagine în interiorul imaginii și să oferiți cărților de acoperire, machetelor de reviste și posterelor un machiaj răcoros.

În acest tutorial, potrivită pentru utilizatorii începători și intermediari ai InDesign, vom trece prin pașii de creare a efectului și de stabilire a acestuia, ca parte a unui design al unei cărți pentru un roman tipărit.

De asemenea, veți avea nevoie de acces la Adobe Illustrator pentru o parte din tutorial. Deschideți InDesign și putem începe!

1. Configurați documentul Paperback în InDesign

Pasul 1

Cu InDesign deschis, selectați Nou> Document de la Bine ati venit fereastră sau mergeți la Fișier> Nou> Document din meniul principal.

În Document nou fereastra care se deschide, păstrați scop setat la Imprimare si Număr de pagini la 1. Deselectați Paginile cu care se confruntă.

Sub Mărimea paginii, alege Personalizat… din meniul drop-down. 

Pasul 2

Să creăm un nou Dimensiunea paginii personalizate, potrivită pentru o husă de hârtie. Tip "B-Format Paperback" în Nume text în partea de sus a ferestrei și setați Lăţime la 130 mm și Înălţime la 198 mm.

NB: Aceasta este o dimensiune adecvată pentru o singură pagină a unei cărți B-Format paperback. În acest tutorial nu vom crea o acoperire completă, inclusiv capacul din spate și coloana vertebrală. Dar dacă doriți să extindeți designul mai târziu pentru a crea o acoperire completă, puteți utiliza Instrumentul Pagină (Shift-P) pentru a extinde lățimea paginii.

Clic Adăuga, și apoi O.K pentru a reveni la Document nou fereastră.

Seteaza Margini pe toate părțile 5 mm, și adăugați a Sângera (apasă pe Mai multe opțiuni dacă nu puteți vedea opțiunile pentru sângerare) 5 mm pe toate laturile paginii.

Clic O.K pentru a crea noul document.

2. Creați imaginea care închide

Efectul imagine-interior-imagine funcționează cel mai bine dacă plasați o imagine grafică (o fotografie sau o imagine vector) într-un cadru vector complet închis.

Puteți utiliza fie un vector al propriului design, fie un vector stoc sau, pentru un pic de realism adăugat graficului, puteți utiliza o versiune vectorică a unei fotografii. Să ne uităm la modul de a crea acest din urmă.

Pasul 1

Deschide Adobe Illustrator. Selectați o fotografie pe care o aveți deja sau alegeți o fotografie dintr-un site de stocuri. Pentru acest design am folosit această fotografie a unei corăbii zburătoare. Fotografiile stabilite în fundal alb și cu un contur puternic vor funcționa cel mai bine pentru crearea efectului.

După ce ați selectat imaginea, reveniți la Ilustrator și Fișier> Locul fotografia pe un document nou.

Pasul 2

Deschideți Urmărirea imaginilor panou (Fereastră> Trasare imagine), și extindeți panoul pentru a vedea setul complet de opțiuni. Cu fotografia selectată și cu previzualizare caseta verificată în Urmărirea imaginilor panou, setați mod la Alb-negru și verificați Ignorați albul caseta din partea inferioară a panoului.

Apasă pe Urmă butonul din partea dreaptă jos a panoului și deplasați glisoarele până când sunteți mulțumit de silueta finală. Încercați să păstrați cât mai mult din detaliile originale ale conturului fotografiei.

Când sunteți mulțumit de rezultat, accesați meniul din partea superioară a ecranului și selectați Obiect> Trasare imagine> Extindeți

Pasul 3

Ungroup vectorul urmărit (Faceți clic dreapta pe [Windows] sau Control-Faceți clic pe [Mac]> Ungroup) și să ștergeți orice elemente de fond de la distanță sau părți dezordonate ale vectorului. Vrei să ai doar o imagine curată siluetă.

Selectați imaginea și Editați> Copiere.

Intoarce-te InDesign și Editați> Lipire. Silueta vectorului va fi aruncată direct pe pagină.

Cu vectorul selectat, Faceți clic dreapta pe [Windows] sau Control-Faceți clic pe [Mac]> Transformați> Flip orizontal; și redimensionați imaginea (în timp ce țineți apăsată tasta Schimb pentru a menține proporțiile), astfel încât să se potrivească confortabil pe pagină.

Pasul 4

De la Controale panou din partea superioară a spațiului de lucru sau din Specimene panou (Fereastră> Culoare> Swatches), Ajustează Umpleți culoarea a vectorului la [Nici unul].

Această imagine va forma fundalul efectului nostru și va arăta foarte frumos, cu puțină textură. Cu imaginea selectată, mergeți la Fișier> Locul și selectați o imagine de fundal simplă, texturată. Aici am folosit o textură de fond de hârtie folosind această imagine a unei foi de hârtie în stil vechi.

Rearanjați imaginea texturii în vector astfel încât să umple întreg vectorul (alegeți Fill Frame Proporțional din partea de sus Controale panou).

3. Layer Up pentru a crea efectul

Construirea graficului în straturi este cheia pentru a obține acest efect ca și cum ar trebui să faceți dacă utilizați Photoshop. 

Pasul 1

Deschideți straturi panou (Fereastră> Straturi) și faceți dublu clic pe implicit Stratul 1 nume pentru a deschide Opțiunile pentru straturi fereastră. Redenumiți stratul Imagine hârtie, și faceți clic pe O.K.

Selectați Stratul nou ... de la straturi meniul vertical al panoului și faceți dublu clic pe strat, ca și mai înainte, pentru a redenumi stratul Fotografie. Creați încă două straturi, denumiți-le Imaginea 3 și apoi Imaginea 4, până când aveți o secvență de patru straturi.

Pasul 2

Selectați imaginea încărcată cu hârtie a cioară și Editați> Copiere.

Apoi reveniți la straturi panou și Blocare trei straturi: Imaginea hârtiei, imaginea 3 și Imaginea 4. Faceți clic pe Fotografie strat pentru al activa.

Mergi la Editați | × din meniul de sus și selectați Lipiți pe loc, pentru a crea un duplicat exact plasat al imaginii cioară. InDesign ar putea dori să lipiți acest lucru pe același strat ca imaginea originală, așa că permiteți-l să facă acest lucru și apoi mutați-l manual pe stratul corespunzător direct din straturi panou.

Faceți dublu clic în interiorul vectorului pentru a selecta direct imaginea de hârtie. Sterge-l. 

Mergi la Fișier> Locul pentru a umple vectorul cioară cu o nouă imagine. Aceasta va fi imaginea voastră interioară. Profilul unei persoane, sau o detaliere detaliată a chipului cuiva, va arăta izbitoare și dramatice. Aici am folosit această imagine a unei femei, pe care am transformat-o într-o imagine alb-negru în Photoshop folosind Channel Mixer ajustare.

Odată ce imaginea este plasată, puteți experimenta redimensionarea acesteia în interiorul vectorului. ține Schimb în timp ce redimensionați pentru a evita distorsionarea imaginii și încercați să poziționați partea din imagine pe care doriți să o evidențiați în centrul cadrului vectorial.

Cu vectorul cioară selectat, du-te la Obiect> Efecte> Transparență. În Efecte fereastra care se deschide, setați mod la Multiplica și reducerea Opacitate la 75%. Acest lucru va aduce o parte din textura imaginii pe hârtie așezată mai jos. Clic O.K.

Pasul 3

Reveniți la straturi panou și Blocare Fotografie strat. Deblocați următorul strat, Imaginea 3. Acum putem adăuga un pic de culoare pe partea superioară a fotografiei pentru a-i oferi un aspect mai atent, mai dramatic.

Deschideți Specimene panou (Fereastră> Culoare> Swatches) și selectați Swatch de culoare nou din meniul derulant al panoului.

Păstrează Tipul de culoare setat la Proces, și să creați o nuanță de culoare albastru-purpuriu prin setarea glisoarelor la următoarele nivele: C = 100 M = 92 Y = 40 K = 36. Clic Adăuga și apoi O.K.

Înapoi pe pagină, du-te la Editați> Lipire pe poziție pentru a plasa o altă copie a vectorului cuib în pagină. Ștergeți imaginea de hârtie din interior și apoi setați Umpleți culoarea a vectorului la noul model de culoare albastru închis.

Pasul 4

Cu vectorul albastru selectat, mergeți la Obiect> Efecte> Transparență. Seteaza mod la Multiplica și păstrați Opacitate la 100%.

Din meniul din stânga din meniul Efecte fereastră, faceți clic pe Gradient Feather pentru a aplica un gradient și a edita opțiunile pentru gradient. Trageți glisierele apropiate spre centrul barei, după cum se arată mai jos, până când fotografia de mai jos apare spre partea de sus și centrul vectorului.

Pasul 5

Selectați vectorul câmpului pe Imaginea 3 strat, și Editați> Copiere. 

Reveniți la straturi panou și Blocare Imaginea 3 strat. Deblocați următorul strat, Imaginea 4.

Editați> Lipire pe poziție o copie a vectorului cuib în stratul superior.

Întoarceți-vă la Specimene și creați altul Swatch de culoare nou. Puteți numi acest specimen CMYK Ink Negru dacă vrei. Setați nivelurile procentuale la următoarele: C = 60 M = 40 Y = 40 K = 100. Clic Adăuga și apoi O.K.

Ajustează Umpleți culoarea din vectorul cuib pe Imaginea 4 strat la Ink Negru. Apoi, cu imaginea selectată, mergeți la Obiect> Efecte> Pene de gradient. Ajustează Unghi în direcția opusă, astfel încât gradientul trece în partea superioară a vectorului. Doar partea centrală a graficului ar trebui să dezvăluie acum fotografia de dedesubt.

Clic O.K pentru a reveni la pagină.

Buna treaba! Efectul imaginii dvs. în interiorul imaginii este terminat și se pare fantastic! Acum, când aveți graficul pregătit, îl puteți folosi pe toate tipurile de postere, broșuri, fluturași, reviste - orice vă simțiți că ar putea beneficia de un efect de imagine rece.

În acest exemplu, am incorporat efectul într-un design al capacului cărții. 

Dacă doriți să recreați designul de copertă ilustrat aici, citiți mai jos pentru a afla cum vă puteți înfrumuseța designul de copertă și puteți crea ceva special ...

4. Creați capacul cărții

Pasul 1

Să păstrăm graficul imaginii în interiorul imaginii separat de restul lucrării de artă a coperții, deci reveniți la straturi panou și Blocare toate cele patru straturi.

Creeaza o Strat nou și trageți-l jos pentru a sta jos Imagine hârtie strat. Redenumiți stratul Contextul culorii. 

Selectează Instrumentul dreptunghiular (M) de la Unelte și trageți în pagină pentru a crea un dreptunghi care se extinde pe întreaga pagină și până la marginea sângerării. 

NB: Dacă doriți să vă extindeți capacul frontal pentru a crea ulterior o copertă completă, luați dreptunghiul până la marginea paginii din stânga, deoarece conținutul sângerării se va vărsa peste coloana vertebrală.

Creeaza o Swatch de culoare nou de la Specimene , setând valorile CMYK la C = 43 M = 47 Y = 64 K = 0, pentru a crea o nuanta bej-maro.

Seteaza Completati de formă dreptunghiulară la acest nou model de bej și, din partea de sus a Specimene panou, trageți în jos Tentă glisați la 57%.

Pasul 2

Selectați dreptunghiul și mergeți la Obiect> Efecte> Pene de gradient. Reglați glisoarele și Unghi pentru a aplica un gradient subtil care face ca culoarea să devină mai întunecată în partea de sus și mai ușoară spre partea de jos a paginii. Clic O.K pentru a reveni la pagina dvs..

Selectați dreptunghiul și Editați> Copiere, Editare> Lipire pe loc. Creați un altul Swatch de culori noi, C = 47 M = 22 Y = 25 K = 0, o nuanta turcoaz minunata.

Seteaza Completati a dreptunghiului lipit la acest nou exemplar turcoaz. Mergi la Obiect> Efecte> Pene de gradient și invers Unghi a gradientului pentru a schimba direcția culorii în partea de jos a paginii. Clic O.K.

Pasul 3

Cu culoarea de fundal acum căutați fantastic, puteți introduce un text pe designul capacului. Putem plasa textul deasupra și dedesubtul graficului cioară pentru a crea un efect în stil 3D.

În primul rând, să stabilim o tipografie în spatele graficei. Reveniți la straturi panou și Blocare Contextul culorii strat. 

Creați un nou strat, redenumiți-l ca Tipografie în fundal, și poziția de deasupra stratului inferior, Contextul culorii dar sub Imagine hârtie strat.

Vom folosi două fonturi diferite pe copertă, una mai potrivită pentru titlurile principale-Vinta va arăta grozav și altul pentru pozițiile B-Adobe Caslon Pro va fi perfect pentru asta. Descărcați fonturile (Adobe Caslon Pro va fi probabil deja în lista dvs. de fonturi instalate în InDesign) și reveniți la InDesign.

Luați Instrumentul tip (T) de la Unelte și trageți pentru a crea un nou cadru de text pe pagină. Poziționați în partea dreaptă sus a paginii și tastați 'Numele autorului'. Seteaza Font la Vinta, Dimensiune 33 pt, și setați Culoare font la [Hârtie].

De la Caracteristici de formatare a caracterelor panou care rulează de-a lungul partea de sus a spațiului de lucru, creșteți Urmărirea la 230, setați textul la Toate capacele și ajustați textul la Aliniați-vă bine.

Pasul 4

Reveniți la straturi panou și Blocare Tipografie în fundal strat. Creați un nou strat final, redenumiți-l Tipografia în prim plan, și mutați-o în partea superioară a secvenței straturilor.

Creați un nou cadru de text utilizând funcția Instrumentul tip (T) și poziționați-o central în partea de jos a paginii. Tip "Mergem spre nord" (sau un titlu de alegere!) și setați Font la Vinta, Dimensiune 80 pt, Leading 95 pt, Toate capacele, 140 de urmărire, Aliniere Center și Culoare font la [Hârtie].

Pasul 5

Aduceți în alt cadru de text, cu un slogan, setat în Adobe Caslon Pro Italic, Dimensiune 13 pt, Urmărire 80, Aliniere Center și cu Culoare font de [Hârtie].

Puteți, de asemenea, să adăugați câteva cadre de text, cu recenzii ale criticilor, de-a lungul părților stângi și drepte ale capacului, așezându-le în Adobe Caslon Pro, dimensiune 12 pt.

Fabulos! Designul pentru coperta din față este terminat și arată minunat.

Concluzie

În acest tutorial, am parcurs pașii de creare a unui efect răcoros imagine-în-imagine în InDesign. Acesta este un efect cu adevărat izbitoare pe care îl puteți crea direct în InDesign, doar prin plasarea graficelor vectoriale generate în Illustrator. 

Ați dobândit câteva abilități utile în acest tutorial, inclusiv:

  • Cum se transformă fotografiile în vectori siluetă versatilă
  • Cum se utilizează panoul Straturi la vectorul de strat și grafica raster pentru a crea un efect complex
  • Cum se adaugă textura imaginilor dvs. în interiorul imaginii utilizând o imagine de fundal
  • Cum să reglați diapozițiile și gradientele din fereastra Efecte pentru a vă oferi un efect uber-profesional
  • Cum să integrați graficul într-un aspect complet, cu culoarea și tipografia de fundal