How å designe en søt-linjer og typografi Combo

I denne tut, vil vi lage en rask skisse lik stil gjort berømt av latterlig begavede gutta på Mulheres Barbadás. Vi skanner vår skisse i, blekk den opp i Flash, flytte den over til Illustrator for fargelegging, legge noen fine typografi og finish i Photoshop for noen subtile grunge. En tegnebrett av noen beskrivelse vil gjøre dette tut (og sannsynligvis livet generelt) 90% mer tilfredsstillende, men er ikke avgjørende - hvis du er kjekk liten med en mus du har ingen problemer inking opp skisse tablett mindre -ly. La oss komme i gang!

Trinn 1

Den mest involvert delen av denne ellers enkle opplæringen er skissen. Alle har en annen stil, så vi vil ikke være å fortelle deg hva du skal tegne eller hvordan å trekke det, det er opp til deg! Når det er sagt, er det noen ting å huske på som vil bidra til å gjøre prosjektet flott! Til å begynne denne opplæringen, har en tenke på hva formålet du ønsker dette kunstverket til å tjene. Hvis det er for en klient, hva vil din design fremme /reklamere /representere? Hva slags mennesker vil være å se det? Betyr det kompliment produktet eller tjenesten det er forbundet med? I vårt tilfelle var dette arbeidet som er gjort for Sticks klær, en musikk /skøyter klesmerke i Australia. Så vår tegning for å appellere til unge skatere.

Når du er tydelig på svarene på disse spørsmålene, er det på tide å begynne brainstorming hva som kommer til å fylle siden din. Hvilke elementer er det du kommer til å inkludere? Vi valgte å bruke noen pop kultur elementer (chucks, tv, sprayboks etc), uvanlige ser tegn, gjenkjennelige gjenstander (spillkort, tannbørste, trær, tentakler etc), og noen mønstre, som gjør for stor hvit-plass fyllstoff! (Bobler, nudler, swirls etc)

Trinn 2

Utstyrt med et solid inntrykk av hvilke elementer å bruke, alt som gjenstår er layout!. Dette innebærer bare arrangere din elementer i en interessant /smart måte. Det er her du kan få virkelig oppfinnsom med din bruk av mønstre; bruke dem nøye rundt større figurer og objekter for å eliminere klosset white space (merk: ikke alle hvite plass er vanskelig, men det er for en annen tut!), og fyll formene. Dette er vår ferdig skisse nedenfor. Som det fremgår, er det egentlig ikke trenger å være perfekt -. Så lenge du er fornøyd med form og layout,-linjer og finere detaljer kan legges i følgende trinn

Trinn 3
< p> nå må vi få din skisse fra papir til skjerm. Som du forventer, er den mest effektive måten å gjøre dette på er rett og slett å skanne kunst på din datamaskin. Skann kunstverk på A4 (Letter) størrelse og om 150 ppt. Ta med det skannede dokumentet i Photoshop. Det er der vi vil forberede-linjer for håndskrift. I øyeblikket, vil du finne at etter skanne stortingsmeldingen har blitt en stygg grå og linjene kan bli tydeligere og tydeligere. Dette er lett løst. Først av alt, lagre bildet som en PSD-fil. Deretter Avmett bilde ved å trykke Command + Alt + U. Vi er eliminere fargen fra bildet, slik at vi kan bare arbeide med toner. Lag en lysstyrke /kontrast justering lag (Layer > New Adjustment Layer > lysstyrke /kontrast) med bruk Legacy alternativet krysset, og øke både lysstyrken og kontrasten til bildet ditt ser ut som en under- papiret skal forsvinne inn i hvit og din linjene skal være fint og klart. Spill med nivåene til du er fornøyd.

Trinn 4

Når-linjer er skarp og klar, vi er klare til å starte inking! Vi valgte å gjøre denne delen av prosessen i Flash, som børsten motoren er avslappet og morsomt å jobbe med. Når det er sagt, Illustrator eller Photoshop kan brukes til å oppnå mye de samme resultatene. Det er opp til deg! Prinsippene er de samme uavhengig av hvilket program du velger. La oss holde moving- åpne opp Flash, opprette en ny Flash-fil (merk det spiller ingen rolle hvilken versjon av Action du velger) og importere bildet (Command + R). I dialogen som vises, sørge for at laget som inneholder grafikken er krysset, og også huke av for valget nederst som sier " Sett scenen størrelse til samme størrelse som Photoshop lerret ". Hit OK. Din skisse skal vises på scenen. Navnet ditt lag " skisse ", og sikre at du lagre Flash-filen før du fortsetter

Trinn 5

I øyeblikket er vår skisse for fet til å enkelt blekk over, så vi vil konvertere. vårt bilde til et symbol og justere det er alfa nivå. Gjør dette ved å velge din skisse med Move Tool (V) og trykket F8 for å konvertere det til et symbol. Name it " skisse " og velg Grafisk som type. Trykk på OK.

Trinn 6

Igjen, sikre at din nye symbol er valgt (V) og få opp Properties panel (Command + F3). Åpne opp Color Effect seksjonen og fra stil nedtrekksmenyen velger Alpha. Sett denne glidebryteren til ca 20 - 30%. Nå skisse er helt klar for håndskrift!

Trinn 7

