Hvordan lage en søt linjearbeid og typografi-kombinasjon

I denne tuten vil vi lage en rask skisse som ligner på stilen som ble berømt av de latterlig begavede gutta på Mulheres Barbadas. Vi skanner skissen vår, blar den opp i Flash, flytt den over til Illustrator for farging, legg til litt fin typografi og ferdig i Photoshop for litt subtil grunge. En grafikktabell med noen beskrivelse vil gjøre denne tutten (og sannsynligvis livet ditt generelt) 90% mer tilfredsstillende, men det er ikke viktig. Hvis du er snill med en mus, har du ingen problemer med å inkludere skisse tablett-mindre -ly. La oss komme i gang!


Trinn 1

Den mest involverte delen av denne ellers enkle opplæringen er skissen. Alle har en annen stil, så vi vil ikke fortelle deg hva du skal tegne eller hvordan du tegner det, det er opp til deg! Når det er sagt, er det noen ting å huske på som vil bidra til å gjøre prosjektet ditt bra! For å starte denne opplæringen, tenk på hva du vil at dette kunstverket skal tjene. Hvis det er for en klient, hva vil ditt design fremme / annonsere / representere? Hva slags mennesker vil se det? Komplimenterer det produktet eller tjenesten det er knyttet til? I vårt tilfelle ble dette arbeidet gjort for Sticks Clothing, en musikk / skøyteklærmerke i Australia. Så vår tegning trengte å appellere til unge skatere.

Når du er klar over svarene på disse spørsmålene, er det på tide å starte brainstorming hva som skal fylle din side. Hvilke elementer skal du inkludere? Vi valgte å bruke noen popkulturelementer (chuck, tv, sprøytekanne osv.), Uvanlige utseende tegn, gjenkjennelige gjenstander (spillkort, tannbørste, trær, tentakler osv.), Og noen mønstre som gir flotte hvite plass fyllstoffer! (bobler, nudler, virvler osv.).


Steg 2

Utstyrt med en solid ide om hvilke elementer som skal brukes, er alt som er igjen layout! Dette innebærer bare å arrangere elementene dine på en interessant / smart måte. Det er her du kan få veldig oppfinnsomt med din bruk av mønstre; bruk dem forsiktig rundt dine større figurer og objekter for å eliminere ubehagelig hvit plass (merk: ikke alt hvitt mellomrom er vanskelig, men det er for en annen tut!), og fyll i former. Dette er vår ferdige skisse under. Som det er tydelig, trenger det ikke å være perfekt - så lenge du er fornøyd med skjemaet og oppsettet, kan linjer og finere detaljer bli lagt til i de følgende trinnene.


Trinn 3

Nå må vi få skissen fra papir til skjerm. Som du forventer, er den mest effektive måten å gjøre dette på, bare å skanne din kunst på datamaskinen. Skann bildene dine i A4-format (Letter) og ca. 150 dpi. Ta med ditt skannede dokument i Photoshop. Dette er hvor vi skal forberede linjene for blekk. For øyeblikket vil du oppdage at hvitt papiret ditt etter skanningen er blitt grimt og linjene dine kan være tydeligere og tydeligere. Dette er lett løst. Først og fremst lagre bildet som en PSD-fil. Deretter desaturer bildet ditt ved å trykke på Command + Alt + U. Vi eliminerer fargen fra bildet slik at vi bare kan jobbe med toner. Opprett et lysstyrke / kontrastjusteringslag (Lag> Nytt justeringslag> Lysstyrke / Kontrast) med alternativet Bruk eldre merket, og øk lysstyrken og kontrasten til bildet ditt ser ut som det nedenfor - papiret forsvinner til hvitt og din linjene skal være fine og klare. Spill med nivåene til du er fornøyd.


Trinn 4

Når linjene dine er skarpe og klare, er vi klare til å begynne å fargelegge! Vi valgte å gjøre denne delen av prosessen i Flash, da penselmotoren er avslappet og morsom å jobbe med. Når det er sagt, kan Illustrator eller Photoshop brukes til å oppnå mye de samme resultatene. Det er opp til deg! Prinsippene forblir det samme uansett hvilket program du velger. La oss fortsette å flytte - åpne Flash, opprett en ny Flash-fil (merk at det ikke spiller noen rolle hvilken versjon av Actionscript du velger) og importer bildet (Command + R). I dialog som vises, må du sørge for at laget som inneholder kunstverket ditt er krysset, og merk av alternativet nederst som sier "Angi scenestørrelse til samme størrelse som Photoshop lerret". Hit OK. Skissen din skal vises på scenen. Gi navnet på laget din "skisse", og sørg for at du lagrer Flash-filen din før du fortsetter.


Trinn 5

For øyeblikket er skissen vår for fet til lett blekk over, så vi vil konvertere bildet vårt til et symbol og justere det er alfa nivå. Gjør dette ved å velge skissen med Move Tool (V) og trykke F8 for å konvertere den til et Symbol. Gi det navnet "skisse" og velg grafikk som type. Trykk på OK.


Trinn 6

Igjen, sørg for at ditt nye symbol er valgt (V) og hent opp Egenskaper panelet (Command + F3). Åpne Fargeeffekt-delen og fra rullegardinmenyen Style, velg Alpha. Sett denne skyveknappen til ca 20-30%. Nå er skissen din helt klar til å blekk!


Trinn 7

