How å lage et kampanjetilbud Flyer i Photoshop
Hva du skal lage
Photoshop er flott verktøy for grafisk design, spesielt digital grafikk som bare vises på skjermer, i tillegg til sin navnebror oppgaver tweaking fotografier. Men det er ikke alt det er godt for. Med riktig kunnskap og tenkning, kan man bruke Photoshop til å lage imponerende utskrifts design også.
Denne opplæringen vil ta deg gjennom de grunnleggende trinnene for å skape den iøynefallende flyger sett ovenfor som kan skrives ut med en gang på trykk -SHOP-ready CMYK-farger direkte fra Photoshop. Du kan følge denne opplæringen for å gjøre dette nøyaktig hefte, eller justere trinnene med innholdet og farger du ønsker å få flyger stil du ønsker å bruke de samme metodene.
Hvis du er i en hast skjønt , og er på utkikk etter en god løsning, da har vi en rekke Flyer Maler tilgjengelig for kjøp på GraphicRiver, for eksempel:. Flyer Bundle, forretninger Flyer mal, eller Vintage Flyer Mal
Ellers er dette veiledningen vil vise du en profesjonell arbeidsflyt. La oss komme i gang!
Instruksjons Eiendeler
I denne opplæringen brukes royaltyfrie bilder fra Envato, sammen med noen skreddersydde vektor ikoner som jeg har laget i Illustrator spesielt for dette prosjektet. Du vil finne hver av dem, sammen med et utfylt PSD-fil som du kan bruke til å sammenligne med arbeidet ditt, i nedlasting på denne opplæringen sidefeltet.
Denne opplæringen bruker også Proxima Nova skriftfamilie, som kommer med en Typekit eller en Adobe Creative Cloud-abonnement. Du kan synkronisere at skriften til datamaskinen og bruke den med denne opplæringen, eller bruk en annen lignende skrift av din egen.
Oppsett dokument med Guides
Trinn 1
Først setter opp et dokument med riktig størrelse og innstillinger for print. Opprett et nytt dokument i Photoshop, og sette dens dimensjoner til
216x154 mm. Disse dimensjonene representerer A5 papirstørrelse med 3 mm utfallende lagt til hver kant. Siden vi skal lage skisser for utskrift, sette Fargemodus
til CMYK Hotell og Oppløsning
til 300
piksler /tomme.
Trinn 2
Opprett nye guider som skal representere lufteområdet. Illustrator og InDesign har denne funksjonen innebygd, men i Photoshop, må vi lage det selv. Bruk Move Tool (V) Hotell og Shift
tasten
å opprette en vann ved å dra markøren fra øverste hersker. Sørg for at guiden ligger 3 mm
på Y-aksen.
Trinn 3
Gjenta den samme prosessen for å opprette hjelpelinjer langs hver kant av dokumentet. Sørg for at hver guide er innfelt 3 mm
fra den tilsvarende kant.
Lage bakgrunns
Trinn 1
Trykk på Skift-Cmd N
å opprette en ny Layer
. Fyll den med White
som forgrunnsfarge (Alt-Backspace). Sørg for at du har CMYK Sliders
slått på slik at du bruker trykkfarger.
Trinn 2
Opprett en ny Gradient Overlay
. I Lagstil Panel
, etter redigere Gradient. Sett den hvite glidebryteren Plassering
til 30%
. Endre fargen på den svarte glidebryteren til Pale Yellow (C = 9 M = 6 Y = 14 K = 0)
.
Legg en gradient overlay fra fx
knappen i lag-panelet ...
... deretter tilpasse gradient ...... med de fargene du ønsker for dokumentet
Trinn 3
Bruk rektangelverktøyet (U)
å opprette en ny rektangel. Sett sin størrelse
til 216 mm
av 56 mm
.
Trinn 4
Align
rektangelet til venstre hjørne av dokumentet. Fyll den med Dark Brown (C = 49 M = 74 Y = 80 K = 70)
.
Trinn 5
Bruk Pen Tool (P)
å legge til et nytt ankerpunkt på nedre kant av rektangelet.
Trinn 6
med Direct Selection Tool (A)
, etter leke seg med ankeret håndterer å skape en fin Bezier kurve.
trinn 7
Følg de samme trinnene for å justere rektangelet i form vist nedenfor.
Trinn 8
Gå til Fil > Plasser Embedded ...
, og deretter velger du folk-1.jpg
bilde fra Resource Pack.
Trinn 9
Bruk Move Tool (V)
å flytte bildet rundt dokumentet. Plasser den i øvre hjørne som vist nedenfor.
Trinn 10
Opprett en ny rektangel med rektangelverktøyet (U)
.
Sett sin størrelse
til 216
mm av 100 mm.
Trinn 11
Bruk Direct Selection Tool (A)
å plassere rektangelet rett over bildet i øvre venstre hjørne .
Trinn 12
i rektangelverktøyet Panel
alternativer, velger du Mask
. Dette vil skape en vektormaske påført laget med bildet.
Trinn 13
Legg til et nytt ankerpunkt til masken med Pen Tool (P)
. Lag en svingete Bezier kurve med Direkte
Selection Tool (A).
Trinn 14
Ved å bruke de samme verktøyene, Pen Tool
og Direct Selection Tool, etter prøve å justere masken i form vist nedenfor. Legg merke til plasseringen av festepunktene og enkelheten av formen. Jo mindre ankerpunkt du bruker, vil det jevnere slutt masken vises
Trinn 15
Gå til Filter >.; Blur > Gaussian Blur.
Sett Radius
til 6.
Trinn 16
Velg smartfiltre
maske. Bruk Gradient Tool (G)
å visne masken fra venstre til høyre.
Sett gradient retning som venstre til høyre for å sløre ut av bildet mot høyre
Trinn 17
< p> Opprett en ny lagmaske
. Bruk Brush Tool (B)
å visne trapper på bildet. Bruk noen grunnleggende instinkt og kreativitet.
Trinn 18
Opprett en ny lysstyrke /kontrast justeringslag
ved å klikke på sol-ikonet i justeringspanelet. Sett Lysstyrke
til 40 Hotell og Contrast
til 10 år
Trinn 19
Høyreklikk på justeringslag, og velg < b> Opprett Klipping Mask
. Dette vil gjelde de nye innstillinger for lysstyrke kun til bildet under.
Step 20
Opprett en ny Solid Color
. Sett Fargefyll til Brown (C = 30 M = 80 Y = 100 K = 30)
.
Trinn 21
Klikk på vektoren maske fra fotosjiktet. Hold Alt
tasten og dra masken over den brune Color Fill.
Handlingen vil kopiere den valgte masken.
Trinn 22
Bruk Direct Selection Tool (A) Hotell og dra høyre ankerpunkt til øverst til høyre hjørne.
Trinn 23
Bruk Brush Tool (B)
å avsløre noen områder av bildet under den brune fyll. Sett Layer Opacity
til 75%
.
Trinn 24
Tegn et nytt rektangel med rektangel Tool (U)
.
Trinn 25
Fyll rektangelet med lys brun farge (C = 10 M = 65 Y = 100 K = 0).
Trinn 26
Plasser lag med lys brun rektangel under den mørkebrune rektangelet.
Trinn 27
Bruk Pen Tool (P)
med Direct Selection Tool (A)
å justere rektangel til en buet form som vist nedenfor.
Legge til tekst og logo
Trinn 1
Opprett en ny Ellipse (U).
Sett dens dimensjoner til 248
px
av 248 px.
Fyll den med Brown farge (C = 30 M = 80
Y = 100 K = 30).
Trinn 2
Legg Drop Shadow
effekt. Sett Opacity
til 14
%
, Avstand
til 5
px, etter og Størrelse
til 15
px
.
Legg en skygge til laget fra fx
knappen i laget paneTweak din skygge med disse innstillingene
Trinn 3
Lag en ny Ellipse (U)
. Sett dens dimensjoner til 400
px
av 400 px.
Fyll den med Mørk Blå farge (C = 100
M = 80 Y = 45 K = 50).
Trinn 4
Bruk samme Drop Shadow
effekt og bruke den til ellipsen. Man kan enten lage skygge, eller høyreklikk og velg
Kopier Lagstil Hotell og deretter lime lagstilen på den andre ellipse. Sett lag med mørk blå ellipse under ett med den brune ellipse.
Trinn 5
Legg til tekst med Type Tool (T).
Denne opplæringen bruker Proxima Nova
familien. T
op
T
itle
S
ize er 17 pt.
Tilsett resten av teksten, med hver og en i et separat lag. Bruk Move Tool (V)
å plassere hver linje tilsvarende, som skissert i bildet nedenfor.
Trinn 6
Gjenta samme fremgangsmåte for å legge til ny tekst. Sett størrelse
av den første linjen til 31 pt.
Trinn 7
Opprett en ny tittel ved å bruke < b> Type Tool (T).
Sett f
ont
til Proxima Nova Lys Hotell og størrelse
til 18
pt .
Trinn 8
Legg undertittel, igjen, ved hjelp av Type Tool (T).
Sett S
ize
til 36 pt.
Juster Tegn Sporing
til -10.
Trinn 9
Velg både tekstlag. Hold nede Alt
tasten og dra
teksten å kopiere begge linjene nedenfor.
Trinn 10
Igjen, bruker du Type Tool (T)
å skrive om teksten i henhold til bildet som vises nedenfor. Plasser tekst med Move Tool (V)
Trinn 11
Gå til Fil >.; Plasser Embedded Hotell og plasser vektor logo acme-travel-logo.ai
inn i dokumentet.
Trinn 12
skalere ned vektor logo og plassere den på øverst i høyre hjørne.
Trinn 13
Legg til Drop Shadow
effekt. I Lagstil Panel
, etter sette Opacity
til 11
%
, Avstand
til 3
px, etter og Størrelse
til 16
px
.
Legge Bottom Fotografier
Trinn 1
Opprett en ny rektangel (U).
Sett sin s
ize 60
px
av 28 px
.
Trinn 2
Velg rektangel form med Direct Selection Tool (A).
I Juster-panelet, sette Horisontal
Centers
Trinn 3
Gå til Fil >.; Plasser Embedded Hotell og plassere folk-11.jpg
bilder fra Resource Pack.
Trinn 4
skalere ned bildet og legg den direkte i rektangelet .
Trinn 5
Aktiver rektangelverktøyet (U)
, etter og i alternativpanelet klikker du Mask.
Denne handlingen vil opprette en vektormaske fra rektangel og bruke den på bildet.
Trinn 6
Med bilde laget fortsatt er valgt, hold Alt-Shift Hotell og dra bildet for å kopiere den.
Trinn 7
Gå til Fil > Plasser Embedded.
Velg by-5.jpg
bilder fra Resource Pack og legge den til i dokumentet.
Trinn 8
skalere ned bildet og plassere den over duplisert bilde med jenta.
Trinn 9
Ta masken fra dupliserte bilder med jenta og plassere den i det nye bildet, deretter
slette folk-11-kopi
lag.
Trinn 10
Gjenta trinn 7-9 for å legge kartet skjermbildet i dokumentet, denne gangen plassere kartbildet.
Trinn 11
Velg kart-skjermbilde
lag og legg til Stroke
fra effekter knappen i lag-panelet.
Trinn 12
Angi S
troke
S
ize
til 2
px
. Juster Posisjons
til Inside Hotell og sette Color
til Brown (C = 30 M = 80 Y = 100 K = 30)
.
Legge Bunntekst tekst~~POS=TRUNC
Trinn 1
Bruk Type Tool (T)
å opprette en ny forekomst av tekst. Sett sin s
ize
til 11 pt Hotell og dens Color
til Light Brown
(C = 10 M = 65 Y = 100 K = 0)
.
Trinn 2
Legg til flere linjer. Sett S
ize
til 9 pt
, justere Ledende
til 13 pt
, etter og endring Color
til Grå (K = 90)
.
Trinn 3
Følg samme fremgangsmåte for å opprette en ny tekstblokk. Plasser dem under bildet med jenta og kartet skjermbilde
Trinn 4
Gå til Fil >.; Plasser Embedded ...
Velg icons.ai
å importere ikonene inn i dokumentet. En ny kontekstuell vindu vil vises. Velg Kalender Ikon Hotell og klikk OK
.
Trinn 5
Skala ned ikonet og plassere den nye til første linje med oppdatert informasjon.
Trinn 6
Gjenta den samme prosessen for å importere resten av ikonene og legg dem deretter ved siden av hver linje.
Trinn 7
Bruk Type Tool (T)
å legge til ny tekst. Plasser den over kartet skjermbilde. Sett S
ize
til 13 pt, etter justere Ledende
til 11 pt
, etter og endring Color anbefale til Light Brown (C = 10 M = 65 Y = 100 K = 0)
.
Trinn 8
Følg samme fremgangsmåte å legge til nye linjer med tekst for adressen. Sett S
ize
til 9 pt Hotell og endring Color
til Grå (K = 90)
.
Trinn 9
Gå til Fil > Plasser Embedded ...
, velger du icons.ai
igjen og importere Globe Vector Ikon
inn i dokumentet.
Trinn 10
skalere ned ikonet og plassere den ved siden av nettadressen.
Trinn 11
Aktiver Pen Tool (P) Hotell og skape en vektor form som vil representere retningen på kartet.
Trinn 12
alternativer Panel
, sette Stroke
til Stiplet Hotell og Farge
Light Brown (C = 10 M = 65 Y = 100 K = 0)
.
Juster Stroke
W
idth
til 1,5 pt
Trinn 13
Gå til Stroke alternativer >.; Flere alternativer ...
, og sette Caps anbefale til Round Hotell og justere D
foraskede
L
< b> ine
.
Dash
til 3 Hotell og Gap
til 3
Trinn 14
Opprett en ny Ellipse (U)
. Sett Color anbefale til Brown (C = 30 M = 80 Y = 100 K = 30)
.
Trinn 15
Aktiver Pen Tool (P)
. Hold Alt
tasten og klikk på den nederste ankerpunkt. Dette vil konvertere ankerpunkt fra glatt til corner.
Trinn 16
Med Direct Selection Tool (A)
, etter flytte konverterte anker peke ned nedenfor.
Trinn 17
Legg til Drop Shadow
effekt til pinnen. Bruk innstillingene nedenfor for å gjøre det subtile .
Trinn 18
Igjen, opprette en ny Ellipse (U) Hotell og F
syk Color
med White.
Plasser ellipsen inn i sentrum av tappen. Og det er den siste finpussen til vår flyer design.
Konklusjon
Gratulerer! Hvis du har fulgt opplæringen opp til dette punktet, bør du ha en fin design av en markedsførings flyer fullført
Husk:. Hver gang du designe bilder for digital print, må du tenke i CMYK farger for for å oppnå de flotteste resultatene. Ikke glem å legge blø til lerretet (minst 3 mm fra hver kant). Hvis du er usikker på noen avanserte tekniske parametre, er det alltid godt å konsultere direkte med utskrift selskapet å unngå feil eller problemer.
Hvis du trenger en pro pakket løsning, så grip en av våre Flyer Maler fra GraphicRiver . Vi har massevis av kreative valg, for eksempel Flyer Bundle, forretninger Flyer mal, eller Vintage Flyer Mal.
I neste tutorial i denne serien, vil vi ta en titt på hvordan å innføre denne flyer inn i InDesign og utarbeide en utskriftskvalitet PDF. I mellomtiden, hvis du har noen spørsmål om å opprette en print design i Photoshop, legg igjen en kommentar nedenfor og vi vil gjerne hjelpe deg ut.