Design et øyeoppfangende kupong i Photoshop

Hva du skal skape

Velkommen til en annen opplæringsoppgave i Photoshop. I denne opplæringen lærer vi hvordan du lager en fin, ren, ser design for en gavekort. Følg med for å lære litt ny teknikk og grunnleggende kunnskap når du designer kunstverk for utskrift.

Tutorial Assets 

Denne opplæringen bruker bilder fra Envato Resource Pack og noen skreddersydde vektorikoner som jeg har opprettet i Illustrator, som du kan laste ned fra linken til høyre:

  • natur-12.jpg 
  • icons.ai
  • stripe-pattern.pat

Også, det er Lexia og Effra Font Family som brukes med et Typekit eller Adobe Creative Cloud-abonnement: https://typekit.com/

Konfigurer dokument og veiledninger 

Trinn 1

Lage en Nytt dokument med dimensjoner 105 x 216 mm. Denne størrelsen representerer en tredjedel av A4-papirstørrelsen. Sett Vedtak til 300 og Farge Modus til CMYK.

Steg 2

Skape Nye guider. Offset hver guide 3 mm fra hver kant. Dette representerer blødningsområdet i dokumentet. Følg med og legg til en vertikal guide i midten også.

Opprette bakgrunn 

Trinn 1

Ta tak i bildet fra Resources Pack "natur-12.jpg" og legg det inn i dokumentet.

Steg 2

Lar oss justere bildet litt. Vi vil bruke en serie av Justeringslag å gjøre dette. Legg til Fargebalanse og sett tonene til +46, +1, +10.

Trinn 3

Legg nå til nivåer og juster glidebryterne tilsvarende til bildet som vises nedenfor for å øke bakgrunnsfarger.

Trinn 4

Bruk lysstyrke / Kontrast justeringslag og sett lysstyrke til -4 og Kontrast til 35

Trinn 5

Lage en Nytt lag (Shift-CMD-N) og fyll det med Rød farge. Endring Blandingsmodus til Skjerm og legg til en ny Lagsmaske. Bruk Radial Gradient Tool (G) å fade ut rød farge i venstre øverste hjørne av Voucher. Dette vil skape noen varme toner på toppen av bildet.

Trinn 6

Å velge Rektangelverktøy (U) og lag et nytt, hvitt, langstrakt rektangel. Ta det øverste høyre hjørnet av rektangelet og flytt det ned i bunnen av kupongen. Ikke glem å sette opacity til 50%.

Trinn 7

Følg de samme trinnene for å opprette et nytt rektangel på toppen av den forrige. Denne gangen satt opacity til 60%. For å gjøre formen ser mer interessant legg til en Lagsmaske. Aktiver Penselverktøy (B) og med myk børste, fjern noe hvit farge fra midtområdet av rektangelet.

Trinn 8

Sett igjen et nytt rektangel. Slett nederst til venstre for å lage en trekant. Plasser trekanten mellom høyre kant og første rektangel. Sett lag opacity til 35%.

Trinn 9

Duplisere (J) laget med trekant og sett opacity til 65%. Juster trekanten litt tilsvarende til bildet som vises nedenfor. Legg til en ny Lagsmaske og igjen bruk myk børste for å fade ut litt hvit farge fra midten av trekanten.

Trinn 10

Lage en Nytt rektangel (U). Flytt venstre øverste hjørne litt under. Fyll det med brun gradient og sett Blandingsmodus til Lineær brenning.

Trinn 11

Duplisere (J) det brune rektangelet. Sett Blandingsmodus tilbake til Normal. Endring opacity til 65%. Bruk Lagsmaske og myk børste å fade ut bunnområder av laget.

Trinn 12

Med laget fortsatt valgt, legg til Drop Shadow Effect. Sett opacity til 35%, Avstand til 10 og Størrelse til 40.

Opprette overskriftsområde 

Trinn 1

Lage en Nytt rektangel (U). Skift høyre øverste hjørne litt til venstre. Fyll det med brun gradient. Legg til Drop Shadow Effect med opacity20%. Sett Avstand til 2 og Størrelse til 7.

Steg 2

Bruk samme prosess som beskrevet i første trinn, og opprett et nytt rektangel. Denne gangen fyller den med Hvit farge og plasser den under den brune toppteksten. Aktiver Gratis Forvandle (CMD-T) og skjev nederst til høyre hjørne litt. Sett opacity til 80%.

