Cum se creează un Flyer promoțional în Photoshop

Ce veți crea

Photoshop este un instrument excelent pentru designul grafic, în special grafica digitală care este afișată numai pe ecrane, în plus față de sarcinile sale asemănătoare de a personaliza fotografiile. Dar nu e totul pentru care e bine. Cu cunoștințe și gândire adecvate, se poate folosi Photoshop pentru a crea modele de imprimare uimitoare, de asemenea.

Acest tutorial vă va ajuta să parcurgeți pașii de bază ai creării unui flyer vizibil deasupra, care poate fi imprimat imediat în culorile CMYK pregătite pentru imprimare direct de la Photoshop. Puteți urma acest tutorial pentru a face acest fluturaș exact sau pentru a modifica pașii cu conținutul și culorile pe care doriți să le obțineți stilul de fluturaș pe care doriți să îl utilizați folosind aceleași metode.

Dacă vă grăbiți și sunteți în căutarea unei soluții de calitate, atunci avem un număr de șabloane Flyer disponibile pentru cumpărare pe GraphicRiver, cum ar fi: Bilet Flyer, Șablon Flyer de Afaceri sau Șablon Vintage Flyer.

Sau puteți lucra cu un designer de fluturași personalizat pe Envato Studio. De exemplu, popularul designer canadian Fragonard va crea un design unic de flyer personalizat pentru doar 40 de dolari.

În caz contrar, acest tutorial vă va arăta un flux de lucru profesionist. Să începem!

Tutorial Active

Acest tutorial folosește imagini fără drepturi de autor de la Envato, împreună cu unele pictograme vectoriale create pe care le-am creat în Illustrator special pentru acest proiect. Veți găsi fiecare dintre ele, împreună cu un fișier PSD completat pe care îl puteți utiliza pentru a compara munca dvs., descărcată în bara laterală a acestui tutorial.

Acest tutorial utilizează, de asemenea, Familia de fonturi Proxima Nova, care vine cu un abonament Typekit sau Adobe Creative Cloud. Puteți să sincronizați acel font cu computerul și să îl utilizați cu acest tutorial sau să utilizați un alt tip similar de tip propriu.

Configurați documentul cu ghiduri

Pasul 1

Mai întâi, configurați un document cu dimensiunea și setările corecte pentru imprimare. Creați un nou document în Photoshop și stabiliți dimensiunile acestuia 216x154 mm. Aceste dimensiuni reprezintă dimensiunea hârtiei A5 cu sângerare de 3 mm adăugată la fiecare margine. Din moment ce vom crea opere de artă pentru imprimare, setați Modul color la CMYK și Rezoluţie la 300 Pixeli / inch.

Pasul 2

Creați ghidaje noi care vor reprezenta zona de sângerare. Illustrator și InDesign au această funcție încorporată, dar în Photoshop trebuie să le creăm singuri. Folosește Mutați instrumentul (V) si Schimb cheiepentru a crea un ghid orizontal tragând cursorul de la rigla de sus. Asigurați-vă că ghidajul este amplasat 3 mm pe axa Y..

Pasul 3

Repetați același proces pentru a crea ghidaje de-a lungul fiecărei margini a documentului. Asigurați-vă că fiecare ghid este inset 3 mm de la marginea corespunzătoare.

Crearea fundalului

Pasul 1

presa Shift-Cmd-N pentru a crea un nou Strat. Completați-l cu alb ca culoare prim-plan (Alt-Backspace). Asigurați-vă că aveți CMYK Sliders pornit astfel încât să utilizați culori imprimate.

Pasul 2

Creaza un nou Gradient Overlay. În Stratul pentru stilul stratului, editați Gradientul. Setați glisorul alb Locație la 30%. Schimbați culoarea glisorului negru în Culoare galbenă (C = 9 M = 6 Y = 14 K = 0).

Adăugați o suprapunere de gradient din fxbuton în panoul de straturi ... ... apoi personalizați-vă gradientul ... ... cu culorile pe care le doriți pentru document

Pasul 3

Folosește Instrumentul dreptunghiular (U) pentru a crea un nou dreptunghi. Setați-o mărimea la 216 mm de 56 mm.

Pasul 4

