Share
Älskar det eller lurar det, ledningen till semestern är ofta den mest trafikerade tiden på året för designers och illustratörer. Det är runt denna gång begäranden komma in för alla möjliga kampanjer och försäljning. Jag har tappat räkna med antalet baubles, kalkoner och presentkartonger jag har blivit ombedd att illustrera. Dagens Quick Tip är en snabb och enkel handledning som lär dig hur du använder utseendet panelen och några fina teckensnitt för att göra en mycket enkel försäljning illustration. Fokus här är på snabb och enkel illustration som låter dig komma igång med de viktigaste uppgifterna i säsongen. Låt oss börja!
Skapa ett 600 x 500 px RGB-dokument med enheterna som är inställda på pixlar. Ta rektangelverktyget (M) och Alternativ + klicka på tavlan och skapa en 400px med 100px rektangel.
Gör sidodelarna på bannern med hjälp av rektangelverktyget (M). Alternativ + Klicka på tavlan och skapa en 150px med 100px rektangel.
Ta pennverktyget (P) och lägg till en ankarpunkt på mitten av rektangelens högra sida. Med Direktmarkeringsverktyget (A) flyttas punkten för att skapa en V-form som fyller slutet på bandet.
Välj bandänden och gör en reflekterad kopia genom Alternativ + Klicka på mitten av huvudrektangeln med Reflect Tool (O) och gör en vertikal kopia. Välj båda bandändarna och flytta dem till baksidan av bilden (välj sedan Kommando + Skift + Vänstra kvadratkonsol)
I detta steg kommer vi att göra mönstret för bandet. Detta kan vara vad du vill. Jag skapar en grundläggande rand, så jag har gjort en liten rektangel och sedan kopierat och klistrade in en annan rektangel på plats (Command + C då Command + F) och reducerade sin skala. Jag har färgat varje rektangel en nyans av Röd med en rektangel ljusare än den andra. Välj formerna och dra dem in i panelen Färger för att skapa en bakgrund.
Testa fyllningsmönstret på bandet för att se om du gillar det. När du är lycklig är det dags att lägga till några fler detaljer.
Välj bandet och klicka på knappen Lägg till ny stroke, ändra inställningarna så att stroke har en vikt på 1pt och en streckad linje med ett streck av 4pt och en lucka på 4pt och är ljus i färg (jag har använt vit).
Med stroke vald, gå till "fx"-knappen i Utseendepanelen och navigera till sökväg> förskjutningsväg och ange en förskjutning på -3px.
Välj fyllning av bandet och gå till "fx"i Utseendepanelen och navigera till Stylize> Inner Glow. Ställ in färgen som en mörkare ton i huvudfärgen (i det här fallet använder jag en mörkröd) och ställ in opaciteten till 50%, läget Mode till Multiplicera och oskärpa till 15px.
Nu är det dags att lägga till texten! Jag använder en stor typsnitt som heter Pacifico i skala av 48pt. Beroende på teckensnittet och texten du använder måste du ställa in punktstorleken för att matcha storleken på bandet. Om du vill använda samma teckensnitt som jag är, kan du ladda ner det gratis från Font Ekorre.
Med den markerade texten går du till Utseendepanelen och lägger till en vit fyllning, och fyller sedan i en mörk nyans av bandets huvudfärg (för det här använder jag mörkt rött). Se till att den mörkare färgen ligger under det vita lagret. Välj den mörkare färgen i Utseendepanelen (se till att texten fortfarande är vald eller effekten inte ska tillämpas) och gå till "fx"-knappen och navigera till Distort & Transform> Transform. Flytta lagret -5px Vertikal och klicka på OK. Detta kommer att göra en skugga för texten.
Ditt band borde se ut så här. Nu är det dags att göra det kurvigt. Markera texten och den övre delen av bannern och gruppera dem tillsammans (Command + G) och välj sedan de två sidodelarna i bandet och gruppera dem ihop med samma teknik. Du borde nu ha två grupper som utgör bandet.
Välj båda grupperna av bandet med urvalsverktyget (V) och gå till "fx"-knappen i Utseendepanelen och navigera till Warp> Arch. Ställ in böjningen till 20% och klicka på OK. Du kommer nu att ha en kurvig banner.
Välj Ellipseverktyget (L) och Alternativ + Klicka på tavlan och skapa en 350px med 350px cirkel.
Välj cirkeln och flytta den bakom den övre gruppen av bandet med kommandot + vänstra kvadratfäste. Cirkeln borde nästas mellan de övre och nedre grupperna i bandet som du ser på bilden nedan.
Välj cirkeln och använd en radiell gradient från en ljuston till en lite mörkare ton. Jag har använt vit till ljusblå för min, du kan använda vilken färg du gillar så länge den är lättare än bandet (det hjälper texten att sticka ut). I Utseendepanelen lägger du till en 1 eller 2pt slag i en något mörkare ton än gradienten för att definiera cirkelns utsida.
I bilden nedan ser du hur jag har placerat gradienten. Du kan redigera gradienten när du vill, välj bara cirkeln och välj sedan Gradient Tool (G) för att flytta och ändra gradienten inom konstverket.
Det skulle inte vara en försäljning utan den iögonfallande rabatten. Jag har lagt till lite text med teckensnittet "Museo Slab 500", som också är ett gratis teckensnitt, du kan ladda ner det från FontSpring.com (du måste registrera dig för ett konto).
Notera: Jag har varit ganska lat där jag jobbar för att skapa designen utan mycket ansträngning, så för att göra textbalansen har jag bruten den i två linjer och minskar teckensnittets storlek på bottenlinjen. Ett bättre sätt att göra detta skulle vara att ordna två olika rader av text ordentligt och använda rakning och spårning så att den ser helt balanserad ut. Vi har inte tid för det här idag, vi vill ha några semester!
Välj försäljningstexten och i Utseendepanelen gå till "fx"knappen och navigera till Stylize> Outer Glow. Ställ in glödgen till en ljusfärg (jag har använt vit) med ett Normalläge och 45px Blur. Du kommer inte märka mycket efter det här steget, det tändar bara området bakom texten lite för att få det att stå ut lite mer.
Nu ska vi göra en hängare för cirkeln som gör den till en dekoration. Rita en rektangel med rektangelverktyget, välj det och i Utseendepanelen klickar du på "fx"-knappen och navigera till Warp> Arch. Ställ in böjningen till -15% och klicka på OK. När det är klart, gå till Objekt> Utöka Utseende för att släppa formen och göra det enklare att arbeta med.
Lägg till en linjär gradient som liknar exemplet nedan för att göra en metallfinish. Om du vill göra en guldeffekt, ersätt de gråtonerna för gul och ljusbrun.
Rita en ellips på toppen av bågeformen för att skapa toppen av hängaren, fyll den med en linjär gradient med hjälp av mitten och mörktonerna i föregående gradient (helt enkelt ta bort den ljusaste färgen).
Rita en cirkel med en stroke som komplimangerar hängarens skala (jag har använt 8pt) och med saxverktyget (C) klickar du på punkterna på vänster och höger sida av cirkeln för att klippa den i halva. Ta bort den nedre sektionen.
Gå till Objekt> Expandera för att slå stroke in i en form. Fyll den resulterande formen med samma gradient som du använde för toppen av hängaren (den du gjorde i steg 13).
Detta är den grundläggande designen för semesterförsäljningen. Härifrån har jag lagt en korneffekt i huvudcirkeln för att ge det en mer retro känsla för att matcha bandet.
För att lägga till texturen gå till "fx"i Utseendepanelen och navigera till Textur> Grain. Du kan se de inställningar jag har använt i bilden nedan. Spela runt med inställningarna för att komma med något du gillar.
Detta är den slutliga effekten. Jag ändrade också stroke till 1pt eftersom kornet gjorde 2pt-linjen sticker ut för mycket och återplacerade hängaren för att göra en snyggare design.
Notera: Det är bäst att lägga till några rastereffekter när du har slutfört huvuddesignen eftersom det ofta kan sakta ner datorn och ibland fryser även applikationen.
Jag har också märkt att bannern och hängaren kunde använda en droppskugga. För att göra detta väljer du den övre gruppen av bannern och går sedan till "fx"-knappen i Utseendepanelen och navigera till Stylize> Drop Shadow. För att hålla de mjukare tonen i designen har jag använt en mörk ton av huvudfärgen (i detta fall en mörkblå) och ställ in läget till flera, är opaciteten till 40%, kompensationen till 3px och suddigheten till 3px.
För att lägga till en droppskugga på hängaren har jag gjort en ellips, färgad den en mittton i huvudfärgen (i det här fallet en mitt grå / blå) och skickat den bakom hängaren (tryck på Kommandot + Vänstra Square-fästet tills det är i läge) Med den valda skuggan, gå till "fx"i Utseendepanelen och navigera till Blur> Gaussian Blur. Ställ in raden till 3,7 pixlar (eller något som ser bra ut i förhandsgranskningen) Klicka på OK.
Experimentera med olika färger och bokstäver för att se vad du kan komma med. Om du vill ändra vinkeln på bandet, gå till Objekt> Utöka Utseende innan du flyttar det eftersom varpverkan kommer att ändras på oväntade sätt på grund av positionen (Var noga med att spara en kopia innan du gör det eftersom du inte kan redigera band efter att ha expanderat det). Jag hoppas att du har haft det här.
Accentsconagua