Zoom inn ett eller to nivåer ved hjelp av forstørrelsesverktøyet (Z), velg børsteverktøyet (B) og velg en fin tykk penselstørrelse. Vi har brukt et zoomnivå på 200% og børstestørrelsen fjerde fra toppen. Klikk på knappen merket "Bruk trykk" (merket nedenfor) hvis du har en tavle som er nyttig. Nå er det et spørsmål om å tegne over skissen din for å skape nydelig, sterkt sort linjearbeid. Bruk tabletten til å lage taperende linjer som vist nedenfor; Dette gir din linjearbeid mer kropp, og gjør det langt mer visuelt interessant. Begynn med å skissere dine hovedområder.


Trinn 8

Bruk Eraser Tool (E) til å finjustere linjene dine. Gi fine skarpe poeng til endene på dine tynne linjer, og rengjør eventuelle haggardområder, som vist nedenfor. Den lyseblå representerer slettede områder.


Trinn 9

Når du har lagt dine grunnleggende, tykkere linjer, begynner du å fylle ut mindre områder. Det er en god ide i Flash for å zoome inn (400 - 600%), og bruk en litt mindre børster størrelse for finere detaljer, men husk alltid å referere tilbake til 100% for å sikre at linjene dine ikke er for tynne..


Trinn 10

Når du er ferdig med hele linjene dine, skjul skisselaget, lene deg tilbake og se godt på mesterverket du har opprettet! De harde tingene er over, nå skal vi forberede oss til å fargelegge ...


Trinn 11

Gå opp til File> Export> Export Image ... velg lagre plassering og velg Adobe Illustrator (* .ai) som filtype. Lagre og lukk Flash-filen din. Start Illustrator og åpne den nylig lagrede * .ai-filen. Du ser et rot av linjer, da den opprinnelige skissen har blitt brakt sammen med linjen. Bare slett skissen din og du bør være igjen med fin, ren, vektorlinje. Lagre filen. Nå skal vi legge til farge. Vi har valget mellom å bruke Live Paint (K), eller Pen Tool (P). Vi valgte pennverktøyet for å lagre fiddling rundt, på grunn av de store fargene vi skal skape. Vi valgte to dristige farger og utvalgte bestemte områder av vårt kunstverk som best passet de fargene (vi brukte Magenta: R = 255, G = 0, B = 120 og Grønn: R = 220, G = 255, B = 0). Se resultatet nedenfor.


Trinn 12

Lar lette den sterke kontrast mellom de svarte linjene og den hvite bakgrunnen. Lag en form ved hjelp av pennverktøyet (P) rundt hele teksten. Gi dette en fin beige farge (vi brukte R = 247, G = 243, B = 220). Deretter gir linjene en fyllfarge på (R = 50, G = 50, B = 50). Resultatet er mye lettere på øynene.


Trinn 13

Det er fargen alt gjort! Nå vil vi legge til litt fin typografi, ved hjelp av en flott skrifttype som heter ChunkFive. Denne fonten kan bli funnet på et glimrende nettsted kalt 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 ordene dine og plasser dem grovt hvordan du vil at de skal vises.


Trinn 14

Trykk på Command + Shift + O for å gjøre teksten din oversatt. Dette vil gjøre ordene enklere å endre størrelse og plassere. Juster frasen din til den er jevn og balansert, som nedenfor.


Trinn 15

Bruk deretter fargene fra kunstverket ditt til å fargelegge teksten. Vær oppfinnsom med hvilke farger du velger for hvilke ord. Forsøk til du er fornøyd med hvordan det ser ut! Du kan også plassere bokstavene nærmere hverandre for å eliminere det irriterende gapet mellom bokstaver (se W + H & W + E).


Trinn 16

Din tekst er ferdig! Det er på tide å flytte over til Photoshop for å få det til slutt. Først opprett et nytt dokument i Photoshop. Du kan lage hvilken som helst størrelse du liker, men vi gjorde vår 1500x1070px og 150dpi. Gå tilbake til Illustrator, velg og gruppér (Command + G) teksten din, kopier (Command + C) den og flytt tilbake til Photoshop for å lime (Command + V) den. Velg Lim inn som smart objekt. Gjør det samme for din linjearbeid. Sett de to smarte objektene på lerretet. Ta gjerne det nedenstående bildet som en guide.


Trinn 17

Vi er svært nær ferdigstillelse, vær sterke! Nå må vi forberede en fin, subtil grungy bakgrunn. Vi brukte en konkret tekstur fra vertx.ca - en annen fantastisk ressurs for slike bilder er CG Textures. Ta din valgte tekstur, ta den inn i Photoshop, desaturer den, juster lysstyrken og kontrasten til du har noe som ligner på bildet nedenfor ...


Trinn 18

Lagre bakgrunnstekstur og importer den inn i illustrasjonsfilen din (File> Place). Reduser ugjennomtrengelighet til rundt 30%, eller smake. Sett blandemodus for tekst- og kunstlagene dine til Multiply. Legg til, ved hjelp av Formverktøyet (U), en periode på slutten av uttrykket. Endelig lager et nytt lag over bakgrunnen din og under teksten og teksten. Sett blendemodus til overlegg, og bruk en stor, myk børste (ca. 10% opasitet), og lakk litt svart rundt kantene for å få teksten mer ut. Her er sluttresultatet!


Konklusjon

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