How å lage et nettsted Mascot

Et par ganger hver måned vi besøker noen av våre lesernes favoritt innlegg fra hele historien Vectortuts +. Denne opplæringen av Scott Jackson ble først publisert på 8 mai 2009.

I denne opplæringen, kommer jeg til å gi en oversikt over hvordan utviklet et tegn fra den innledende kort gjennom til finalen nettstedet maskot og deretter å gå på å skape flere positurer for ulike deler av området.

Dette tegnet ble opprinnelig laget for en Envato nettsted som ikke ta av, og grafikken var ikke blir brukt, så Jeg har omarbeidet dette litt for å bli en Vectortuts + karakter. La oss se nærmere på prosessen med å lage denne nettsiden maskot og lære masse tips underveis!

1. Innledning

Tegn og maskot motiv er ikke noe nytt og har eksistert i lang tid, men med bruk av internett har det sett noe av en renessanse. På nettet står vi overfor en daglig bombardement av informasjon, data og bilder. Bruken av et område maskot kan være en effektiv måte å skjære gjennom denne informasjonen overbelastning og kontakt med betrakteren på et følelsesmessig nivå. Maskoter og tegn kan brukes som en del av en logo, eller uavhengig av hverandre, men fordelen de har over en logo alene er at de har karakter og en personlighet alle sine egne.

Jeg brukte Adobe Illustrator for å lage den maskot bruker sin mest grunnleggende verktøy og funksjoner, og av den grunn jeg kommer til å konsentrere seg om å vise utviklingen og arbeidsflyt involvert. Forhåpentligvis vil dette gi deg et innblikk i karakter skapelsen og vil hjelpe deg å lage din helt egne maskoter.

Jeg vil også være å gi en roundup av noen av de beste karakter design sider på nettet og slippe noen tips som vi går sammen.

2.Character Freebie

For ekstra inspirasjon og som en bonus gode mennesker på Vectortuts + gir deg muligheten til å laste ned originalfilene til eget bruk, noe som er en super freebie. Se den nedlastede filen for ytterligere informasjon bruk. Tegnet er tilgjengelig i både AI og EPS-formater.

3. Kort

Selv om dette er fiktive studien, ble det opprinnelig basert på en faktisk Envato prosjekt. Men i forbindelse med denne opplæringen, kommer jeg til å ta det at denne maskot kommer til å være for de Vectortuts + området, noe som gir oss et mål å bruke som et eksempel.

maskot er å være "The Tuts Guy", og han er for å være representative for de Vectortuts + lesere, og også forfatterne av veiledningene. En positiv, vennlig gemytt og appellerer til alle aldersgrupper. Å fremstå profesjonell, men likevel casual. Dessuten må han passe inn med områdets fargevalg, for å kunne innlemme tegnet inn sideoppsettet enkelt.

4.before jeg begynne, her er et par ting å huske på

Etter sine naturtomt maskoter er for bruk på web. Husk å sette filen til RGB.

Som nevnt i The Brief, tegnet må være i stand til å passe inn i fargevalget på nettstedet. Med et menneskelig maskot dette kan gjøres ved hjelp av klær og hår for å matche eller aksent nettstedet. Med et dyr eller et fiktivt skapelsen du har mye mer fleksibilitet.

Gi nøye hensyn til målgruppen, bildet, og området. La oss se på noen flere tips også.

5.Proportions

Er det tegnet som skal integreres sammen med en logo eller header? Hvis så lerretet er vanligvis en bred stripe og bruker en høy oppreist tallet kan føre til at det ser tapt og ansiktstrekk avtagende. Så hva kan gjøres med dette?

Gjør tegn høyde så nær det er bredde som mulig.

6.Cropping bilde

Ved beskjæring den øvre delen av kropp og konsentrere seg om de viktigste funksjonene, kan du spare verdifull plass og øke maskoter innvirkning. Du kan også se hvordan mer kondensert karakter gir seg mye bedre til formatet på spissen.

7.Den Dynamics av ​​bildet eller Dybdeskarphet

Det kan være svært nyttig for designer sette området sammen, hvis du gir dem en maskot i en flat, siden heving, da dette kan gjøre det mye enklere å integrere i utformingen av nettstedet. Alternativt kan dybdeskarphet gjøre for en mer interessant bilde.

8.Line Vekter og Skisserer

Jeg har ingen fast regel når det kommer til linje vekter eller været å bruke strekarbeid i det hele tatt. Selv om ikke å bruke noen linje arbeid i det hele tatt kan gi en lett følelse i maskot, kan det også bli mistet i bakgrunnen, spesielt hvis det er en travel en. Bruke linje arbeid og /eller en tyngre disposisjon kan gi bildet mer tilstedeværelse og definisjon.

