Creați o machetă de reviste utilizând funcțiile InDesign și Photoshop

Designerii folosesc adesea mai multe aplicații pentru a-și crea munca. Ce este minunat despre produsele Adobe este faptul că puteți schimba cu ușurință între ele pentru a efectua diferite sarcini. În acest tutorial, vă vom arăta cum să creați un aspect al revistei utilizând Adobe InDesign. Vă vom arăta apoi cum să creați o machetă de reviste realistă și reutilizabilă a acelui design în Photoshop pe care să o puteți prezenta clienților dvs. Să începem!


Tutorial Active

Următoarele active au fost utilizate în timpul realizării acestui proiect.

  • Străzile din New York 3
  • Mijlocul drumului
  • Popoarelor indigene
  • Dirty request alley back
  • Runners - Întâlnire
  • Namibia - Desert Namib - Dead vlei

Pasul 1: Proiectarea paginii în InDesign

Deschideți InDesign. Înainte de a începe orice, să setăm unitatea la milimetri. Faceți clic pe Editare> Preferințe și setați unitățile de rigle la milimetri.


Pasul 2

Faceți clic pe Fișier> Nou pentru a crea un fișier nou. Setați dimensiunea paginii la litera. Faceți clic pe butonul Mai multe opțiuni.


Pasul 3

Adăugați Bleed 2 mm. Utilizăm sângerări pentru a adăuga o pânză suplimentară în document. Această zonă de sângerare nu va fi imprimată.


Pasul 4

În panoul Pagini, adăugați o pagină nouă. Acum avem două pagini.


Pasul 5

Faceți dublu clic pe pagina principală.


Pasul 6

Apăsați Command / Ctrl + R pentru a dezvălui conducătorul. Trageți comanda / Ctrl pentru a crea un ghid nou în partea de sus a ambelor pagini.


Pasul 7

Adăugați un alt ghid în partea inferioară a paginii.


Pasul 8

Adăugați un alt ghid orizontal pentru a adăuga 4 și 3 coloane pe fiecare pagină.


Pasul 9: Adăugați numărul paginii

Faceți clic și trageți utilizând instrumentul Tip pentru a desena o casetă de text. Tip Pagină atunci spaţiu. Selectați Tip> Inserare caracter special> Marcator> Numărul paginii curente.


Pasul 10

Deschideți panoul Stiluri paragraf și creați un stil nou.


Pasul 11

Faceți dublu clic pe stiluri și setați alinierea acesteia la Away from Spine. Aplicați acest stil în pagina curentă a casetei de text.


Pasul 12

Alt - glisați caseta de text pentru ao duplica. Plasați-o în altă parte a paginii


Pasul 13

Mai jos, puteți vedea rezultatul pe pagină. Caracterul A se schimbă automat, în funcție de numărul paginii curente.


Pasul 14

Adăugați o fotografie în partea de sus a paginii. Asigurați-vă că ați fixat-o în zona de sângerare.


Pasul 15

Nu vrem ca imaginea să fie mutată sau editată accidental. Faceți clic dreapta pe imagine și selectați Blocare.


Pasul 16

Adăugați o subtitrare a imaginii adăugând o casetă de text în colțul din dreapta jos al imaginii.


Pasul 17

Adăugați o altă imagine și subtitrarea acesteia în ultima coloană.


Pasul 18

Adăugați o casetă text în prima coloană și completați-o cu un articol. Pentru a o completa cu un text inactiv, faceți clic pe Text> Completați cu Text substituent.


Pasul 19

Aplică stilul paragrafului în titlul său.


Pasul 20

Aplicați stiluri de caractere pe o parte a titlului. Aceasta va suprascrie setarea textului.


Pasul 21

Aplicați stilul paragrafului în corpul articolului. Din bara de opțiuni, setați linia de prima linie: 4 mm.


Pasul 22

Selectați primul paragraf și înlocuiți setarea acestuia din bara de opțiuni prin eliminarea liniei de linie a primei linii la 0 mm.