Alinia dreptunghiul în colțul din stânga sus al documentului. Completați-l cu Dark Brown (C = 49 M = 74 Y = 80 K = 70).

Pasul 5

Folosește Instrument Pen (P) pentru a adăuga un nou punct de ancorare la marginea inferioară a dreptunghiului.

Pasul 6

Cu Instrumentul de selecție directă (A), jucați cu mânerele de ancoră pentru a crea o curbă frumoasă Bezier.

Pasul 7

Urmați aceiași pași pentru a ajusta dreptunghiul în forma prezentată mai jos.

Pasul 8

Mergi la Fișierul> Locul încorporat ... , apoi selectați oameni-1.jpg imagine din pachetul de resurse.

Pasul 9

Folosește Mutați instrumentul (V) pentru a muta fotografia în jurul documentului. Așezați-l în colțul superior de sus, după cum se arată mai jos.

Pasul 10

Creați un dreptunghi nou cu Instrumentul dreptunghiular (U). Setați-o mărimea la 216 mm de 100 mm.

Pasul 11

Folosește Instrumentul de selecție directă (A) pentru a plasa dreptunghiul direct deasupra fotografiei din colțul din stânga sus.

Pasul 12

În Panou de instrumente cu panouri dreptunghiulare opțiuni, selectați Masca. Aceasta va crea o mască vectorică aplicată stratului cu fotografia.

Pasul 13

Adăugați un nou punct de ancorare la mască cu Instrument Pen (P). Creați o curbă curbă Bezier cu Direct Instrument de selecție (A).

Pasul 14

Folosind aceleași instrumente, Instrumentul Pen si Instrumentul de selecție directă, încercați să ajustați masca în forma prezentată mai jos. Observați poziția punctelor de ancorare și simplitatea formei. Cu cât mai puțin puncte de ancorare pe care le folosiți, cu atât va fi mai fin masca finală.

Pasul 15

Mergi la Filtru> Blur> Gaussian Blur. Seteaza Rază la 6.

Pasul 16

Selectează Filtre inteligente masca. Folosește Instrument de gradient (G) pentru a estompa masca de la stânga la dreapta.

Setați direcția de înclinare de la stânga la dreapta pentru a estompa imaginea spre dreapta

Pasul 17

Creaza un nou Mască de strat. Folosește Instrument perie (B) să scadă scările de pe fotografie. Folosește instinctele și creativitatea de bază.

Pasul 18

Creați o nouă luminozitate / contrast Strat de ajustare dând clic pe pictograma de soare din panoul Ajustări. A stabilit strălucire la 40 și Contrast la 10.

Pasul 19

Faceți clic dreapta pe stratul de ajustare și selectați Creați o mască de tăiere. Aceasta va aplica noile setări de luminozitate numai pentru fotografia de mai jos.

Pasul 20

Creaza un nou Culoare solida. Setați Culoare Umplere la Brown (C = 30 M = 80 Y = 100 K = 30).

Pasul 21

Faceți clic pe masca vectorală din stratul de fotografie. Tine Alt și glisați masca peste maro Completați culoarea. Această acțiune va duplica masca selectată.

Pasul 22

Folosește Instrumentul de selecție directă (A) și trageți punctul de ancorare din dreapta sus în colțul din dreapta sus.

Pasul 23

Folosește Instrument perie (B) pentru a arăta câteva zone ale fotografiei sub umplutura brună. Seteaza Opacitatea stratului la 75%.

Pasul 24

Desenați un nou dreptunghi cu Instrumentul dreptunghiular (U).

Pasul 25

Umpleți dreptunghiul cu Culoare maro deschis (C = 10 M = 65 Y = 100 K = 0).

Pasul 26

Plasați stratul cu dreptunghiul brun deschis sub marginea întunecată.

Pasul 27

Folosește Instrument Pen (P) cu Instrumentul de selecție directă (A) pentru a regla dreptunghiul într-o formă curbată, după cum se arată mai jos.

Adăugarea textului și a siglei

Pasul 1

Creaza un nou Elipsa (U). Setați dimensiunile acestuia la 248 px de 248 px. Completați-l cu Culoare brună (C = 30 M = 80 Y = 100 K = 30).

Pasul 2

