Så här skapar du en reklamfilm i Photoshop

Vad du ska skapa

Photoshop är ett utmärkt verktyg för grafisk design, speciellt digital grafik som bara visas på skärmarna, förutom de namnge uppgifterna för tweaking fotografier. Men det är inte allt det är bra för. Med rätt kunskap och tänkande kan man använda Photoshop för att skapa fantastiska tryckdesigner också.

Denna handledning tar dig igenom de grundläggande stegen för att skapa den iögonfallande flyer som ses ovan, som direkt kan skrivas ut i CMYK-färgerna i utskriftsbutiken, direkt från Photoshop. Du kan följa den här handledningen för att göra exakt flygbladet, eller justera stegen med innehållet och färgerna som du vill få flygbladstilen du vill använda samma metoder.

Om du har bråttom men, och letar efter en kvalitetslösning, har vi ett antal flygbladsmallar som kan köpas på GraphicRiver, till exempel: Flyerpaket, Business Flyer Template eller Vintage Flyer Template.

Eller du kan jobba med en anpassad flygbladdesigner på Envato Studio. Till exempel kommer den populära kanadensiska designern Fragonard att skapa en unik custom flyer design för bara $ 40.

Annars kommer denna handledning att visa dig ett professionellt arbetsflöde. Låt oss börja!

Tutorial Assets

Denna handledning använder royaltyfria bilder från Envato, tillsammans med några skräddarsydda vektorikoner som jag har skapat i Illustrator specifikt för detta projekt. Du hittar var och en av dem, tillsammans med en färdigställd PSD-fil som du kan använda för att jämföra med ditt arbete, i hämtningen på sidans handledning.

Denna handledning använder också Proxima Nova Font Family, som levereras med en Typekit eller en Adobe Creative Cloud-prenumeration. Du kan synkronisera skrivbordsskriften till din dator och använda den med den här handledningen eller använda en annan liknande typsnitt.

Ställ in dokumentet med guider

Steg 1

Först, skapa ett dokument med rätt storlek och inställningar för utskrift. Skapa ett nytt dokument i Photoshop och ställ in dess mått på 216x154 mm. Dessa dimensioner representerar A5 pappersstorlek med 3 mm blödning till varje kant. Eftersom vi ska skapa konstverk för utskrift, sätter vi in Färg läge till CMYK och Upplösning till 300 Pixlar / tum.

Steg 2

Skapa nya guider som representerar blödningsområdet. Illustrator och InDesign har denna funktion inbyggd, men i Photoshop måste vi skapa det själv. Använd Flytta verktyget (V) och den Flytta nyckel-för att skapa en horisontell guide genom att dra markören från topplinjen. Kontrollera att guiden är placerad 3 mm på Y-axeln.

Steg 3

Upprepa samma process för att skapa guider längs varje kant av dokumentet. Se till att varje guide är insats 3 mm från dess motsvarande kant.

Skapa bakgrunden

Steg 1

Tryck Skift-Cmd-N att skapa en ny Lager. Fyll den med Vit som förgrundsfärgen (Alt-Backspace). Se till att du har CMYK-reglage aktiverat så att du använder utskrift färger.

Steg 2

Skapa en ny Gradientöverläggning. I Layer Style Panel, redigera gradienten. Ställ in den vita glidreglaget Plats till 30%. Ändra färgen på den svarta reglaget till Blekgult (C = 9 M = 6 Y = 14 K = 0).

Lägg till en gradientöverlagring från fxknappen i lagret ... Anpassa sedan din lutning ... ... med de färger du vill ha för dokumentet

Steg 3

Använd Rektangelverktyg (U) för att skapa en ny rektangel. Ställ in dess storlek till 216 mm av 56 mm.

Steg 4

Justera rektangeln till dokumentets vänstra övre hörn. Fyll den med Mörkbrun (C = 49 M = 74 Y = 80 K = 70).

Steg 5

Använd Penverktyg (P) att lägga till en ny ankarpunkt i rektangelns nedre kant.

Steg 6

Med Direktmarkeringsverktyg (A), leka med ankarhandtagen för att skapa en trevlig Bezier-kurva.

Steg 7

Följ samma steg för att justera rektangeln i den form som visas nedan.

Steg 8

Gå till Arkiv> Placera inbäddad ... , välj sedan folk-1.jpg bild från resurspaketet.

Steg 9

Använd Flytta verktyget (V) för att flytta fotot runt dokumentet. Placera den i övre övre hörnet som visas nedan.

Steg 10

Skapa en ny rektangel med Rektangelverktyg (U). Ställ in dess storlek till 216 mm av 100 mm.

Steg 11

Använd Direktmarkeringsverktyg (A) för att placera rektangeln direkt ovanför fotot i övre vänstra hörnet.

Steg 12

I Rektangelverktygspanel alternativ, välj Mask. Detta skapar en vektormask som appliceras på skiktet med fotot.

Steg 13

Lägg till en ny ankarpunkt i masken med Penverktyg (P). Skapa en kurvig Bezier kurva med Direkt Urvalsverktyg (A).

