Creating en Coffee House Logo - fra teori til Vector i Adobe Illustrator
Dette innlegget er en del av en serie som heter koffein Fuelled Vector.Create en kaffekopp Mock Up i Adobe Illustrator Bruke 3D dreie Effect50 + Steaming-Hot, Vector Kaffe illustrasjoner å våkne opp til
Med denne opplæringen vil jeg gi tips å tenke på når du oppretter en logo. Også vil jeg
Arbeide med ideer og klienter
dekke noen grunnleggende manipulering av Star Tool samt hvordan du justerer type på en bane for å lage en vintage inspirert logo for en kaffe huset.
Når du oppretter en logo før vi selv starte skisse prosessen må vi snakke med vår klient og samle litt informasjon. Jeg er av den mentaliteten at jo mer informasjon du har om en kunder virksomheten eller produktet jo bedre forberedt du vil være når du utformer en logo for å hjelpe formidle dette produktet til verden.
Det finnes en rekke gode artikler på Internett som tyder spørsmål til kunden samt hvordan å ta betalt for ditt talent og tid, så jeg vil ikke gå inn i for mye detalj om dette. Bare vær klar over at du utformer for klienten og deres merkevare. Du må respektere deres ønsker og vedtak, men du trenger også å vite når du skal stå på bakken og selge design. Tross alt, de kontaktet deg å designe for dem, de respekterer din mening som kunstner, du trenger bare å være i stand til å vise dem hvorfor de stoler på deg.
Når det gjelder å skissere det er alltid viktig å gi muligheter . Avhengig av arbeidet flyte dette kan være alt fra en håndfull til et stort utvalg. Personlig liker jeg å gi en klient med om lag 10 forskjellige alternativer for å begynne med i første omgang. Jeg vil deretter kontakte kunden med disse alternativene, og be dem om å velge to eller tre og forklare hvorfor det er de liker dem og å gi så mye tilbakemeldinger som mulig som den retningen de ønsker disse å gå. Vanligvis kan du fortelle rett utenfor balltre hvilken versjon de liker mer og derfra kan du begynne å bøter design. Jeg tar disse to alternativene og utvide dem basert på deres tilbakemeldinger og gi en håndfull varianter, ikke mer enn to eller så av hver.
Det er på dette tidspunktet hvor du trenger å begynne å selge deg selv. Som designer kan du føler at du vet hva som er best, og hvis et design du virkelig elsker er avvist er det vanskelig å ikke ta det personlig. Dessverre er det ingen kur for dette, og det skjer vanligvis minst en gang i løpet av hvert prosjekt du vil møte. Du må være forberedt på det og være modne nok og trygg nok i dine ferdigheter til å riste den av og holde fremover. Ta klienter forslag i betraktning, hvis de er rett og slett latterlig forklare det til dem i den mest humane måten mulig. Husk at prosjekteringsarbeidet er en gjenta kunde og jungeltelegrafen virksomheten, ikke vær nedlatende eller sarkastiske kommentarer. Dette kan ugjenkallelig skade ditt rykte og koste deg virksomhet i det lange løp.
Skissere Dine Design
Med ovennevnte informasjonen i bakhodet, la oss møte vår klient
For denne opplæringen vi skal bruke en fiktiv kaffebar tittelen quot;. Vector Coffee ". Siden vi er på Vectortuts + vi vil anta at det er eid av selskapet Envato. Med denne informasjonen og en bit av forskning kan vi utlede at de liker en ren og skarp, vintage /moderne design estetiske. Leter rundt området de liker en fin flat motiv for deres bedrift design. Vi kan se at dette estetikk strekker seg til alle aspekter av deres digitale tilstedeværelse. Dette indikerer at de har et selskap merke allerede på plass, og vi bør ha respekt for dette.
Mens skissere huske på den splitter farger, skrifttyper og eventuelle figurer de kan vurdere å være en del av deres merkevare. Dette er informasjon du burde ha konstatert fra dine spørsmål til klienten før starten av prosjektet. Også prøve å forestille logoen i bruk, enten på nettet eller i papirutgave. Forstå at gradienter og et stort utvalg av farger og former kan se flott ut på nettet eller i Adobe Illustrator, betyr det ikke oversette til å skrive ut alt som godt, og kan ende opp med å bli for dyrt å produsere. Prøv å holde fargepaletten til et minimum, og forestille seg hvordan logoen kan se på ulike bakgrunner eller farger. Synlighet og lesbarhet er nøkkelen til et flott design. Tekst eller figurer som er små på datamaskinen kan være helt borte når de skrives ut på en konvolutt eller brev hode. En god tommelfingerregel er å se din logo er trykket på et bilde litt større enn størrelsen på et kvartal. Hvis du krympe bildet til å passe denne størrelsen og detaljene som gjør logoen hva det er tapt, er det en dårlig design og du bør revurdere dine valg.
For denne logoen jeg ville prøve å finne en måte å formidle Vector med kaffe. Jeg utforsket noen alternativer som involverer en kopp kaffe, en kaffebønne, og enda en dråpe kaffe og prøvde å kombinere det med vanlige vektorobjekter som bane poeng og penneverktøyet. Jeg endelig slo seg ned på en klassisk stempel motiv med scalloped kanter og tekst. Etter å ha drøftet det med kunden likte de dette alternativet best, men ville ha noe å bidra Gran det opp litt. Jeg har også laget et merke som kan brukes i forbindelse med stempel form eller som et frittstående objekt som ligner en dråpe kaffe, men speiler spissen av en fyllepenn som er ikonet for Pen Tool over omtrent alle vektor programmer. For fargepaletten jeg kommer til å holde seg med en rik rød farge som er en indikasjon på varme bidrar til å selge det faktum at det er varm kaffe. Jeg velger en fin gyllen gul som også har en oppvarmende effekt, men gir også en følelse av glede og lykke. Og til slutt en fin rik dempet brunt som er, vel, fargen på kaffe.
1. Opprett et nytt dokument
Med vår skisse på plass begynner vi den viktigste delen av vår logo prosessen. Vector rekreasjon. Å ha bare en raster kopi av logoen er rett og slett uakseptabelt i denne oppløsning uavhengige verden, og hvis du bare gir en raster bare versjon til en klient er et tegn på dårlig kvalitet som designer.
Så nå som vi har vår logo utvalg fra klienten la oss starte med å åpne Illustrator og lage et dokument ved hjelp av alternativene som er skissert i bildet nedenfor.
2. Lag din Wavy stjerne Shape
Trinn 1
Med vår dokument laget la oss begynne å lage logoen vår. Jeg vil ikke importere den valgte skissen som det var bare en grov skisse av hva jeg faktisk ønsker å oppnå, og har en ganske god idé om hvordan å gjenskape det i illustrator uten sporing mitt opprinnelige skisse. Men hvis du ønsker å importere skisse kan du gjerne gjøre det.
Slik starter du velge Star Tool plassert under rektangelverktøyet i vår verktøylinjen. Du må klikke og holde på en beat eller to for at fly ut vinduet som dukker opp med sub verktøy. Når den er aktivert klikke på kunst styret og angi innstillingene nedenfor. Når formen er opprettet justere høyden og bredden på stjernen ved hjelp Transformering-panelet ( Vindu> Transform Med vår stjerne form valgt gå til Align panel ( Vindu> Align nå som det er sentrert riktig, åpne Utseende panel ( Vindu> Utseende Velg Ellipse Tool (L) og klikk på din kunst bord. Nå opprette en perfekt sirkel som er 406 x 406px da sentrere det til kunsten styret som beskrevet nedenfor. Bytt til Selection Tool (V) og Shift-klikk både sirkelen og den bølgete stjernen for å velge dem begge samtidig. Nå åpner Pathfinder-panelet ( Vindu> Pathfinder Med Ellipse Tools (L) valgte igjen klikke på kunst bord og lage en perfekt sirkel som er 400 x 400 piksler så sentrere det til art styret som beskrevet nedenfor. Åpne Utseende panel ( Vindu> Utseende nå går opp til objekt> Utvid Utseende La oss lage en ring til mye lenger i å balansere ut den teksten som skal komme senere. Igjen velger Ellipse Tool (L) og klikk på din kunst bord og lage en perfekt sirkel som er 190 x 190px da sentrere det til kunsten styret som beskrevet nedenfor. åpne Utseende panel ( Vindu> Utseende Og til slutt, gå opp til objekt> Utvid Utseende For å hjelpe med noen av detaljene i dette objektet la oss jobbe større enn vi har tenkt den endelige karakteren skal være. I Lag-panelet ( Vindu> Layers Igjen velger Ellipse Tool (L) og klikk på art bord for å skape en perfekt sirkel som er 300 x 300 piksler så sentrere det til kunsten styret som beskrevet nedenfor. Med Ellipse Tool (L) er valgt, klikker på art bord for å skape en perfekt sirkel som er 70 x 70 piksler deretter sentrere det til kunsten styret også. La oss også gi dette en annen farge slik at det er lettere å se, og vil bidra til vår blanding i et senere trinn. Nå Høyreklikk på den nye mindre sirkel og velg Transformer> Flytt ... product: (Skift-Kommando-M) og angir innstillingene som vist nedenfor. Bytt til Selection Tool (V) og Shift-klikk begge sirklene for å velge dem begge samtidig. Naviger til Objekt> Blend> Blend Alternativer ... Hotell og sikre at " Glatt Farge " er aktivert for avstand og utvalg greit. Nå opprette blandingen ved å gå til Objekt> Blend> Gjør plakater (Command-Alt-B). Nå går opp til Objekt> Utvid Utseende Åpne Pathfinder-panelet ( Vindu> Pathfinder Dette er dessverre gjør en masse unødvendige forankringspunkter som vi vil må fjerne. For å gjøre dette, zoome inn til formen litt deretter aktivere Direct Selection Tool (A) og dra et utvalg over uønskede ankerpunktene. Husk at vi trenger topp- og bunn fleste ankerpunkt fra enten størrelsen på dråpeform intakt. Når du har valgt å slette dem ved å trykke på tilbaketasten. Nå gå til Bane> Bli med plakater (Kommando-J) og lukke de åpne baner. Du må gjøre dette to ganger. La oss pynte denne nye dråpeform og sammenligne med et pennespissen reservoaret over det. Med Ellipse Tool (L), klikk på kunst bord. Nå opprette en perfekt sirkel som er 60 x 60 piksler deretter sentrere det til kunsten styret som beskrevet nedenfor. Fargen spiller ingen rolle, men slik at du kan se hva jeg gjør jeg skal farge det hvite. Aktiver rektangelverktøyet (L) og klikk på din kunst bord . Nå opprette et langstrakt rektangel som er 10px bred og høy nok til å overlappe den øverste delen av dråpeform da sentrere det til kunsten styret som beskrevet nedenfor. Bytt til Selection Tool (V) og Shift-klikk både sirkelen og rektangelet å velge dem begge samtidig. Nå åpner Pathfinder-panelet ( Vindu> Pathfinder Nå Shift-klikk både dråpen og rektangel /sirkel kombinert form til å velge dem begge samtidig da i Pathfinder-panelet ( Vindu> Pathfinder Naviger til Transformering-panelet ( Vindu> Transform Velg Ellipse Tool (L) og klikk på din kunst bord . Nå opprette en perfekt sirkel som er 182 x 182px da sentrere det til kunsten styret som beskrevet nedenfor. Høyreklikk på sirkelen og velg Ordne> Send til Back plakater (Shift + Option + [), nå bytte til Selection Tool (V) og Shift-klikk både sirkelen og dråpeform for å velge dem begge samtidig. Nå åpner Pathfinder-panelet ( Vindu> Pathfinder Vi vil slå tilbake på vår opprinnelige lag med våre andre gjenstander slik at vi kan se plassering. Nå velger Ellipse Tool (L) og klikk på din kunst bord for å skape en perfekt sirkel som er 460 x 460px deretter fylle det med vår rød farge og sentrer den til kunst styret som beskrevet nedenfor. Aktiver rektangelverktøyet (L) og klikk på din kunst bord. Nå opprette et langstrakt rektangel som er 125px høy og bred nok til å overlappe til side av vår sirkel da sentrere det til kunsten styret. Nå Shift-klikk både sirkelen og rektangel for å velge dem begge samtidig. Åpne Pathfinder-panelet ( Vindu> Pathfinder Åpne Utseende panel ( Window > Utseende Velg Ellipse Tool (L) og klikk på din kunst bord. Nå opprette en perfekt sirkel som er 195 x 195px da sentrere det til kunsten styret som beskrevet nedenfor. Bytt til Selection Tool (V) og Shift-klikk både sirkelen og vridd rektangel for å velge dem begge samtidig. Nå åpner Pathfinder-panelet ( Vindu> Pathfinder Bytt til Magic Wand Tool ( V) og Klikk på en rød form til å velge alle figurene på kunsten bord som er røde. Åpne Pathfinder-panelet ( Vindu> Pathfinder Velg Ellipse Tool (L) og klikk på din kunst bord. Nå opprette en perfekt sirkel som er 295 x 295px da sentrere det til kunsten styret som beskrevet nedenfor. Fjern påfyllings og sikre at det er ingen slag som det ikke er behov for de neste trinnene. Med den nye gjennomsiktig sirkel valgt, aktiverer Type Tool (T) og mens du holder alt på tastaturet klikker den øverste anker på sirkelen. Nå endre skriftfargen til vår brun og skriv inn teksten " VECTOR " ved hjelp av alle caps med den valgte fra klienten font. I dette tilfellet vi bruker " Lubalin Graf " i demi vekt som du kan lisensiere her. Sørg for å Midtstill teksten ved hjelp Avsnitt-panelet ( Vindu> Tekst> Avsnitt Med markøren fortsatt er i spill Dobbeltklikk på den typen Tool i verktøylinjen og justere effekten og juster til sporvalg som beskrevet nedenfor. Deretter bytte til Selection Tool (V) og ta tak i hjørnet på markeringsrammen og rotere teksten banen slik at den er sentrert som vist nedenfor. Med Selection Tool (V ) fortsatt er aktivert kan du Kopier (Kommando-C) teksten banen deretter lim inn i Front (Kommando-F). Bytt tilbake til Type Tool (T) og klikk på teksten og endre teksten til å lese " COFFEE " og rotere teksten banen slik den vises opp ned. Nå Dobbeltklikk tekstverktøyet i verktøylinjen og velg " Flip " alternativ i vinduet som vises og trykk OK. Dessverre noen av våre bokstaver er rørende, og dette er en stor no-no så la oss justere utligningen mellom noen av disse brevene. Klikk i COFFEE teksten og flytte markøren til å sitte mellom de to F-tallet og justere utligning til 90. Gjør dette på nytt for i mellom F og E, deretter en gang mellom de to E-tallet. Med vår Selection Tool (V) velge både tekst figurer og gå opp til objekt> Utvid nå skal vi legge til pynt på siden. Med Type Tool (T) klikk på kunst bord (ikke på noen av figurene) og skriv inn ordet " TUTS " i vår Lubalin font bare denne gangen i fet skrift i stedet for Demi, deretter justere størrelsen som beskrevet nedenfor. Zoom inn i teksten og rektangelverktøyet (L) tegne et rektangel over og under teksten. Vi vil holde rektangelet like bred som selve teksten med en høyde 3px. Jeg har også holdt dem om 4px bort fra selve teksten. Bytt til Selection Tool (V) og velge begge rektangler og teksten så mens du holder Tilvalg på tastaturet Klikk-Dra utvalget over i alle retninger for å raskt kopiere det. Juster deretter teksten til å lese " PLUS " og om nødvendig justere bredden på rektanglene til det samme som teksten. Velg teksten for begge settene og Utvid ( Objekt> Utvid Velg den " TUTS " gruppe og justere den til midten av kunsten styret høyreklikk og velg Transformer> Flytt ... product: (Skift-Kommando-M) og angir innstillingene som vist nedenfor. nå velger " PLUS " gruppe og justere den til midten av kunsten styret høyreklikk og velg Transformer> Flytt ... product: (Skift-Kommando-M) og angir innstillingene som vist nedenfor. Med din Selection Tool (V) aktivert velge både tekst grupper samt den røde linjen form så i Pathfinder-panelet ( Vindu> Pathfinder Med det vår logo er fullført! Sørg for å konsolidere lag på dette punktet. Du kan ha former på tvers av flere ulike lag som er unødvendige på dette punktet. Vær oppmerksom på at alle Minus objektene vi gjorde i Pathfinder utgangspunktet gjengitt den delen gjennomsiktig. Betydning, at når du går å skrive ut papir eller bilder under vil vise gjennom. Hvis du ønsker kan du legge til en hvit bakgrunn til denne logoen for å omgå det, men dette ville være en beslutning venstre opp til klienten. Når dette er gjort, kan du lagre en lav kvalitet versjon av logoen som et flatt bilde og sender til klienten for godkjenning. Når du er godkjent kan du gi full AI-fil til sin fordel og forberede høy kvalitet PNG og JPEG på deres forespørsel. Husk å sjekke ut vår Vectortuts + Logo og design Session. Dette har noen gode tips av andre designere gjennom årene!
) til 448 x 448px. Deretter roterer stjerne 90 grader mot urviseren så en av stjernepunkter vender direkte opp.
Trinn 2
) og velger å Juster til artboard deretter velge Vertical Strek Centre og også Horisontal Align Centre, dette er de andre ikonene i fra begge sider på øverste rad i Align vinduet.
Trinn 3
) og legge til en fin rik brun farge (hentet fra vår klient merkevarebygging informasjon). Også velge knappen Effekter på bunnen av Utseende Panel og velg Stylize> Rundballe Corners ...
deretter inn informasjonen som er beskrevet nedenfor.
Trinn 4
Trinn 5
) og velg det andre ikonet fra venstre heter Minus Front og med at stjernen formen er fullført.
3. Lag Outer Rings for Logo
Trinn 1
Trinn 2
) og fjern fyllfargen deretter legge til en Stroke Vekt som er 5px som er justert til Inside og gi den en fin gul farge (hentet fra vår klient merkevarebygging informasjon).
Trinn 3
å utvide slaget til en form. Når du endrer størrelsen logoer for print og web slag kan ofte endre størrelse avhengig av innstillingene dine. For å omgå eventuelle justeringer vi utvide slag til en form. På denne måten logoen forblir nøyaktig som forutsatt.
Trinn 4
Trinn 5
) og fjern fyllfargen deretter legge til en Stroke vekt som er 6PX justert til Ute og gi det en fin rød farge (hentet fra vår klient merkevarebygging informasjon).
Trinn 6
å utvide slag til en figur.
4. Lag Coffee Drop Shape
Trinn 1
) slå av synlighet lag med våre ferdige gjenstander så langt ved å klikke øyeikonet ved siden av lagnavnet. Som standard er dette skal ha navnet " Lag en ". Nå opprette et nytt lag, så du bør ha to totalt, det nye laget å være på toppen og fortsatt synlig.
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
å utvide sirkler. Dette vil gjøre mange, mange, mange nye sirkler, hver lagvis oppå den andre for å skape den blandingen vi hadde tidligere.
Trinn 7
) og velg det første ikonet fra venstre heter Unite å slå sammen alle disse formene sammen.
Trinn 8
Trinn 9
Trinn 10
Trinn 11
) og velg det første ikonet fra venstre heter Unite å slå sammen alle disse formene sammen.
Trinn 12
) velg det andre ikonet fra venstre heter Minus Front trekke pennen spiss form fra dråpen.
Trinn 13
) og klikk på kjedeleddet ikonet til høyre for bredde og høyde dialogbokser for å begrense bredden og høyden for å endre størrelse. Nå i det Bredde alternativet justere størrelsen til 90px deretter justere den til midten av kunsten brettet igjen.
Trinn 14
) og velg det andre ikonet fra venstre heter Minus Front og justere farge til vår forhåndsbestemt brun farge
5. Den røde boksen
Trinn 1
Trinn 2
Trinn 3
) og velg det tredje ikonet fra venstre heter Snitt.
Trinn 4
) og velg knappen Effekter på bunnen av Utseende-panelet og velger Stylize> Rundballe Corners ...
deretter inn informasjonen som er beskrevet nedenfor. Nå velger du knappen Effekter igjen og velg Warp> Bulge ... Hotell og angi innstillingene nedenfor. Nå går opp til Objekt> Utvid Utseende
å utvide formen.
Trinn 5
Trinn 6
) og velg det andre ikonet fra venstre heter Minus Front.
Trinn 7
) og velg det første ikonet fra venstre heter Unite for å slå sammen disse røde figurer sammen.
6. Legg Tekst til Logo
Trinn 1
Trinn 2
).
Trinn 3
Trinn 4
Trinn 5
Trinn 6
å utvide teksten til figurer.
Trinn 7
Trinn 8
Trinn 9
Trinn 10
) dem da Group (Kommando-G) at den enkelte tekst og sine øvre og nedre grenser sammen. Ikke grupper både tekst objekter sammen, bør det være to grupper når du er ferdig, en for " TUTS " og den andre for " PLUS ".
Trinn 11
Trinn 12
Trinn 13
) velg det andre ikonet fra venstre heter minus Front.
Great Work! Nå du er ferdig!