Team Awesome: Fra Hånd Lettered Logo til Vector i Adobe Illustrator
Dette innlegget er en del av en serie som heter Branding teamet Awesome.Design og Tegn en Mascot for Team AwesomeWhat du skal lage

Har du noen gang ønsket å lage et typografisk logo for deg eller ditt lag? Det er ikke så vanskelig som det ser ut! Mange sier de ikke kan male eller tegne, men typografi er en del av vårt daglige liv. Vi er alltid å skrive navn, e-postadresser, telefonnumre og lignende. Slik at vi alle har en god start; Vi er alle kjent med figurer av bokstavene.

Jeg vil nå lede deg gjennom alle de nødvendige skritt for å lage en logo for "Team Awesome".

Hva du trenger

For å fullføre dette prosjektet, trenger du følgende:

Papir

Blyant Anmeldelser
Adobe Illustrator

1. Planlegg din logo

Trinn 1

Skriv ned ordet eller uttrykket du ønsker å opprette, før du begynner å skissere. Dette høres kanskje dumt, men tro meg, det er viktig! Som du skriver ordene, vil du begynne å se hvordan bokstavene "dans" og leke med hverandre.

For dette prosjektet, jeg skaper en logo for "Team Awesome". Dette er navnet på instruktøren teamet og medlemmer av lokalsamfunnet innenfor Design & Illustrasjon seksjonen her på Tuts +. Siden du leser denne opplæringen, velkommen til teamet!

For min "Team Awesome
" -logoen, jeg lurte på hva jeg kunne bruke til å visuelt representere "Awesomeness". Det første som kom til mitt sinn var superhelter. Hva er mer fantastisk enn en superhelt? Så jeg vil at min logo for å ligne en superhelt logo.

Trinn 2

Ta deg tid til å tenke og planlegge hvordan navnet du bruker for din logo kan oversettes visuelt. I dette tilfellet vår logo vil være alle typer, så jeg vil bruke elementer integrert med bokstaver. For denne logoen valgte jeg å bruke et lyn. Anmeldelser

Trinn 3

Doodle! Begynn å utforske ulike visuelle muligheter. Lek med type og elementer. Du trenger ikke å avgrense noe på dette stadiet, bare doodle!

2. Velge en typografisk stil

Trinn 1

Når du begynner å skissere, tenke på den stilen du ønsker og hva meldingen du ønsker å formidle med din logo eller bokstaver. Hvordan ønsker du at logoen for å se og føle Hva vil du at den ser på logoen for å føle? Scott Biersack tilbyr et flott utvalg av tutorials som vil hjelpe deg å bedre forstå typografi. Hodet på over til Scotts trening på hånd letteFundAmenTals. Dette vil hjelpe deg når du arbeider gjennom dine tanker.

Trinn 2

Nå som du har tenkt på den meldingen du ønsker å formidle, må du velge en bestemt typografisk stil. Jeg vil at min logo for å være funky og har en fin flyt. For å gjøre det, jeg valgte å gjøre det i en uformell script stil ligner håndskrift. Å få en bedre forståelse av typografi og å velge en stil som passer best til det du ønsker å formidle, sjekk ut denne opplæringen av Scott Biersack: Håndlette.: Forstå Typer Type

3. Opprett Thumbnails

Nå vil du begynne å utforske flere muligheter og prøver å knytte alle elementene sammen.

Trinn 1

Først oppretter raffinerte miniatyrer. Jeg liker å skissere miniatyrene som mini versjoner av logoen. Denne måten jeg kan mer tydelig se i denne innledende fasen hvordan logoen vil oppføre seg, og om det vil fungere eller ikke. På dette punktet vil jeg skissere mye
. Ikke vær redd for å gjøre mange forskjellige versjoner. Også jeg begynner å definere hvor jeg skal plassere mine Bezier poeng på dette stadiet

Trinn 2

Tegn bokstavene som enkle linjer og deretter legge dybde til bokstav.; slag av en analog versjon av offset Sti kommandoen. Det er en god teknikk som du kan tilpasse til din egen håndskrift eller former, så ta deg tid til å øve. We'll vente.

4. Velge og raffinering skissen

Trinn 1

Velg grove blyantskisse du ønsker å jobbe med, skanne det og endre størrelsen til en større størrelse. Dette vil være malen for deg å bygge vektorene på.

Trinn 2

Når bildet er skannet, skrive den ut igjen og spore slag på toppen av det å gjøre justeringer og for å korrigere eventuelle problemer. Deretter re-skanne denne skissen en gang å bruke bildet for selve tracing i Illustrator. Jeg pleier å gjøre noen siste liten tweaks på denne skissen.

5. Definere Plassering av Bezier Handles

Trinn 1

