Design en utskriftsklar Beer Label in Adobe Illustrator
Et par ganger hver måned vi besøker noen av våre lesernes favoritt innlegg fra hele historien Vectortuts +. Denne opplæringen av Alan Ballard ble første gang publisert 18. mars 2009.
Alright folkens, det er på tide å brette opp ermene og komme ned til virksomheten med dette fullverdig Adobe Illustrator CS3 tutorial. Denne tar deg fra oppsett til produksjon av en virkelig kald øl etikett, selv om dette kan være nyttig for noen flaske concoction som du selv velger.
Vi får til å dekke alle slags nyttige verktøy som Tekst langs en bane, Live Trace, og Opacity Mask. Min kompis brygget sitt eget øl, og jeg gjorde ham etiketter ved hjelp av denne teknikken, og de var en umiddelbar suksess! Jeg er veldig glad for å vise deg hvordan det gjøres. OK, la oss gjøre det!
Vil tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden
Trinn 1 -. Opprett dokument
Åpne et nytt Illustrator dokument 11 inches med 8,5 inches i CMYK fargemodus. Dette er sannsynligvis ikke din standardinnstillingen så sørg for å endre enhetene og fargemodus for denne.
Velg rektangel Tool (M), uten fyll og .25pt slag, deretter én gang på scenen og skriv 4in bred 3.5in høy. Velg Ellipse Tool (L), klikk en gang på scenen og skriv 2.1in av 2.2in. Velg både ellipse og torget, og i Align paletten sentrum objektene horisontalt og vertikalt
Trinn 2 - Lag Crop Marks
Velg torget, og i Meny gå Filter >.; Lag > Passmerker. Øk plassen størrelse til 4.125in av 3.875in. Denne plassen vil være på størrelse med vårt bilde, som er 1 /8in større enn de beskjæringsmerker. Dette sikrer at ingen white-space når du eller skriverne kutte disse etikettene ut
Trinn 3 -. Senter Label
Velg alle, og i Align paletten veksle artboard og midt etiketten horisontalt og vertikalt. Velg de firkantede og skjæremerker og i menyen velger du Objekt > Lås > Utvalg (Command + 2)
Trinn 4 -. Lag ovale
Ok nå kan vi begynne å virkelig lage grafikk. First off, velg ellipse og kopiere den (ikke lim det helt ennå). Fyll oval med mørk grønn (# 6B752A). Gi den ovale en innvendig lys grønn (# D3E27E) 3pt hjerneslag. Bruk Utseende palett å legge en utvendig mørk grønn (# 6B752A) 1.5pt. hjerneslag
Trinn 5 -. Klipp ut midten
Gå videre og lim foran din kopiert ellipse (Command + F). Dobbeltklikk på Scale Tool for å få opp dialogen, og skriv 65% i Uniform feltet. Velg begge ellipser og i Pathfinder paletten, deretter bruker trekke fra Shape-området et klikk deretter Utvid
Trinn 6 -. Lag Merkenavn Text
Du bør likevel ha din opprinnelige oval i utklippstavlen , så limer ellipsen foran igjen (Command + F). Dobbeltklikk på skalaen Tool for å få opp dialogen, og denne gangen angir 71% i Uniform feltet. Velg Tekst langs en bane Tool og velger en font (jeg brukte Kobber fet på 34pt) og sette farge til hvit. Den Kobber font-family er tilgjengelig på MyFonts.com. Klikk på oval og skriv merkenavnet på produktet.
Juster sporing (mellomrom mellom bokstavene), om nødvendig ved å klikke mellom bokstavene og trykke på (Command + Shift + Venstre eller høyre braketten nøkler). > Juster baseline, om nødvendig ved å øke eller redusere størrelsen på ellipsen at teksten er på
Trinn 7 -. Roter Text
Se herskerne ved å trykke (Command + R ) eller Meny > View > Vis linjaler, velge type og dra en horisontal guide fra toppen linjalen til sentrum av sirkelen. Hvis føreren ikke er synlig, og deretter gå til Meny > View > Vis hjelpelinjer (Command + semikolon). Bruk Selection Tool (V) til å dra i håndtaket på teksten til midtposisjon
Trinn 8 -. Legg en bakgrunn til ovale
Velg Ellipse Tool, klikk og hold Alt + Shift mens du drar utover fra midten av oval for å lage en sirkel som strekker seg forbi den tomme sentrum av den ovale. Fyll den med orange (# DF771C) og ingen slag. Høyreklikk > Ordne > Send til Back (Command + Alt + Venstre Bracket tast) for å sende den oransje sirkelen til tilbake
Trinn 9 -. Lag hoved Banner Strip
Velg rektangelet Tool (M) og klikk én gang på scenen. Tast 2.2in og 0.3in for bredde og høyde. Med rektangelet valgt, gå til Gradient paletten og velger en horisontal lineær gradient farge # 533930 på hver ende og # A6583F i midten. Gi rektangelet en 1pt svart strek, og sjekk Round Bli alternativet
Trinn 10 - Klem Det
I menyen, gå til Objekt >.,! Konvolutt Distort > Gjør Med Warp og velge Squeeze, sjekk Horisontal og Bend bare 2%
Trinn 11 -. Lag Banner Text
Skriv inn navnet på produktet og sentrer den i rektangel (I ' vil feste med Kobber for all tekst)
Trinn 12 -. Lag Banner Tail Del 1
Velg rektangel Tool (M) og klikk en gang på scenen, skriver .5in bredde og .3in høyde. Gi den en 1pt svart strek, bruker Round Bli alternativet igjen. Gi dette rektangelet en lineær gradient med # 533930 til venstre og # DF771C på høyre
Trinn 13 -. Lag Banner Tail Del 2
Med rektangelet valgt i menyen gå til Object > Sti > Legg ankerpunkt. Med segmentverktøyet (A) å velge midtpunktet på høyre side av rektangelet, og flytter den mot midten for å lage enden av halen. Hold Shift mens du drar for å tvinge den til å være rett
Trinn 14 -. Plasser og Dupliser Tail
Plasser denne halen objekt på høyre side av rektangelet, og dytte det ned litt. Send den bak rektangel med et høyreklikk > Ordne > Flytt bakover (Command + Venstre Bracket nøkkel). Kopier halen objekt og lime inn i front (Command + F). Høyreklikk på kopierte halen objektet og velg Transform > Reflektere. Velg vertikale og 90 grader for vinkelen. Flytt reflekterte halen objekt over til venstre side, holder Shift mens du drar for å tvinge den til å være rett
Trinn 15 -. Lag Banner Detaljer
Nå, en detalj for å gjøre banner mer realistisk : zoome inn nær der høyre halen møter rektangelet. Velg Pen Tool (P) og tegne en figur med fire klikk: nederst til høyre på rektangelet, nederst til venstre på halen, rett opp til enhver posisjon (hold Shift) og tilbake til startpunktet for å lukke
.
Fyll formen med en mørk brun (# 2D1C17) og 1pt avrundet svart strek. Trykk Command + Venstre Bracket tasten til formen er bak rektangelet men foran halen
Kopier det, lime foran (Command + F), Høyreklikk >.; Transform > Reflektere > velge Vertical 90 grader. Skift-dra til samme sted på venstre ende av banner
Trinn 16 - Warp Banner
Velg hele banner og i menyen gå til Objekt >.; Konvolutt Distort > Gjør Med Warp, velge Arc og 12% for Bend
Trinn 17 -. Plasser Banner
La oss nå plassere banner i design. Klikk merkenavnet tekst ("VECTOR TUTS") slik at midtpunktet er synlig. Dra en vertikal guide fra venstre linjalen til midtpunktet. > Sett banner i posisjon ved hjelp av vertikal guide for å holde den sentrert
Trinn 18 -. Lag en hvetekorn
Vi kan bare ta et bilde av hvete eller et lager vektor, men ville du lærer mye? Nope! La oss gjøre stilker av hvete fra scratch. Bruk Ellipse Tool (L) og lage en liten tynn vertikal oval av alle farger.
Bruk Convert Anchor Point Tool (som er nestet i Pen Tool) og klikk toppen poenget med oval. Bruk Selection Tool (V) og trykk Alt mens du drar for å lage en kopi av denne tåre dråpe form til å bruke som tuppen av hvete i noen få trinn. Legg den til side for nå.
Bruk Direct Selection (A) Tool og dra den øverste punktet opp og til venstre på vår opprinnelige tåre dråpe form. Med Direct Selection Tool, drar venstre håndtaket side kurve til høyre, som kurver tåre dråpe form. Nå ser det mer ut som et hvetekorn.
Dobbeltklikk på Rotate Tool (R) og velge en vinkel på ca -20 grader. Du ønsker å få den spissen pekende litt til høyre for vertikale
Trinn 19 - Transform Wheat Grain
Fra menyen, velg Effect >.; Forvrenge & Transform > Transform. Dette er en flott funksjon av Illustrator. Du kan bruke den til å lage alle slags interessante mønstre og former. I dette tilfellet vil vi gjenta hvetekorn for å gjøre resten av hvete stilken. Sjekk Preview og skriv 3 for kopier og -0,15 (ca) for mer vertikal. Klikk OK når det ser riktig
Trinn 20 - Kopier og posisjon på venstre side
Kopier det, lime foran (Command + F), høyreklikk >.; Transform > Reflektere, og velg Vertical 90 grader. Dytte den dro på plass. Plasser kopiert tåre slipp på spissen
Bruk linje Segment Tool (\\) og lage en hvit vertikal linje for stammen, under kornene
Trinn 21 -.. Warp Wheat
Velg alle hvete elementer og gjøre dem hvite. Fra menyen velger du Objekt > Konvolutt Distort > Gjør med Warp, og velg Arc for stilen, sjekk Vertical, og rundt 30% Bend
Trinn 22 -. Plasser Hvete i Etikett
Plasser hvete i etiketten, endre størrelse og roterende som er nødvendig, og deretter gå til Ordne > Flytt bakover (Command + Venstre Bracket tast) for å sende den bak banneret. Kopier og lim foran (Command + F), høyreklikk og Transform > Reflektere, velger Vertical 90 grader og flytte kopien til høyre side av etiketten
Trinn 23 -. Legg til tekst til bunns
Legg til ordet "Ale" eller "Root Beer" eller uansett type drikke det er. I meny, gå til Objekt > Konvolutt Distort > Gjør med Warp og angi et akseptabelt negativt tall under Arch effekt. Plassere teksten i midten-nederst på etiketten
Trinn 24 -. Legg Tekst til toppen
Velg og kopier hoved stor tekst-on-a-bane. Lim foran (Command + F). Øke størrelse, slik at kretsen er bare større enn etikett oval. Bruk Selection Tool (V), og klikk ethvert hjørne av tekst-on-a-bane og Alt + Skift-dra for å utvide likt.
Skriv inn et slagord eller sitat å tilpasse produktet. Reduser skriftstørrelsen som er nødvendig og bruke farge # 6B752A. Bruk Selection Tool (V) for å justere plasseringen av teksten på kurven, ved å dra høyre håndtak
Trinn 25 -. Grab et bilde
Få et bilde av Brewmaster, eller enhver person du ønsker å funksjonen på etiketten. Det er hode og skuldre vi leter etter. Det er veldig nyttig å ha faget på en hvit bakgrunn. Mange takk til wookiestock på deviantart.com for dette bildet jeg har brukt i denne opplæringen. Åpne bildet i Adobe Photoshop
Trinn 26 - Forbered Photo
I Photoshop Meny gå til Image >.; Justeringer > Terskel og justere glidebryteren til det er en god balanse mellom lys og mørke i ansiktet. Vi trenger ansiktet området for å være inneholdt, som på ingen brudd langs omkretsen av hodet, fordi vi vil fylle ansiktet med hvitt senere. Så for dette bildet, formørket jeg hans venstre kinn og høyre øre, så det er en komplett oversikt over hodet etter at terskelen er brukt.
Bruk Elliptical Marquee Tool (M) for å opprette et utvalg rundt hodet og skuldre. Gå til Velg > Inverse (Command + Shift + I) og slette alt, men hode og skuldre. Beskjær og lagre bildet
Trinn 27 -.! Levende Trace
Åpne nytt ansikt bilde i Illustrator. Velg bilde og klikk Levende Trace, justere innstillingene slik
Trinn 28 -.! Live Paint
Klikk Live Paint, deretter med Live Paint Bucket Tool (K), fylle hele sorte områder med mørk brun (# 533930). Fylle alle ansikt porsjoner med hvit, bruker Live Paint Bucket Tool. Rydd opp bildet som nødvendig og plassere den i midten av etiketten
Trinn 29 -. Legg Dybde til Face
Nå ønsker vi toppen av hodet til å sprette ut fra det ovale , men resten til å gå bak den ovale, slik at en 3-D-effekt. Velg ansiktet, kopiere (Kommando + V), og lime inn i front (Command + F). Høyreklikk og velg Del opp gruppe (Command + Shift + G.)
I Pathfinder paletten, velg Legg til Shape-området og klikk Utvid for å gjøre ansiktet én solid form.
Bruk Knife Tool å hogge av toppen av hodet, og sletter resten ved hjelp av Direct Selection Tool (A). The Knife Tool er en jeg nesten aldri bruker, og det er ingen snarvei for det, så det kan være vanskelig å finne. Det er skjult under Eraser Tool (Shift + E)
Velg ansiktet og sende den tilbake bak oval. Hakkede-off hode del vil være foran nå.
Wow denne saken er virkelig begynner å forme seg! Alt vi trenger nå er en bakgrunn og etiketten er ferdig
Trinn 30 - Hook opp fargen og Lines
Velg merket firkant og fyll med lys grønn (# D3E27E), og fjern hjerneslag. Bruk linjeverktøyet til å opprette to horisontale .25pt svarte linjer; en nær toppen, og en nær bunnen. Føl deg fri til å gjøre dem lengre enn plassen, som vi vil beskjære dem senere
Trinn 31 -. Bland Lines
Blend Tool gjør det enkelt å gjenta jevnt disse linjer på tvers av bakgrunn. Velg dem begge og i menyen gå til Objekt > Blend > Blend Alternativer og velger 50 for Spesifiserte Trappen og klikk på OK. Nå gå til Objekt > Blend > Gjør for å bruke effekten. Send linjene bak kunstverket, men holde dem foran den grønne bakgrunnen
Trinn 32 -. Fade linjene i senter
En annen veldig kul funksjon i Illustrator er Opacity Mask. Jeg vil bruke det her for å fade ut linjene. Kopier den grønne firkanten og lim den inn foran linjene, og gi den en radial svart og kvit, med svart i sentrum.
Velg torget og linjene, og i Transparency palettmenyen, velg Gjør Opacity Mask.
Juster gradient å visne linjene ut i sentrum. Etiketten design er ferdig!
Husk å klikke venstre torget i Transparency paletten når du er ferdig med å redigere opacity maske, fordi du ikke vil være i stand til å velge andre elementer før du gjør dette.
< h2> Trinn 33 - Flat Transparency
Noen skrivere frik ut når de ser åpenhet relaterte effekter, så vi vil flate vår å være trygg. Velg opasitet maske og velge Objekt > Flate Transparency
Trinn 34 - Lag Outlines
Merk all teksten i denne filen (eller bare velge alle (Command + A), og i menyen velger Tekst >.. Lag Outlines Dette vil sikre at typografien er bevart Det kan være en god idé å lagre filen før dette trinnet, i tilfelle du ønsker å redigere teksten senere
Trinn 35 -.. Ordne to etiketter på Artboard
< p> Velg alt inkludert skjæremerker og gruppearbeid det (Command + G). Skift x-posisjonen til 3-tommer. Kopier og lim annen etikett foran (Command + F). Flytt x-posisjonen til andre etiketten 8in.
Løs opp gruppe objektene før du kan velge og slette de horisontale skjæremerker i midten av de to etiketter. Her er den endelige, utskriftsvennlig, super velsmakende illustrasjon!
Takk for følge med , og jeg håper virkelig etikettene er en stor hit!
Her er den originale etiketten jeg laget for "Huja Brew."
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med den nyeste vektor tutorials og artikler.