Share
I denne formidlede opplæringen viser jeg deg hvordan du lager et barns fargeromslag fra skisse til ferdig vektorgrafik. Vi bruker gradienter, tilpassede børster og typografi. Du kan enkelt sette sammen et bokomslag og bruke teknikkene som læres på andre prosjekter.
Du kan finne kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.
Jeg ønsket å gå over noen detaljer om denne opplæringen før vi begynner. Først skal vi lage denne opplæringen med en CMYK-profil for å sende filen til en skriver. Videre skal jeg bruke tommer for målingene, men du kan lett oversette til målesystemet.
Siden vi skal bruke rastereffekter i denne opplæringen, vil du også sette dokumentene rastereffekter til 300 ppi for de høyeste kvalitetsresultatene. Hvis du vil endre dette, går du til Effects> Document Raster Effects Settings og velger High (300 ppi).
Jeg går ikke i detalj for fargen jeg velger i opplæringen, men jeg anbefaler deg å bruke lyse poppingfarger. Disse typer farger appellerer til barn mer enn dempet farger.
Det første du må gjøre er å skisse et oppsett av bokomslaget. Jeg liker å skissere noen raske miniatyrbilder av dekselet og skisse ut en mer detaljert versjon av alt jeg skal trenge i Illustrator. I denne opplæringen skal jeg bare tegne en mer detaljert skisse av guttens karakter. Du kan skisse i hvilket medium du vil ha. Jeg liker å skisse rett inn i Photoshop med min Wacom penntabletter. Uansett hvordan du skisserer det, lagrer du bildefilen på et lett tilgjengelig sted på datamaskinen.
Nå kan vi komme inn i Illustrator! Opprett et nytt dokument ved å gå til File> New. I dialogboksen Ny dokument velger du Brev fra rullegardinmenyen Størrelse, endrer toppluktfeltet til .125 i og kontroller at Lag alle innstillinger Samme knapp er trykket (det ser ut som et kjedeikon). Nå har vi vårt dokument satt opp med bløder for utskrift og trimning.
Med rektangelverktøyet (M) lager du et 7,5 tommers tommers rektangel og legger det i midten av dokumentet. En enkel måte å sitte på rektangelet på tavlen er å velge Juster til tavla fra Juster til lokalmenyen nederst til høyre på Juster-panelet. Deretter trykker du på Horizontal Align Center og Vertical Align Center-knappene i Juster-panelet.
Dette rektangelet skal være vår guide til dekselet. Vi ønsker ikke noen viktig tekst eller informasjon som overskrider disse grensene. For å skru rektangelet til en guide, gå til Vis> Guide> Opprett veiledning (Command + 5).
For å plassere det opprinnelige skissebildet, gå til Arkiv> Plasser og finn bildet på datamaskinen. Når du er plassert, velger du Maler fra hurtigmenyen på Lagpanelet. Dette vil låse laget og skjermbildet ditt, noe som gjør det enkelt å spore.
Jeg liker å holde dokumentet organisert, så det er enkelt å redigere illustrasjonen senere. For å lage ditt første lag trykker du på Create New Layer-knappen nederst på Lagpanelet. Det er også en god idé å gi nytt navn til laget for bedre organisering. For å gi nytt navn til laget, dobbeltklikk på laget for å åpne Lagalternativer. Her kan du endre navnet sammen med noen andre nyttige alternativer. Start med å gi nytt navn til det nye laget til "Head".
Nå kan vi begynne å spore hodet på det opprinnelige bildet. Bruk pennverktøyet (P) til å spore hovedformene og linjene i hodet. Med noen av figurene, som ansikt og hår, skal du lukke stien. Andre linjer som øyenbrynene, nesen og linjene under øynene, kan etterlates som slag. Det er lettere å bruke en konisk linje børste til disse linjene. Ikke spor øynene enda, for vi vil bruke Ellipse Tool (L) for å skape øynene. For noen gode tips fra Pen Tool (P) og beste praksis, sjekk ut Vectortuts + Illustrators pennverktøy: Den omfattende veiledningsartikkelen.
Tegn en avlang ellipse med Ellipse Tool (L) og fyll den med svart og nei slag. Bruk Direct Selection Tool (A) til å velge venstre ankerpunkt i ellipsen. Når det er valgt, er kontrollpanelet standard for ankerpunkt-alternativet. Trykk på Konverter valgte ankerpoeng til hjørne-knappen i kontrollpanelet. Deretter konverterer du høyre ankerpunkt i ellipsen til et hjørne.
Velg ellipsen og dra den inn i penselpanelet. Når dialogboksen Ny pensel åpnes, velger du New Art Brush. I dialogboksen Art Brush Option er det eneste du trenger å endre, Colorization. Velg Tones fra popup-menyen Metode under Colorization, noe som gjør det enkelt å endre fargen på den nye Art Brush.
Nå som vi har opprettet børsten, kan vi bruke den til noen av slagene som ble opprettet med pennverktøyet (P). Velg bare et slag og velg den tilpassede børsten fra penselpanelet. Du må kanskje leke med Stroke Weight i Stroke-panelet for å få vekten slik du liker det.
Neste kommer øynene. Vi kunne lett ha sporet øynene med pennverktøyet (P), men det er lett å lage konsistente øyenformer med Ellipse Tool. Start med å lage fire ellipser over venstre øyeform.
På skissen kan du se at øyet er avskåret nederst. For å opprette denne effekten, tegne en form med pennverktøyet (P) som skjærer ned bunnen av øyet. Velg alle øynene og formen du opprettet med pennverktøyet (P), og trykk på Divide-knappen i Pathfinder-panelet. Neste Ungroup (Command + Shift + G) objektene et par ganger og slett uønskede figurer.
Velg alle øyeformer, Kopier (Kommando + C) og Lim inn (Kommando + V). Legg nå øyeformen over høyre øye.
Nå som vi har alle former og slag opprettet for ansiktet. Vi kan begynne å fylle ansiktet med farge. Jeg liker å begynne med større former (hode og hår) og fylle dem med en grunnleggende farge. Deretter endrer du slagfargen på de tilpassede penselstrøkene. Avhengig av hvilke former du spores først, må du kanskje gjøre noe med å ordne. Send objekter bakover ved å gå Objekt> Ordne> Send bakover (Kommando + Venstre brakettnøkkel) eller Objekt> Ordne> Ta fremover (Kommando + Høyre braketsnøkkel).
Nå som vi har noen grunnleggende farge i ansiktet, kan vi legge til litt mer dybde med gradienter. Start med å bestemme hvor du vil ha en lyskilde som kommer fra. For denne opplæringen kommer lyset fra høyre side av tegnet.
Velg nå hovedformen og fyll den med en lineær gradient fra Gradient-panelet. Bytt første fargestopp i gradienten til hudfargen din og den andre fargen Stopp til en mørkere hudfarge. Juster graden fra øverst til høyre mot venstre med Gradient Tool (G), slik at den lettere delen av graden er på venstre side av ansiktet.
Fortsett å legge til gradienter til de andre fasene i ansiktet med tanke på lyskilden din. For øynene skal du bruke en radial gradient i stedet for en lineær gradient.
Vi kan legge enda mer dybde i ansiktet ved å skape flere former og gradienter. Lag en ellipse med Ellipse Tool (L) størrelsen på et øye og legg det under et av øynene.
Fyll ellipsen med en radial gradient og endre begge fargestoppene i gradienten til en rosa hudfarge. Velg riktig Color Stop i Gradient Slider og endre Opacity til 0. Kopier (Command + C), Lim inn (Command + V), og legg under det andre øyet.
For å legge enda mer dybde i tegnets ansikt, bruk pennverktøyet (P) og tegne en bane som skiller konturene til nesen, munnen og øynene. For å få den nye ansiktsformen til å ligge opp med hovedformet, kopiere (kommando + C) hovedflateformen, Lim inn foran (Command + F). Velg hovedformatkopien og den nye formkonturen, og trykk på Intersect-knappen i Pathfinder-panelet.
Fyll den nye formen med en lineær gradient med begge fargestoppene. Stopper en mørk hudfarge. Endre Opacity av den andre Color Stop til 0. Juster gradienten, slik at den mørkere delen av gradienten er på venstre side av ansiktet. Deretter går Objekt> Ordne> Send bakover (Kommando + Venstre brakett) til konturformen er rett foran hovedformen, men bak alle andre øyne, nese og munnformer.
Nå som ansiktet er gjort, kan vi begynne å spore kroppens kropp. For å starte, opprett et nytt lag fra panelet Lag og kaller det "Body". Dra "Body" -laget under "Head" -laget.
Innenfor det nye "Body" -laget begynner du å spore skissen med pennverktøyet (P).
Akkurat som i ansiktet, fyll ut formen med en passende farge.
På samme måte som ansiktet fyller du de fargede figurene med en gradient for å legge til mer dybde til tegnet.
Med penselverktøyet (B) og din tilpassede børste, lag litt streker på klærne for å legge til litt dybde. Neste endrer fargene på slaget for å matche klærne.
Tegnet ser ganske bra ut. For å fullføre karakteren må vi skala og plassere den i dokumentet med riktig størrelse. Hvis vi tar en titt på skissen på oppsettet, tar tegnet ca tre fjerdedeler av siden.
For å skalere karakteren, velg alt kunstverket på "Head" og "Body" lagene. Nå med markeringsverktøyet (V), skal du skille tegnet til riktig størrelse. Også, ved dette punktet i opplæringen, trenger vi ikke skissebilemalen lenger. Skjul malelaget ved å trykke på Visibility-ikonet for "Mal" -laget i Lagpanelet.
Det er også fint å ha kunstverket på lagene rent og pent, slik at kunstverket ikke går forbi blødet som vi satt opp. En enkel måte å beskjære kunstverket på en ikke-destruktiv måte er å bruke en Layer Clipping mask. For å gjøre dette må du først tegne et rektangel med rektangulærverktøyet (L) størrelsen på dokumentets blødning på "Body" -laget. Deretter velger du Lag utklippsmask fra hurtigmenyen på Lagpanelet.
Opprett et nytt lag fra Layout-panelet, merk det "Bakgrunn", og dra det under "Head" og "Body" Layers.
I bakgrunnslaget lager du et rektangel som er størrelsen på dokumentets blødning. Fyll rektangelet med en radial gradient og endre første fargestopp i gradienten til hvit og den andre, til en himmelfarge.
Med pennverktøyet, opprett tre enkle skyformer og fyll dem med hvitt. Kopier (Kommando + C) og Lim inn (Kommando + V) skyformene rundt "Bakgrunnen".
Lag et rektangel på størrelsen på dokumentets blødning, og opprett en kappemaske fra panelet Lag som tidligere.
Opprett et nytt lag fra Lagpanelet, navnet "Tittel", og sørg for at det er det øverste laget, over lagene "Head", "Body" og "Background".
Lag et rektangel som er omtrent 1/4 høyde og så bredt som dokumentets blødning. Plasser rektangelet øverst på dokumentet. Fyll rektangelet med en lineær gradient, med den første Color Stop en lysorange og den andre Color Stop en oransje farge. Juster gradienten med Gradient Tool (G) fra topp til bunn, slik at den lettere delen av gradienten er øverst i formen.
Lag en liten .125 inn med .125 i ellipse. Fyll ellipsen med samme lineære gradient som forrige rektangel, men juster gradienten slik at den mørke delen av graden er øverst på ellipsen.
Kopier (Command + C) og Lim inn tilbake (Command + B). Med kopien som er valgt, flytter du den litt ned. Kopier (Command + C) og Lim inn tilbake (Command + B) den originale figuren igjen. Velg den nye kopien og den flyttede kopien, trykk på Minus Front-knappen i Pathfinder-panelet, og endre fargen til en lysegul. Deretter velger du hoved ellipsen og endrer fargemodus til Multiply fra transparentpanelet.
Grupper ellipsen og annen form sammen, og legg dem om en tomme til venstre for tavla og en halv tomme fra toppen av tavlen..
Med de grupperte ellipser valgt, gå til Effekt> Forvreng og transformer> Transform. Når Transform Effect-dialogboksen er åpen, endrer du den horisontale flyttingen til .375 tommer og kopier til 24. Følg deretter Effekt> Forvreng og transformer> Forvandle igjen, men denne gangen endrer du horisontalflytt til .25 tommer, vertikalt flytt til -.375 inches, og kopier til 4.
Lag en avlang ellipse mot den midterste delen av dokumentet. Fyll ellipsen med en lineær gradient med den første Color Stop en lyseblå og den andre Color Stop en mørkere blå. Juster graden slik at den mørkere fargen er øverst på ellipsen. Deretter Kopier (Command + C) og Lim inn foran (Command + F) ellipsen. Skal ellipsen litt ned ved hjelp av valgverktøyet (V) og fyll den med hvit.
Bruk Typeverktøyet til å skrive ut noen tekst. I denne opplæringen brukte jeg Myriad Black, men du kan endre skrifttypen etter behov. Sett opp teksten (Command + Shift + O) ved å gå Type> Opprett oversikt. Sørg også for at Ungroup (Command + Shift + G) ved å gå Objekt> Ungroup.
Når du velger den ikke-grupperte teksten, går du til Objekt> Transform> Transform hver. I dialogboksen Forvandle hver dialog endrer du horisontalflytt til .05 tommer, vertikalt flytte til .1 tommer, angi rotasjonsvinkelen til 10, velg Tilfeldig boks og trykk OK.
Avhengig av hvordan Transform-effekten viser seg, beveger du, roterer og justerer noen av bokstavene. Deretter fylles brevet inn med samme blå lineære gradient som i forrige ellipse.
Med teksten som er valgt, Kopier (Kommando + C) og Lim inn i baksiden (Kommando + B). Flytt de kopierte bokstavene ned og til venstre. Fyll deretter den kopierte teksten med en lysegrå farge.
Lag et rektangel som er bredden på dokumentets bløt og omtrent 1 tommer høye. Go Effect> Warp> Arch og i Warp Options, kontroller at Horizontal Radial-knappen er markert og endre Bend til 20. Neste, utvide effekten ved å gå Objekt> Utvid Utseende. Fyll deretter rektangelet inn med samme lineære gradient, juster fra topp til bunn, som i forrige type og ellipse.
Bruk markeringsverktøyet (V), hold nede Skift og Alt-tastene, og dra deretter en kopi av rektangelet slik at den øverste buen på kopien er i den nederste fjerde delen av originalen. Ta av hvilken som helst fyll og strekk og klikk på den øverste bueformen med verktøyet Type på en bane mot venstre side. Skriv inn tittelen din med skrifttypen du velger. Jeg brukte Grobold som jeg laster ned fra Dafont.
Sett opp teksten og Ungroup (Command + Shift + G) den. Når du velger den ikke-grupperte teksten, går du til Objekt> Transform> Transform hver. I dialogboksen Forvandle hver dialog endrer du horisontalflytt til .05 tommer, vertikalt flytte til .1 tommer, angi rotasjonsvinkelen til 10, velg avkrysningsboksen, og trykk OK. Avhengig av hvordan Transformen viser seg, kan du flytte, rotere og justere noen av bokstavene etter behov.
Med bokstavene som er valgt, går du til Objekt> Sti> Offset. I Offset Path-dialogen endrer du Offset til .125 inches og trykker på OK. Velg offset bokstaver og bueformen og trykk på Untie-knappen i Pathfinder-panelet.
Endre fargen på den forenede formen til den samme blå lineære gradienten du har brukt før. Deretter går Objekt> Ordne> Send bakover (Kommando + Venstre braketsnøkkel) til den ubundne formen ligger bak de opprinnelige bokstavene.
For dette trinnet fyller du hvert enkelt brev med en annen lineær gradient justert fra topp til bunn.
Velg alle bokstavene, Kopier (Kommando + C) og Lim inn i baksiden (Kommando + B). Flytt det kopierte bokstaven litt mot bunnen og til venstre. Fyll kopiene med en mørk blå.
Velg den blå gradient-ellipsen i tittelen, velg den blå gradientbueformen, og gå Effekt> Stylize> Drop Shadow. I dialogboksen Drop Shadow kan du endre Opacity til 40, X Offset til 0, Y Offset til .1 inches, og Blur til .07 inches.
Siden vi lager dette designet for utskriftsutgang, må du kontrollere at rastereffekter er riktig innstilt. For å sjekke innstillingene, gå til Effekt> Dokumentrapporteringsinnstillinger og kontroller at oppløsningen er satt til høy (300 ppi). Dette vil sikre at raster-effekten skrives ut klar uten pixelering.
Opprett et nytt lag i Lag-panelet og ring det til «Side». Kontroller at sidelaget er på toppen av alle andre lag.
Med pennverktøyet (P) lager du en trekant nederst på høyre side av dokumentet. Fyll trekant med oransje lineær gradient du har brukt i tittelen.
Legg til et ekstra fargestopp til gradienten ved å klikke rett under glidebryteren i Gradient-panelet. Bytt det nye fargestoppet til din oransje farge og det siste fargestoppet til en mørkere oransje farge. Deretter flytter du midterste fargestopp til høyre, nær det siste fargestoppet. Juster gradienten i 45 graders vinkel, slik at den lettere delen av graden er nederst til høyre på dokumentet.
Lag en sidekrøllform med pennverktøyet (P). Fyll den med en tre fargestoppgradient: den første stopphviten, den andre lyseblågråten og den tredje en mørkblågrå. Juster gradienten i en 45 graders vinkel, så den hvite delen av graden er øverst til venstre på sidenkrøllen.
Med sidekretsen valgt, Kopier (Kommando + C) og Lim inn i baksiden (Kommando + B). Bruk markeringsverktøyet (V) til å ta det øverste høyre ankerpunktet og skala kopien ned til nederst til venstre. Endre fyllingen av kopien til en blågrå farge og gå Effekt> Stylize> Fjær. I fjærdialogen, endre fjærradius til .125.
Opprett litt hvit tekst med tekstverktøyet (T) for å beskrive hva som er inne i boken. For dette brukte jeg Myriad Black-tekst som er riktig berettiget.
Som et siste skritt, ryd opp et hvilket som helst lag med kunstverk som går forbi dokumentets blødning ved hjelp av en lagermaske. Ferdig!
Nedenfor er det endelige bildet.
Accentsconagua