Pasul 23

Trageți dreptunghi și puneți un triunghi în centrul său.


Pasul 24

Selectați ambele forme. Faceți clic dreapta pe ele și selectați Grup pentru a le combina ca grup.


Pasul 25

Deschideți panoul Text wrap Wrap și setați următorul set de înfășurare.


Pasul 26

Plasați-l pe partea de sus a articolului.


Pasul 27

Adăugați un alt articol. De această dată, rotiți săgeata astfel încât să îndreptați imaginea mică.


Pasul 28

Treceți la pagina următoare. Adăugați o fotografie în partea superioară a paginii.


Pasul 29

Adăugați dreptunghi care acoperă pagina inferioară și fotografia.


Pasul 30

Aplicați gradientul linear de la alb la negru.


Pasul 31

Din panoul Efecte, setați modul de amestecare la Multiplicare.


Pasul 32

Desenați un dreptunghi gri în partea inferioară a paginii.


Pasul 33

Adăugați titlul postului. Plasați niște forme dreptunghiulare în spatele textului.


Pasul 34

Adăugați corpul articolului în caseta de text separată.


Pasul 35

Adăugați o cotație în ultima coloană realizată din combinația dintre stilurile paragrafului și stilurile de caractere.


Pasul 36

Adăugați articole și imagini mai mici în partea inferioară a paginii.


Pasul 37

Am terminat să lucrăm la pagină. Mai jos rezultatul.


Pasul 38: Exportarea paginii în format JPEG

Vom exporta această pagină în Photoshop. Nu vrem să importăm fișierul INDD, dar alegem JPEG deoarece este mult mai simplu. Deci, mai întâi să exportim pagina în format JPEG. Faceți clic pe File> Export.

Din caseta de dialog Export, setați tipul de fișier în JPEG.


Pasul 39: Referințe pentru machete

Este mult mai ușor să folosiți fotografii reale decât să le atrageți din imaginație. Luați aparatul foto și faceți o fotografie a revistei dvs. De asemenea, dorim să ne asigurăm că revista are aceeași dimensiune ca cea a revistei noastre. Pentru machete, este mai bine să folosiți o fotografie cu perspectivă. Acest lucru are ca rezultat un aspect mai realist.


Pasul 40

Pentru acest proiect folosesc această referință foto. Traceți prima pagină utilizând instrumentul Pen în modul Formă.


Pasul 41

Adăugați Stroke și reduceți stratul său de umplere pentru a ne ajuta să vedem referința.


Pasul 42

Urmăriți restul paginii și asigurați-vă că ați pus-o în spatele paginii anterioare.


Pasul 43

Scoateți Stroke și schimbați nivelul de umplere înapoi la 100%. Acest timp se aplică Shadow Inner și Gradient Overlay.


Pasul 44

Adăugați un strat nou în partea superioară a paginii. Setați-o ca Mască de Clipping (Command / Ctrl + Alt + G). În acest fel, tot ceea ce punem aici se va duce în interiorul paginii. Utilizați instrumentul Pen (Pen) pentru a desena o linie albă ca evidențiere a paginii.


Pasul 45

Se atenuează evidențiarea prin aplicarea unui filtru Gaussian Blur.


Pasul 46

Reduceți opacitatea stratului.


Pasul 47

Repetați acest pas pentru a adăuga mai multe detalii pe pagină.


Pasul 48

Repetați același proces, dar de data aceasta vopsiți negru pentru a adăuga umbră.


Pasul 49

Vopsea albă în centrul paginii.


Pasul 50

Îndepărtați-l aplicând o blur gaussian foarte mare.


Pasul 51

Reduceți opacitatea stratului.


Pasul 52

Command / Ctrl faceți clic pe prima pagină pentru ao selecta. Adăugați un strat nou în spatele primei pagini. Completați selecția cu negru.


Pasul 53

