Share
Elsker det eller har det, lederen til ferien er ofte den travleste tiden på året for designere og illustratører. Det er rundt denne tiden forespørsler kommer inn for alle slags kampanjer og salg. Jeg har mistet tellingen av antall baubles, kalkuner og gavekasser jeg har blitt bedt om å illustrere. Dagens Quick Tip er en rask og enkel opplæring som lærer deg hvordan du bruker utseendepanelet og noen fine skrifttyper for å lage en veldig enkel salgs illustrasjon. Fokuset her er på rask og enkel illustrasjon som gjør at du får tak i de viktigste oppgavene til sesongen. La oss komme i gang!
Opprett et 600 x 500 px RGB-dokument med enhetene satt til piksler. Ta rektangulærverktøyet (M) og alternativet + klikk på tavla og opprett en 400px ved 100px rektangel.
Lag sidedelen av banneret ved hjelp av rektangelverktøyet (M). Alternativ + Klikk på tavla og lage et 150px ved 100px rektangel.
Ta pennverktøyet (P) og legg til et ankerpunkt midt på høyre side av rektangelet. Med Direct Selection Tool (A) flytter du punktet for å lage en V-form som vil gjøre opp på slutten av båndet.
Velg båndenden og gjør en reflektert kopi ved å velge + Klikk på midten av hovedrektangelet med reflekteringsverktøyet (O) og lag en vertikal kopi. Velg begge båndender og flytt dem til baksiden av bildet (velg deretter Kommando + Skift + Venstre firkantbrakett)
I dette trinnet skal vi lage mønsteret for båndet. Dette kan være hva du liker. Jeg lager en grunnleggende stripe, så jeg har laget et lite rektangel og deretter kopiert og limt et annet rektangel på plass (Command + C deretter Command + F) og redusert skalaen. Jeg har fargelagt hvert rektangel en nyanse av Rød med en rektangel lettere enn den andre. Velg figurene og dra dem inn i fargepanelet for å lage en bakgrunn.
Test fyllemønsteret på båndet for å se om du liker det. Når du er glad, er det på tide å legge til noen flere detaljer.
Velg båndet og klikk på Legg til ny berørings-knapp, rediger innstillingene slik at slaget har en vekt på 1pt og en prikkelinje med et punktum på 4pt og et gap på 4pt og lys i fargen (jeg har brukt hvit).
Med slaget valgt, gå til "fx"-knappen i Utseende-panelet og naviger til Sti> Offset-vei og angi en forskyvning på -3px.
Velg fyllingen av båndet og gå til "fx"-knappen i Utseende-panelet og naviger til Stylize> Inner Glow. Angi fargen for å være en mørkere tone i båndets hovedfarge (i dette tilfellet bruker jeg en mørk rød) og still inn opaciteten til 50%, modusen til Multipliser og sløret til 15px.
Nå er det på tide å legge til teksten! Jeg bruker en flott skrifttype som heter Pacifico i skala på 48pt. Avhengig av hvilken skrift og tekst du bruker, må du sette punktstørrelsen for å matche båndets størrelse. Hvis du vil bruke samme skrifttype som jeg er, kan du laste den ned gratis fra Font Squirrel.
Med den valgte teksten, gå til Utseendepanelet og legg til en hvit fyll, og fyll deretter en mørk nyanse av båndets hovedfarge (for dette bruker jeg mørk rød). Pass på at mørkere farger er under det hvite laget. Velg den mørkere fargen i Utseendepanelet (pass på at teksten fortsatt er valgt eller effekten ikke blir brukt) og gå til "fx"-knappen og naviger til Distort & Transform> Transform. Flytt lag -5px Vertikal og klikk OK. Dette vil skape en skygge for teksten.
Båndet ditt bør se ut som dette. Nå er det tid gjør det svingete. Velg teksten og den øverste delen av banneret, og grupp dem sammen (Command + G) og velg deretter de to sidedelene av båndet og grupp dem sammen ved hjelp av samme teknikk. Du bør nå ha to grupper som lager båndet.
Velg begge gruppene i båndet med valgverktøyet (V) og gå til "fx"-knappen i Utseende-panelet og naviger til Warp> Arch. Sett Bend til 20% og klikk OK. Du vil nå ha et svingete banner.
Velg Ellipseverktøyet (L) og Alternativ + Klikk på tavla og opprett en 350px ved 350px sirkel.
Velg sirkelen og flytt den bak den øverste gruppen av båndet med Command + Venstre Square Bracket. Sirkelen skal være nestet mellom de øverste og nederste gruppene i båndet som du ser på bildet nedenfor.
Velg sirkelen og bruk en radial gradient fra en lys tone til en litt mørkere tone. Jeg har brukt hvit til lyseblå for meg, du kan bruke hvilken som helst farge du liker så lenge den er lettere enn båndet (dette hjelper teksten til å skille seg ut). I Utseendepanelet legger du til 1 eller 2pt slag i en litt mørkere tone enn gradienten for å definere utsiden av sirkelen.
I bildet nedenfor vil du se hvordan jeg har plassert gradienten. Du kan redigere gradienten når som helst, bare velg sirkelen og velg deretter Gradient Tool (G) for å flytte og redigere graden i illustrasjonen.
Det ville ikke være et salg uten den iøynefallende rabatten. Jeg har lagt til litt tekst ved hjelp av skrifttypen "Museo Slab 500", som også er en gratis skrift, du kan laste den ned fra FontSpring.com (du må registrere deg for en konto).
Merk: Jeg har vært ganske lat her, da jeg jobber for å lage design uten mye anstrengelse, så for å gjøre tekstbalansen, har jeg brutt den i to linjer og redusert skriftstørrelsen på bunnlinjen. En bedre måte å gjøre dette på ville være å ordne riktig to forskjellige linjer med tekst og bruk kerning og sporing slik at den ser helt balansert ut. Vi har ikke tid til dette i dag, vi ønsker noen helligdager!
Velg salgsteksten og i Utseendepanelet, gå til "fx"-knappen og navigere til Stylize> Outer Glow. Sett gløden til en lys farge (jeg har brukt hvit) med Normal modus og 45px Blur. Du vil ikke legge merke til mye etter dette trinnet, det letter bare området bak teksten litt for å få det til å skille seg ut litt mer.
Nå skal vi lage en henger for sirkelen som vil gjøre den til en dekorasjon. Tegn et rektangel med rektangelverktøyet, velg det og i Utseendepanelet klikker du på "fx"-knappen og naviger til Warp> Arch. Sett Bend til -15% og klikk OK. Når det er gjort, gå til Objekt> Utvid Utseende for å frigjøre formen og gjør det lettere å jobbe med.
Legg til en lineær gradient som ligner på eksemplet nedenfor for å lage en metallfinish. Hvis du vil lage en gull-effekt, erstatte de grå tonene for gul og lysebrun.
Tegn en elefant øverst på bueformen for å lage toppen av hengeren, fyll den med en lineær gradient ved å bruke de midtre og mørke tonene i den forrige gradienten (fjern den letteste fargen).
Tegn en sirkel med et slag som komplimenterer hengerenes skala (jeg har brukt 8pt), og med saksverktøyet (C) klikker du på punktene på venstre og høyre side av sirkelen for å kutte den i to. Slett den nederste delen.
Gå til Objekt> Utvid for å slå slaget inn i en form. Fyll den resulterende formen med samme gradient som du brukte til toppen av hengeren (den du laget i trinn 13).
Dette er den grunnleggende utformingen for feriesalg. Herfra har jeg lagt en korneffekt til hovedsirkelen for å gi det en mer retro følelse for å matche båndet.
For å legge til tekstur gå til "fx"-knappen i Utseende-panelet og navigere til Texture> Grain. Du kan se innstillingene jeg har brukt i bildet nedenfor. Spill rundt med innstillingene for å komme opp med noe du liker.
Dette er den endelige effekten. Jeg endret også stroke til 1pt fordi kornet gjorde 2pt-linjen skiller seg ut for mye og reposisjonert hengeren for å gjøre en finere design.
Merk: Det er best å legge til noen rastereffekter når du er ferdig med hoveddesignet, da det ofte kan senke datamaskinen og noen ganger til og med fryser programmet.
Jeg har også lagt merke til at banneret og hengeren kunne bruke en dråpe skygge. For å gjøre dette, velg den øverste gruppen av banneret, og gå til "fx"-knappen i Utseende-panelet og navigere til Stylize> Drop Shadow. For å holde de mykere tonene i designet jeg har brukt en mørk tone i hovedfargen (i dette tilfellet en mørk blå) og still modusen til flere, er Opacity til 40%, offset til 3px og uskarphet til 3px.
For å legge til en dråpeskygge i hengeren har jeg laget en ellipse, farget den en midtone i hovedfargen (i dette tilfellet en midtgrå / blå) og sendt den bak hengeren (trykk på kommando + venstre firkantbrakett til den er i posisjon) Med skyggen valgt, gå til "fx"-knappen i Utseende-panelet og naviger til Blur> Gaussisk uskarphet. Angi radien til 3,7 piksler (eller noe som ser bra ut i forhåndsvisningen) Klikk OK.
Eksperimenter med forskjellige farger og bokstaver for å se hva du kan komme med. Hvis du vil endre vinkelen på båndet, går du til Objekt> Utvid utseende før du flytter det, da forandringseffekten endres på uventede måter på grunn av stillingen (Pass på å lagre en kopi før du gjør dette, da du ikke kan redigere bånd etter å ha utvidet det). Jeg håper du har hatt glede av denne tut.
Accentsconagua