Adaugă Umbra efect. A stabilit Opacitate la 14%, Distanţă la 5 px, și mărimea la 15 px.

Adăugați o umbră de umplere la stratul din fx în panoul de straturiAjustați-vă umbra cu aceste setări

Pasul 3

Creaza un nou Elipsa (U). Setați dimensiunile acestuia la 400 px de 400 px. Completați-l cu Culoare albastru închis (C = 100 M = 80 Y = 45 K = 50).

Pasul 4

Utilizați același lucru Umbra efect și aplicați-o pe elipsă. Puteți recrea creați umbra sau faceți clic dreapta și selectați Stilul stratului de copiere și apoi lipiți stilul stratului pe cealaltă elipsă. Puneți stratul cu elipsă albastră închisă sub cea cu elipsă brună.

Pasul 5

Adăugați un text cu Instrumentul tip (T). Acest tutorial utilizează Proxima Nova familie. Top TITLUL Size este de 17 pt. Adăugați restul textului, cu fiecare într-un strat separat. Folosește Mutați instrumentul (V) pentru a plasa fiecare linie în mod corespunzător, după cum se arată în imaginea de mai jos.

Pasul 6

Repetați același proces pentru a adăuga text nou. Seteaza mărimea de la prima linie la 31 pt.

Pasul 7

Creați un titlu nou utilizând funcția Instrumentul tip (T). Seteaza fpe t la Proxima Nova Light si mărimea la 18 pt.

Pasul 8

Adăugați subtitlul, din nou, utilizând Instrumentul tip (T). Seteaza Size la 36 pt. Regla Urmărirea caracterelor la -10.

Pasul 9

Selectați ambele straturi de text. Țineți apăsată tasta Alt cheie și trage textul pentru a duplica ambele rânduri de mai jos.

Pasul 10

Din nou, utilizați Instrumentul tip (T) pentru a rescrie textul în funcție de imaginea de mai jos. Poziționați textul cu Mutați instrumentul (V).

Pasul 11

Mergi la Fișier> Locul încorporat și plasați logo-ul vectorului acme-travel-logo.ai în document.

Pasul 12

Reduceți logo-ul vectorului și poziționați-l în colțul din dreapta sus.

Pasul 13

Adaugă Umbra efect. În Stratul pentru stilul stratului, a stabilit Opacitate la 11%, Distanţă la 3 px, și mărimea la 16 px.

Adăugarea fotografiilor de fund

Pasul 1

Creaza un nou Dreptunghi (U). Setați-o spână la 60 de ani px de 28 px.

Pasul 2

Selectați forma dreptunghiului cu Instrumentul de selecție directă (A). În panoul de aliniere, setați Orizontală Centre.

Pasul 3

Mergi la Fișier> Locul încorporat și plasați oameni-11.jpg fotografie din pachetul de resurse.

Pasul 4

Scalați imaginea și plasați-o direct în dreptunghi.

Pasul 5

Activați funcția Instrumentul dreptunghiular (U), și în panoul cu opțiuni, faceți clic pe Masca. Această acțiune va crea o mască vectorică din dreptunghi și va aplica fotografia.

Pasul 6

Dacă este selectat încă un strat foto, țineți apăsat Alt-Shift și trageți fotografia pentru ao duplica. 

Pasul 7

Mergi la Fișier> Locul încorporat. Selectează city-5.jpg fotografie din Resource Pack și adăugați-o în document.

Pasul 8

Scalați imaginea și plasați-o deasupra fotografiei duplicate împreună cu fetița.

Pasul 9

Luați masca din fotografia duplicată cu fata și puneți-o în noua imagineștergeți oameni-11-copie strat.

Pasul 10

Repetați pașii de la 7 la 9 pentru a adăuga imaginea de pe hartă în document, de această dată plasând imaginea de pe hartă.

Pasul 11

Selectează harta-captură de ecran strat și adăugați Accident vascular cerebral din butonul de efecte din panoul de straturi.

Pasul 12

A stabilit Stroke Size la 2 px. Regla Poziţie la Interior și stabilit Culoare la Brown (C = 30 M = 80 Y = 100 K = 30).

Adăugarea textului inferior

Pasul 1