Steg 14

Använda samma verktyg, Penverktyg och den Direktmarkeringsverktyg, Försök att justera masken i den form som visas nedan. Observera placeringen av ankarpunkterna och formens enkelhet. Ju mindre ankarpunkter du använder, desto mjukare kommer slutmasken att visas.

Steg 15

Gå till Filter> Blur> Gaussian Blur. Ställ in Radie till 6.

Steg 16

Välj Smarta filter mask. Använd Gradient Tool (G) att blekna masken från vänster till höger.

Ställ in lutningsriktningen som vänster mot höger för att oskärpa bilden till höger

Steg 17

Skapa en ny Layer Mask. Använd Borstverktyg (B) att blekna trappa på bilden. Använd lite grundläggande instinkt och kreativitet.

Steg 18

Skapa en ny ljusstyrka / kontrast Justeringslager genom att klicka på solikonen i rutan Justeringar. Uppsättning ljusstyrka till 40 och Kontrast till 10.

Steg 19

Högerklicka på Justeringslagret och välj Skapa klippmask. Detta gäller bara de nya ljusstyrkan inställningar för bilden nedan.

Steg 20

Skapa en ny Enfärgad. Ställ in färgfyllnad till Brun (C = 30 M = 80 Y = 100 K = 30).

Steg 21

Klicka på vektormasken från fotolagret. Håll Alt nyckel och dra masken över den bruna Färgfyllning. Denna åtgärd kommer att duplicera den valda masken.

Steg 22

Använd Direktmarkeringsverktyg (A) och dra den högra högra ankarpunkten till det övre högra hörnet.

Steg 23

Använd Borstverktyg (B) för att avslöja vissa delar av fotot under den bruna fyllningen. Ställ in Layer Opacity till 75%.

Steg 24

Rita en ny rektangel med Rektangelverktyg (U).

Steg 25

Fyll rektangeln med Ljusbrun färg (C = 10 M = 65 Y = 100 K = 0).

Steg 26

Placera skiktet med den ljusbruna rektangeln under den mörkbruna rektangeln.

Steg 27

Använd Penverktyg (P) med Direktmarkeringsverktyg (A) för att justera rektangeln i en krökt form som visas nedan.

Lägga till text och logotyp

Steg 1

Skapa en ny Ellipse (U). Ställ in dess mått på 248 px av 248 px. Fyll den med Brun färg (C = 30 M = 80 Y = 100 K = 30).

Steg 2

Lägg till Drop Shadow effekt. Uppsättning Opacitet till 14%, Distans till 5 px, och Storlek till 15 px.

Lägg till en droppskugga i lagret från fx knappen i lagrutenTweak din droppskugga med dessa inställningar

Steg 3

Skapa en ny Ellipse (U). Ställ in dess mått på 400 px av 400 px. Fyll den med Mörkblå Färg (C = 100 M = 80 Y = 45 K = 50).

Steg 4

Använd samma Drop Shadow effekt och applicera den på ellipsen. Du kan antingen återskapa skapa skuggan, eller högerklicka och välj Kopiera lagstil och klistra sedan in lagslaget på den andra ellipsen. Sätt skiktet med den mörkblå ellipsen under den med den bruna ellipsen.

Steg 5

Lägg till text med Typverktyg (T). Denna handledning använder Proxima Nova familj. De Top TBETECKNING Size är 17 pt. Lägg till resten av texten, med var och en i ett separat lager. Använd Flytta verktyget (V) att placera varje linje i enlighet med vad som anges i bilden nedan.

Steg 6

Upprepa samma process för att lägga till ny text. Ställ in storlek från första raden till 31 pt.

Steg 7

Skapa en ny titel med hjälp av Typverktyg (T). Ställ in font till Proxima Nova Light och den storlek till 18 pt.

Steg 8

Lägg till undertexten igen med hjälp av Typverktyg (T). Ställ in Size till 36 pt. Justera Teckenuppföljning till -10.

Steg 9

Välj båda textlagren. Håll ner Alt nyckel och drag texten för att duplicera båda raderna nedan.

Steg 10

Återigen, använd Typverktyg (T) att skriva om texten enligt bilden som visas nedan. Placera texten med Flytta verktyget (V).

Steg 11

Gå till Arkiv> Placera inbäddad och placera vektorlogotypen acme-travel-logo.ai in i dokumentet.

Steg 12

Skala ner vektorlogotypen och placera den i övre högra hörnet.

Steg 13

Lägg till Drop Shadow effekt. I Layer Style Panel, uppsättning Opacitet till 11%, Distans till 3 px, och Storlek till 16 px.

Lägga till bottenfotografier

Steg 1

Skapa en ny Rektangel (U). Ställ in dess size till 60 px av 28 px.

Steg 2

Välj rektangelformen med Direktmarkeringsverktyg (A). Ställ in i justeringspanelen Horisontell Centers.

Steg 3

Gå till Arkiv> Placera inbäddad och placera folk-11.jpg foto från resurspaketet.