Du kan lure: "Definere plassering av min Bezier håndterer ... nå På papiret?"
Yes! Gjøre dette nå, før vi selv starte med vektoren delen. Dette vil bidra til å skape en rask arbeidsflyt i Illustrator senere og også er en god øvelse på generell vectoring.

Trinn 2

Ta din valgte grov skisse og definere viktige punkter som vil hjelpe deg å bygge din vektor former. Dette er ikke en regel; noen ganger må du legge til eller fjerne punkter her og der senere. Ikke vær en Bezier nazi! Det handler om å lage kurvene se til høyre. Nøye undersøke figurer av bokstavene og prøve å identifisere de ytterste punktene. Spor linjer rundt bokstavene for å identifisere de ytterste punktene. Merke dem på papiret med en penn eller en markør

Ha dette papiret hendig for videre henvisning.; vi vil kalle det vår Bezier Reference Sheet
.

6. Klar Sketch

Med skissen valgt og plassering av Bezier punktene definert, er det på tide å forberede skissen å spores i Illustrator. Vi gjør det ved å åpne skisse i Photoshop, konvertere den til et punktgrafikkbilde (Bilde > Mode > Bitmap)., Og lagre som en TIFF-fil

7. Sette opp Work i Adobe Illustrator

Trinn 1

Nå er det på tide å sette opp Illustrator-dokument for å begynne å bygge figurer av vår "Team Awesome" logo. Klikk først på Fil > Ny for å opprette et nytt dokument. Mine er A4 (210 x 297 mm) horisontal, Fargemodus: RGB. Jeg bruker CS5-versjonen, men det bør ikke være mye forskjell i nyere eller tidligere versjoner

Trinn 2

Plasser bildet ved å klikke på Fil >.; Plasser og velge TIFF-filen du lagret tidligere. Veien å gå!

Trinn 3

Denne skissen vil være malen. Jeg male det med en lys blå farge, for å hjelpe meg se gjennom linjene.

Det er en god praksis å legge til linjer som vil fungere som guider for å hjelpe deg å plassere figurene. Jeg bruker en lysegrå for guidene. Dette er ikke en regel-du kan leke med farger for å se hva som fungerer best for deg. Lys grå fungerer for meg. Det viktigste å huske på er å ha din skisse synlig.

Navn dette laget "mal", eller noen andre navn som du tror vil hjelpe deg. Når alt er satt, opprette et nytt lag og gi den navnet "TRACE". Jeg anbefaler at du velger den mørke blå fargen for "TRACE" lag.

8. Begynne å bygge vektorfigurer

Trinn 1

Ved hjelp av vår Bezier Reference Sheet opprettet tidligere, klikk på Pen Tool (P) og begynne å legge poeng på de definerte steder, alltid holder Skift-tasten for å begrense stillingen. Dette vil holde poengene vinklet på 0º, 45º og 90º, slik at din form for å ha bedre kurver med færre poeng og gjør det enkelt å bygge og kontroll senere.