Zoom inn ett eller to nivåer med forstørrelses Tool (Z), velger Brush Tool (B) og velge en fin tykk pensel størrelse. Vi har brukt et zoomnivå på 200% og pensel størrelse fjerde fra toppen. Klikk på knappen merket " Bruk Trykk " (Merket nedenfor) hvis du har nettbrettet hendig. Nå er det et spørsmål om å tegne over skissen til å lage nydelig sterk svart-linjer. Bruk tablett for å skape smalner linjer som vist nedenfor; Dette gir din-linjer mer kropp, og gjør det langt mer visuelt interessant. Begynn med å skissere dine viktigste områdene i detalj.

Trinn 8

Bruk Eraser Tool (E) for å avgrense linjer. Gi fine skarpe punkter til endene av dine tapering linjer, og rense Haggard områder, som vist nedenfor. Den lyseblå representerer slettet områder.

Trinn 9

Når du har lagt din grunnleggende, tykkere linjer, begynne å fylle i mindre områder. Det er en god idé i Flash for å zoome inn. (400-600%) og bruke en litt mindre pensel størrelse for finere detaljer, men husk alltid å se tilbake på 100% for å sikre at linjene ikke er for tynn

Trinn 10

Når du er ferdig med all-linjer, skjule skissen laget, lene seg tilbake, og ta en god titt på mesterverk du har laget! Den harde ting er over, nå skal vi forberede farging ...

Trinn 11

Leder opp til Fil > Export > Eksporter bilde ... velge lagringssted og velg Adobe Illustrator (* .ai) som filtype. Lagre og lukk din Flash-fil. Begynn Illustrator og åpne opp nyfrelst * .ai fil. Du vil se et rot av-linjer, som den opprinnelige skissen er blitt brakt over sammen med linework. Bare slette skisse, og du bør sitte igjen med fin, ren, vektor-linjer. Lagre filen. Nå skal vi legge farge. Vi har et valg mellom å bruke Live Paint (K), eller Pen Tool (P). Vi satset på Pen Tool til å lagre fikle rundt, på grunn av de store områder av farge vi skal opprette. Vi plukket to dristige farger og valgt bestemte områder av vår kunstverk som passer beste disse fargene (vi brukte Magenta: R = 255, G = 0, B = 120 & Grønn: R = 220, G = 255, B = 0). Se resultatet nedenfor.

Trinn 12

Lar lette sterk kontrast mellom de svarte linjene og hvit bakgrunn. Lag en form ved hjelp av Pen Tool (P) rundt helheten av kunstverk. Gi dette en fin beige farge (vi brukte R = 247, G = 243, B = 220). Neste gi linjene en fyllfarge av (R = 50, G = 50, B = 50). Resultatet er mye lettere på øynene.

Trinn 13

Det er den fargen ferdig! Nå vil vi legge til noen fine typografi, ved hjelp av en stor skrift kalt ChunkFive. Denne skriften kan bli funnet på en glimrende nettside som heter The League of Moveable Type. Tenk på noe vittig du vil si i 3 - 6 ord. Vi brukte uttrykket " Hvorfor vi gjør det vi gjør " for Sticks 'Hvorfor? side på deres nettsted. Skriv ut dine ord og plassere dem omtrent hvor du vil de skal vises.

Trinn 14

Trykk Kommando + Skift + O for å slå din tekst til skisserer. Dette vil gjøre ordene lettere å endre størrelse og posisjon. Juster setning til den er jevn og balansert, som vist nedenfor.

Trinn 15

Neste bruke fargene fra dine kunstverk til farge på teksten. Vær oppfinnsom med hvilke farger du velger for hvilke ord. Eksperimenter til du er fornøyd med hvordan det ser ut! Du kan også plassere bokstavene nærmere hverandre for å eliminere den irriterende gapet mellom bokstaver (Se W + H & W + E).

Trinn 16

Din tekst er ferdig! Det er på tide å flytte over til Photoshop for siste finpuss. Først oppretter et nytt dokument i Photoshop. Du kan lage en hvilken som helst størrelse du ønsker, men vi har gjort vårt 1500x1070px og 150 ppt. Head tilbake til Illustrator, velge og gruppe (Kommando + G) teksten, kopiere (Kommando + C) det og gå tilbake til Photoshop for å lime (Command + V) det. Velg Lim inn som Smart Object. Gjør det samme for-linjer. Plasser de to smarte objekter på lerretet. Føl deg fri til å bruke under bildet som en guide.

Trinn 17

Vi er veldig nær ferdigstillelse, være sterk! Nå må vi forberede en fin, subtil grungy bakgrunn. Vi brukte en konkret struktur fra vertx.ca - en fantastisk ressurs for slike bilder er CG Textures. Ta din valgte tekstur, ta den med til Photoshop, Avmett det, justere lysstyrke og kontrast til du har noe tilsvarende som på bildet nedenfor ...

Trinn 18

Lagre bakgrunn tekstur og importere den til dine kunstverk fil (fil > Place). Redusere sin opacity til ca 30%, eller etter smak. Sett Blending Mode av tekst og illustrasjoner lag for å formere seg. Legg ved hjelp av Shape Tool (U), en periode på slutten av setningen. Til slutt, opprette et nytt lag over din bakgrunn og under kunstverk og tekst. Sett sin Blending Mode til Overlay og med en stor myk børste (ca 10% opacity), lett male noen svart rundt kantene for å hente ut teksturen mer. Her er det endelige resultatet!

Konklusjon

Dette er en svært allsidig måte å presentere dine skisserte kreasjoner. Nedenfor er noen flere eksempler fra Sticks Klær området ... besøker området for bakgrunnsbilder av kunstverket som vises her. Takk så mye for å lese denne tut, håper du likte prosessen!