Trinn 3

Legg til Lagsmaske og bruk Penselverktøy (B) å fade ut topp områder av det hvite rektangel. Legg dette laget under det brune rektangelet.

Trinn 4

Aktiver Typeverktøy (T) og skriv en "X". I dette tilfellet har jeg brukt Effra Bold Kursiv. Fyll det med Hvit og sett blending Modus til Mykt lys. Skal opp "X" til den er i samme høyde som den brune toppteksten og plasser den inne i den.

Trinn 5

Duplisere (J) "X" -laget og konverter Type til form. Spill rundt med Banverktøy (P) og slett ankerpunkter fra "X" til du får en pilform. Skift den litt til venstre.

Trinn 6

Bruk Typeverktøy (T) å legge til headertekst. I dette tilfellet har jeg kombinert Lexia Thin og Lexia Bold skrifttyper for å lage teksten. Fyll den tynne typen med Mørk brun og fet skrift med Hvit.

Opprette merketegn 

Trinn 1

Lage en Ny Ellipse (U). Fyll det med brun. Legg til en Drop Shadow Effect. Sett opacity til 60, Avstand til 7 og Størrelse til 12.

Steg 2

Lag en annen ellipse. Gjør det litt mindre og legg det inn i det brune området. Fylle Stroke med Hvit og sett Vekt til 1 pt. Gjør strekket prikkende.

Trinn 3

Lag igjen en ny ellipse. Fyll den med hvit til svart gradient. Plasser den over den brune ellipsen i henhold til bildet nedenfor og konverter det til Clipping Mask. Sett Blandingsmodus til overlegg og opacity til 35.

Trinn 4

Bruk Typeverktøy (T) å skrive teksten "65%". I dette tilfellet brukte jeg Effra Bold skrift. Spill rundt med skriftstørrelser og andre preferanser for å få resultatet til å se estetisk.

Trinn 5

Bruk samme metode type i "Salg". Fyll inn tekst med oransje farge og sett Store bokstaver til Små caps.

Trinn 6

Bruk Linjeverktøy (U) å lage oransje separatorer ved siden av "Salg" -teksten. Sett linje Vekt til 5 pt.

Legge til hovedtekst 

Trinn 1

Opprett en ny tekst og skriv "Voucher". Bruk Lexia Bold Italic skrift og fyll inn tekst med Gul. Justere Tegnsporing til -40. Legg til Innerskyggeeffekt. Sett opacity til -40, Avstand til 1 og Størrelse til 1.

Steg 2

Legg deretter til en Mønsteroverlegg. Legg "stripemønsteret" fra eiendeler. Sett Blend Mode til Levende lys.

Trinn 3

Legg til ny tekst "Present". Fyll det med brun og gjelder det samme Indre skygge Effekt fra forrige tekst.

Trinn 4

Bruk Typeverktøy (T) å legge til litt dummy tekst eller hva som helst ønsket tekst. Fyll det med Hvit farge og legg til en Drop Shadow Effect. Sett opacity til 30, Avstand til 3 og Størrelse til 8.

Legger til bunntekst 

Trinn 1

Følg de samme teknikkene for å legge til bunntekst. Kombiner hvite og gule farger for å matche kupongstilen. Siden de er levende farger, gjør de teksten leselig.

Steg 2

Importere vektorikonene fra eiendelene. Legg det tilsvarende på bildet jevnt over kupongen. Legg til forklarende tekst ved siden av hvert ikon som: Adresse, Telefonnummer E-postadresse.

Trinn 3

La oss legge til en ekstra hvit separator. Lage en Dashed New Line (U) og sett Vekt til 3 pt.

Konklusjon

I denne opplæringen har vi dekket noen grunnleggende trinn hvordan du lager en enkel kupong. Hvis du fulgte med, bør du ha en fin design komplett som du kan bruke som mal for din klient eller et annet prosjekt. Bruk fantasien til å spille med farger og bakgrunnsbilde for å få noen alternative design.

Raskt tips

Du kan bruke det endelige kunstverket som en mal for å skape alternative design. Spill rundt med farger og bakgrunnsbilder for å oppnå ulike resultater.