Hold veksling MAL lag av og på for å se hvordan kurvene ser ut, og justere dem om nødvendig. For figurer bruker jeg en rosa farge (# FF00FF). Dette vil hjelpe deg å se linjene på toppen av det blå skisse.

Trinn 2

Start med store bokstaver A, og bygge hver bokstav separat som et annet objekt til blandingen er ferdig. Terpe dette for alle bokstavene, veksling MAL lag av og på og betaler oppmerksomhet til hvordan poengene dine er plassert, og hvordan kurvene dine ser ut. Når du blir vant til denne teknikken, vil du se hvor enkelt det er.

9. Plassering av Points

For de fleste som arbeider med Bezier kurver er det vanskeligste, og noen ganger skremmende, en del. Det kan virke vanskelig første gang, men det er ikke. Se på bildene nedenfor, og legg merke til hvordan alle punktene er plassert.

10. Fullførte vektorfigurer

Trinn 1

Med våre grunnleggende vektorfigurer ferdig, nå er det tid til å vurdere vår fremgang. På dette punktet vil jeg vanligvis skrive den ut igjen og gjøre flere justeringer med en blyant.

Trinn 2

Dette er min utskrevne skisse. Men jeg vil ikke re-skanne dette. Jeg vil bare referere til det å gjøre endringer i Illustrator.

11. Justeringer

Trinn 1

Dupliser TRACE lag og gi den navnet revisjon. På dette laget foreta rettinger bruker den trykte skisse hvis nødvendig, bevare de andre lagene, og forlater dem intakt.

Trinn 2

Du har fullført og raffinert vektor former. Duplisere dette laget og gi den navnet FINAL som en backup, i tilfelle du trenger å endre det senere.

12. Styling

Nå er det på tide å gjøre logoen pop! La oss gi det litt liv å gjøre det enda mer fantastisk.

Trinn 1

Skjær noen bokstaver for å gjøre dem ser mer interlaced. Du kan legge til figurer på noen deler, og med Minus Tilbake kommandoen fra Pathfinder-panelet, trekke dem fra den opprinnelige formen

Du kan gjøre dette ved å plassere cut figurer på bunnen og klikke på Object >.; Ordne > Send til Back eller trykke Shift-kontroll-[

Trinn 2

Åpne Pathfinder-panelet ved å klikke på Vindu >.; Pathfinder eller klikke Shift-Control-F9.

Trinn 3

Med de to formene er valgt, klikk på Minus Back-knappen. Voilà

Trinn 4

Legg en kontur til objektet ved å velge og klikke på Object >!; Sti > Offset Path. Tast 1 mm og klikk på OK.

Paint konturen med en mørk blå eller sort farge, slik at vi kan skjelne mellom. Ikke bekymre deg om farger for nå-vi endring som senere.

Trinn 5

La oss nå legge litt dybde. Duplisere konturen lag ved å klikke på Rediger > Kopier (Ctrl-C), og lim den inn i ryggen ved å klikke på Rediger > Lim inn Back (Ctrl-B)

Velg de to svarte konturer og klikk på Object >.; Blend > Gjør eller klikk på Control-Alt-B.

Etter at effekten, vil du merke at blandingen ser rart. La oss løse dette ved å dobbeltklikke på Blend Tool-knappen på verktøypanelet

I dialogboksen som vises, velger Spacing:. Spesifiserte Steps og skriv 60. Etter bruk av effekt, velger Objekt > Blend > Utvid og det vil bli konvertert til stedene.

Med objektene valgt, åpner Pathfinder-panelet og finn Unite-knappen. Klikk på den. Dette vil slå sammen alle objekter i en enkelt objekt

. Og den er klar! Congrats på din ... Hva? Nei, nei, ikke ennå! Zoome inn og vil du se at noen linjer er fulle av poeng, noe som gjør konturen se hakkete i enkelte områder. Vi trenger å bli kvitt det!

Enter Outline modus ved å klikke Ctrl-Y og klikk på Lasso Tool-knappen (Q) på verktøypanelet. Velg de ekstra poeng med Lasso Tool og gå til Objekt > Sti > Fjern ankerpunkt. Gjenta dette på alle delene som trengs til du har fine glatte former.

13. Farge og detaljer

Trinn 1

Når alt er rettet opp, la oss endre fargene. I mitt tilfelle er jeg lage denne logoen for en fantastisk gruppe mennesker og deres farger er de to under, så jeg vil holde med dem. I dette trinnet er du fri til å leke med hva fargene du ønsker.

Jeg tror fremdeles det er noe som mangler. Det er fortsatt ikke superhelt logo jeg seg, så jeg lagt en ellipse på bakgrunnen og malte det med lysere farge.

Trinn 2

Nå til å legge noen detaljer. Først legger jeg en hvit kontur rundt ekstrudering. Klikk på Object > Offset Sti og skriv 1 mm

Dupliser hvit kontur ved å velge den og klikke på Rediger >.; Kopier (Ctrl-C) og lim den inn i ryggen ved å klikke på Rediger > Lim i Back (Ctrl-B) vil jeg male min "skygge" med en farge mørkere enn ellipse farge.

Trinn 3

Nå vil jeg legge til noen høydepunkter. Klikk på rektangelverktøyet knappen på verktøypanelet eller treffer M, og trekke noen rektangler og male dem blå å være mer synlig. Jeg vil posisjonere meg sammen med ekstrudering vinkel. Lag en sammensatt bane fra alle rektangler, noe som gjør dem en enkelt bane. Med alle de blå rektanglene valgt, klikker du Shift-8 eller gå til Objekt > Forbindelse Sti > Gjør

Velg ekstrudering og klikk på Object >.; Sti > Offset Sti og skriv -1 mm i dialogboksen.

Velg den genererte banen og rektangler, og i Pathfinder-panelet finner Snitt-knappen og klikker på den. Kopier generert banen ved å klikke på Rediger > Kopier (Ctrl-C), og velg deretter ekstrudering og klikk på Rediger > Lim i Front (Ctrl-F).

Awesome Arbeid, Team!

Yay! Våre Team Awesome logo er klar og skinnende! Awesome!

Denne opplæringen er ment å hjelpe deg å få en bedre forståelse av hånd lette og vektor. Det høres komplisert i starten, men jo mer du øver, jo lettere vil det bli. Jeg håper all den informasjonen jeg har gitt er nyttig for deg, og at du kan tilpasse teknikker og tips som vises her for dine egne prosjekter. Takk for å se, og bli kjempebra!