9.It er alt i Eyes

Det er et ordtak at øynene er vinduet til sjelen . Med figurdesign øynene er det første som vi forbinder med. Vi kobler når vi først se en karakter på samme måte som når vi først møter noen, så det er viktig å vurdere dette i design. Øynene kan kommunisere et vell av følelser svært raskt og gi liv til en karakter.

Det er lett å tenke at jo mer kompleks gjengivelsen av øynene er, jo bedre, men faktum er at når det gjøres riktig, et par av prikker kan gjøre dette like bra.

10.Getting gang, og sette mine ideer på papir

Selv om jeg har en Wacom tablet, jeg veldig sjelden bruker den for å skissere ut ideer. Jeg velger i favør av blyant, papir, og evnen til å være fornuftig ut av en kaotisk haug med ideer spredt rundt mitt arbeidsområde.

På dette stadiet, jeg prøver å få noe og alt ned på papiret før granskes gjennom det å se hva som fungerer for meg. Jeg deretter avgrense roughs før du bruker et oppsett pad for de endelige roughs. Jeg foretrekker layout pads til tracing papir, som de er mye billigere og blyanten arbeid er mindre utsatt for smitte.

11.Time to Go Digital

jeg svært sjelden sender ut blyant roughs til en klient. Jeg pleier å gå en ekstra mil og jobbe dem opp i vektorer, spesielt hvis det er å være en rekke positurer av samme karakter, slik at de har en klar idé om det ferdige resultatet. Dette har ført til meg knapt å bruke en skanner i favør av å ta et blunk av blyant roughs med et digitalt kamera, eller til og med kameraet på mobilen min, som er rask og lett importeres via bluetooth.

Her er jeg har jobbet opp en rekke varianter for kunden å se på.

Jeg kommer til å ta det at jeg har hatt tilbakemeldinger, og vi kommer til å gå for No.4 karakter, men jeg føler meg det ville fungere bedre med en fippskjegg skjegget removed.Here er hovedpersonen (minus fippskjegg) skal vises på hjemmesiden til nettstedet, men jeg må nå utvikle karakterene for resten av området.

12.Back til Visuals

Disse er alle kommer til å ha en svært lik plassering til hovedpersonen, så det er mulighet til å gjenbruke elementer av den opprinnelige karakteren. Dette ikke bare kutte ned på arbeidsmengden dramatisk, det legger også en følelse av kontinuitet til området. Å ha separate deler av tegn på enkelte lag er en stor hjelp her, som beveger armene og vippe hodet kan forvandle positur.

Det er ikke å være noen bakgrunnen til de maskoter til å foreslå sin hensikt, men å justere kroppsholdning og tillegg av noen enkle rekvisitter kan kommunisere dette med seeren.

Ved hjelp av den opprinnelige tegningen for hovedpersonen i forbindelse med en layout pad gir meg litt av et forsprang når det gjelder de andre positurer. Som for resten av positurer, er det et tilfelle av å sende disse til klienten og gjøre endringer som er nødvendig til de er fornøyd med dem.

Nedenfor er de ferdige tegn. Alt som gjenstår å gjøre er å levere dem til klienten i formatet for sine valg. I dette tilfellet, kan du laste ned originalfilene til eget bruk her.

13.Further informasjon og inspirasjon

Her er en roundup av noen av mine favoritt karakter motiv baserte nettsteder for ytterligere inspirasjon :

Mojizu.com - Moji er det japanske ordet for tegn, og det er hva dette nettstedet handler om. Det er et fellesskap av karakterdesignere hvor du kan registrere deg for en profil og sende inn egne Mojis. En ukentlig Moji War plasser dem mot hverandre i en konkurranse for å finne den Moji Champ gjennom en rekke runder

Ilikecharacters.com -. En ganske nytt nettsted dedikert til utstillingsvindu best i karakter design skapt av kunstneren Steve Rack

characterhunter -. En blogg følge av fortsatte søket etter karakter design på gatene i Tokyo. En god en, hvis som meg liker kawaii (søt). Skrevet på fransk om japansk design, viser dette nettstedet hvordan maskot design kan krysse språk og kulturforskjeller

Smashing Magazine 40 Character Illustrasjon Tutorials -.. Et monster runde opp på 40 karakter design tutorials < .no>

vinylpulse - Character design som har krysset over i 3D-verden

patchtogether -. Hvis du noen gang har drømt om å få arbeidet gjort i vinyl kan dette være stedet for deg.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.