Se înmoaie umbra paginii prin aplicarea filtrului Gaussian Blur.


Pasul 54

Conversia stratului în masca de tăiere. În acest fel, umbra va intra în interiorul paginii din spatele ei.


Pasul 55

Continuați să repetați acest pas pentru a adăuga celelalte pagini umbrite.


Pasul 56

Adăugați manual umbră de pagină pe capacul principal al revistei.


Pasul 57

Efectuați un nou strat între fiecare pagină și vopsiți umbra subtilă aleatorie pentru a adăuga aspectul realitic.


Pasul 58

Faceți clic pe File> Place și selectați pagina InDesign în format JPEG. Fișierul JPEG va fi introdus în PSD ca un obiect inteligent. Putem transforma această imagine fără a edita vreun pixel.


Pasul 59

Duplicați obiectul inteligent de pagină prin apăsarea comenzii / Ctrl + J. Faceți clic pe pictograma ochi din fața stratului original al paginii pentru al ascunde. Apăsați Command / Ctrl + T și transformați pagina.


Pasul 60

Comanda / Ctrl trageți colțul până când se potrivește cu forma paginii.


Pasul 61

Continuați să repetați acest pas.


Pasul 62

O transformare simplă nu va fi suficientă. Faceți clic dreapta și alegeți Warp.


Pasul 63

Desenați mânerul și cutiile de urzeală până când se potrivește cu curbura paginii.


Pasul 64

Transformați stratul în Mască de tăiere și plasați-l sub toate punctele de vedere și umbrele.


Pasul 65

Duplicați această pagină cu obiecte inteligente și plasați-o pe restul paginii din spatele acesteia.


Pasul 66

Repetați acest proces la fiecare pagină.


Pasul 67

Desenați restul paginii și de această dată aplicați următoarea pagină InDesign.

Până acum, iată rezultatul nostru.


Pasul 68: Adăugați umbra

Command / Ctrl-clic pe toate paginile pentru a selecta întreaga revistă. Vopsea negru în centrul revistei.


Pasul 69

Umpleți fundalul cu negru. Selectați revista. Faceți un nou strat și plasați-l sub toate straturile. Completați selecția cu negru.


Pasul 70

Îmbunătățiți umbra revistei prin aplicarea filtrului Gaussian Blur.


Pasul 71

Ștergeți umbra neplăcută.


Pasul 72

Command / Ctrl-click pe coperta stanga.


Pasul 73

Faceți din nou un strat nou și completați-l cu negru. Îndepărtați-l din nou aplicând Gaussian Blur, dar de această dată utilizați Radius mai mic.


Pasul 74

Adăugați o altă umbră în spatele capacului drept. Machetul nostru este acum gata de utilizare.


Pasul 75

Faceți dublu clic pe designul unei pagini inteligente pentru a edita conținutul.


Pasul 76

Inserați un alt design de pagină în fișier. Salvați fișierul și apoi închideți-l.


Pasul 77

În funcție de mărimea fișierului și de starea computerului dvs., este posibil să fie necesar să așteptați câteva secunde sau minute pentru a actualiza conținutul Smart Object


Pasul 78

În fișierul mockup, conținutul paginii este actualizat automat. Nu este necesară o transformare manuală. Repetați acest proces la cealaltă pagină.


Pasul 79

De data aceasta, încercăm să lipim acest design.


Pasul 80

Așteptați un timp.


Imagine finală

Sunt gata să utilizați șabloanele Mockup pentru reviste de către Placeit

Placeit este un instrument generator de machete online care este simplu și ușor de utilizat. Nu sunt necesare abilități pentru Photoshop sau Adobe, deoarece acestea se fac online. Doar selectați un șablon de la ei 11.000+ modele SMART, inserați-vă designul și sunteți bine să mergeți.

Femeie Citirea unui șablon de magazin în scaunul din spate al unei mașiniAfară de citirea unei reviste Mockup a tânărului cu ochelari