Steg 4

Skala ner bilden och placera den direkt i rektangeln.

Steg 5

Aktivera Rektangelverktyg (U), och i alternativpanelen klickar du på Mask. Denna åtgärd kommer att skapa en vektormask från rektangeln och applicera den på fotot.

Steg 6

Med fotolagret som fortfarande är valt håller du Alt-Shift och dra fotot för att duplicera det. 

Steg 7

Gå till Arkiv> Placera inbäddad. Välj city-5.jpg foto från Resource Pack och lägg till det i dokumentet.

Steg 8

Skala ner bilden och placera den ovanför duplicerade fotot med flickan.

Steg 9

Ta tag i masken från det duplicerade fotot med tjejen och placera det i den nya bilden dåta bort folk-11-copy lager.

Steg 10

Upprepa steg 7 till 9 för att lägga till skärmdumpen i dokumentet, den här gången placerar kartbilden.

Steg 11

Välj karta-screenshot lager och lägg till Stroke från effekterna i lagruten.

Steg 12

Uppsättning Stroke Size till 2 px. Justera Placera till Inuti och ställa in Färg till Brun (C = 30 M = 80 Y = 100 K = 30).

Lägga till bottentext

Steg 1

Använd Typverktyg (T) för att skapa en ny instans av text. Ställ in dess size till 11 pt och dess Färg till Ljusbrun (C = 10 M = 65 Y = 100 K = 0).

Steg 2

Lägg till fler rader. Uppsättning Size till 9 pt, justera Ledande till 13 pt, och ändra Färg till Grå (K = 90).

Steg 3

Följ samma process för att skapa ett nytt textblock. Placera dem under fotot med tjejen och kartbilden.

Steg 4

Gå till Arkiv> Placera inbäddad ... Välj icons.ai för att importera ikonerna i dokumentet. Ett nytt kontextfönster kommer att visas. Välj Kalender Ikon och klicka ok.

Steg 5

Skala ner ikonen och placera den ny på första raden med tidsinformation.

Steg 6

Upprepa samma process för att importera resten av ikonerna och placera dem följaktligen bredvid varje rad.

Steg 7

Använd Typverktyg (T) att lägga till ny text. Placera den över skärmdumpen på kartan. Uppsättning Size till 13 pt, justera Ledande till 11 pt, och ändra Färg till Ljusbrun (C = 10 M = 65 Y = 100 K = 0).

Steg 8

Följ samma process för att lägga till nya textrader för adressen. Uppsättning Size till 9 pt och ändra Färg till Grå (K = 90).

Steg 9

Gå till Arkiv> Placera inbäddad ... , Välj icons.ai igen och importera Globe Vector Icon in i dokumentet.

Steg 10

Skala ner ikonen och placera den bredvid webbadressen.

Steg 11

Aktivera Penverktyg (P) och skapa en vektorform som representerar riktningen på kartan.

Steg 12

I Alternativpanelen, uppsättning Stroke till Streckad och Färg till Ljusbrun (C = 10 M = 65 Y = 100 K = 0).Justera Stroke WIDþ till 1,5 pt.

Steg 13

Gå till Streckalternativ> Fler alternativ ... , och ställa in Caps till Runda och justera Dett skjul Line: Rusa till 3 och Gap till 3.

Steg 14

Skapa en ny Ellipse (U). Uppsättning Färg till Brun (C = 30 M = 80 Y = 100 K = 30).

Steg 15

Aktivera Penverktyg (P). Håll Alt nyckeln och klicka på den nedre ankarpunkten. Detta kommer att konvertera ankarpunkten från slät till hörn.

Steg 16

Med Direktmarkeringsverktyg (A), Flytta den konverterade ankarpunkten nedanför.

Steg 17

Lägg till Drop Shadow effekt på stiftet. Använd de inställningar som visas nedan för att göra det subtilt.

Steg 18

Återigen, skapa en ny Ellipse (U) och Fsjuk färg med Vit. Placera ellipsen i stiftets mitt. Och det är den sista kontakten med vår flygbladdesign.

Slutsats

grattis! Om du har följt handledningen fram till den här punkten borde du ha en bra design av en kampanj färdigställd.

Kom ihåg: varje gång du utformar bilder för digitalt tryck, måste du tänka på CMYK-färger för att få de bästa resultaten. Glöm inte att lägga till blöder på duken (minst 3 mm från varje kant). Om du är osäker på några avancerade tekniska parametrar är det alltid bra att konsultera direkt med utskriftsföretaget för att undvika misstag eller problem.

Om du behöver en propackad lösning, ta sedan en av våra Flyersmallar från GraphicRiver. Vi har massor av kreativa val, som Flyer Bundle, Business Flyer Template eller Vintage Flyer Template.

I nästa handledning i denna serie ska vi titta på hur man lägger denna flygblad i InDesign och förbereder en PDF-utskriftskvalitet. Under tiden, om du har några frågor om att skapa en design i Photoshop, lämna en kommentar nedan och vi skulle gärna hjälpa dig.