Folosește Instrumentul tip (T) pentru a crea o nouă instanță de text. Setați-o size la 11 pt si este Culoare la Maro deschis (C = 10 M = 65 Y = 100 K = 0).

Pasul 2

Adăugați mai multe linii. A stabilit Size la 9 pt, regla Conducere la 13 pct, și schimbare Culoare la Gri (K = 90).

Pasul 3

Urmați același proces pentru a crea un nou bloc de text. Plasați-le sub fotografie cu fata și harta de pe hartă.

Pasul 4

Mergi la Fișierul> Locul încorporat ... Selectați icons.ai pentru a importa pictogramele în document. Va apărea o nouă fereastră contextuală. Selectează Icon de calendar și faceți clic pe O.K.

Pasul 5

Scalați pictograma și plasați-o nouă în prima linie cu informații despre timp.

Pasul 6

Repetați același proces pentru a importa restul pictogramelor și a le plasa corespunzător în dreptul fiecărei linii.

Pasul 7

Folosește Instrumentul tip (T) pentru a adăuga text nou. Plasați-l peste captura de ecran a hărții. A stabilit Size la 13 pct, regla Conducere la 11 pt, și schimbare Culoare la Lumină brună (C = 10 M = 65 Y = 100 K = 0).

Pasul 8

Urmați același proces pentru a adăuga noi linii de text pentru adresă. A stabilit Size la 9 pt și schimbare Culoare la Gri (K = 90).

Pasul 9

Mergi la Fișierul> Locul încorporat ... , Selectați icons.ai din nou și importați Globe Vector Icon în document.

Pasul 10

Măriți pictograma și plasați-o lângă adresa web.

Pasul 11

Activați funcția Instrument Pen (P) și să creați o formă de vector care va reprezenta direcția pe hartă.

Pasul 12

În Panoul de opțiuni, a stabilit Accident vascular cerebral la dashed și Culoare la Lumină brună (C = 10 M = 65 Y = 100 K = 0).Regla Accident vascular cerebral WSuprafață la 1,5 pt.

Pasul 13

Mergi la Opțiuni pentru mers> Mai multe opțiuni ... , și stabilit Capace la Rundă și ajustați Dcalcinată LINE: liniuță la 3 și Decalaj la 3.

Pasul 14

Creaza un nou Elipsa (U). A stabilit Culoare la Brown (C = 30 M = 80 Y = 100 K = 30).

Pasul 15

Activați funcția Instrument Pen (P). Tine Alt cheie și faceți clic pe punctul de ancorare de jos. Aceasta va transforma punctul de ancorare de la neted la colț.

Pasul 16

Cu Instrumentul de selecție directă (A), mișcați punctul de ancorare convertit în jos.

Pasul 17

Adaugă Umbra efect asupra pinului. Utilizați setările de mai jos pentru a le face mai subtile.

Pasul 18

Din nou, creați un nou Elipsa (U) și Fculoarea rău cu alb. Așezați elipsa în centrul știftului. Și asta e atingerea finală a designului nostru de fluturași.

Concluzie

Felicitări! Dacă ați urmat tutorialul până la acest punct, ar trebui să aveți un design frumos al unui flyer promoțional realizat.

Amintiți-vă: de fiecare dată când proiectați imagini pentru imprimare digitală, trebuie să vă gândiți în culorile CMYK pentru a obține cele mai bune rezultate. Nu uitați să adăugați sângerări pe panza (la cel puțin 3 mm de la fiecare margine). Dacă nu sunteți sigur de anumiți parametri tehnici avansați, este întotdeauna bine să consultați direct compania de imprimare pentru a evita greșelile sau problemele.

Dacă aveți nevoie de o soluție pro ambalată, apucați unul dintre șabloanele Flyer de la GraphicRiver. Avem o multitudine de opțiuni creative, cum ar fi Biletul Flyer, Șablonul Flyer de Afaceri sau Șablon de Vintage Flyer.

În următorul tutorial din această serie, vom examina modul în care să impunem acest flyer în InDesign și să pregătim un PDF de calitate a tipăririi. Între timp, dacă aveți întrebări legate de crearea unui design tiparit în Photoshop, lăsați un comentariu mai jos și ne-am bucura să vă ajutăm.