Create en fargerik, Funky Robot med stigning i Adobe Illustrator
I denne opplæringen, jeg kommer til å bli starter med en skisse som jeg vil deretter bygge opp til å bli en fargerik robot venn. Jeg vil da ramme brikke i Adobe Illustrator bruke Pen Tool, Klipping Masker og gjennomsiktige stigninger. Så la oss komme videre med det!
1. Opprett Base for Your Robot Head
Trinn 1
Start med en skisse av roboten venn. Legg til detaljer, men ikke gå altfor gal siden du skal gjengi dem senere uansett.
Trinn 2
Start med hodet. Bruk Avrundet rektangel Tool. Dobbeltklikk for å endre radius av hjørnene til din smak.
Trinn 3
Bruke Ellipse Tool (L), gjorde jeg en sirkel for hver av antennen base.
< p> Gjentar dette steget for begge sider, og endene av antenner.
Trinn 4
Bruke Pen Tool (P), har jeg trukket en buet rør form i en veldig lys lilla .
Den grunnleggende hode form er fullført.
2. Opprett Base for robotens Kropps
Trinn 1
Nok en gang jeg bruker Avrundet rektangel Tool. Denne gangen er det for kroppen. Mine innstillinger for hjørne radius tallet var de samme som de som brukes for hodet.
Trinn 2
Bruke Direct Selection Tool (A), velg den nederste hjørne ankerpunktene og manipulere dem som du passer.
Trinn 3
Gjenta på den andre siden.
3. Begynn Legge Shapes for armene
Trinn 1
For å starte armene, jeg har lagt til en sirkel med Ellipse Tool (L) for å danne en skulder.
Trinn 2
Etter min første skisse, jeg har spores de små hendene med Pen Tool (P).
Trinn 3
Jeg har tegnet enkle finger former og som en blå brikke for å gjøre roboten tommel se ut som det kommer ut av hånden versus sitter på toppen av det. Hvordan du bygger dine grunnleggende hånd former er helt opp til deg.
Trinn 4
Group (Ctrl + G) dine hånd stykker sammen, Kopier (Ctrl + C) og lim inn (Ctrl + V ). Høyreklikk, velg Transform og reflektere.
Velg den vertikale aksen. Plasser nylig snudd hånden tilsvarende.
4. Legg Basic Ansiktsfunksjons Shapes
Trinn 1
De grunnleggende nakke former er som følger: a. Grov trekt rektangel med Pen Tool (P) og en ellipse (L)
< h3> Trinn 2
Bruke Ellipse Tool (L), tegne en oval eller sirkel for øye. Gjenta for så mange øyne som du vil at roboten skal ha.
Trinn 3
Denne roboten munn er en enkel avrundet rektangel, mye som robotens hode selv. Kopier (Ctrl + C) og lim inn (Ctrl + V) basen hode form og legg den under munnen form. I Pathfinder-panelet, med begge former valgt, traff Snitt.
Den nye munn form kutter nå ut den keitete avrundede hjørnene på nedre kant.
5. Tegn en enkel hjerte form
Trinn 1
Bruk Ellipse Tool (L) for å tegne et enda rosa sirkel.
Trinn 2
Kopier (Ctrl + C) og lim inn (Ctrl + V) sirkelen og juster den med den andre.
Trinn 3
Overlapping de to formene litt.
Trinn 4 Anmeldelser
Bruke Pen Tool (P), har jeg trukket en spiss form for å skape halvparten av bunnen av hjertet.
Trinn 5
Kopier (Ctrl + C) og Lim inn (Ctrl + V) formen, snu den over en vertikal akse, og juster den ved siden av sin kopierte selv.
Trinn 6
Rediger bunnpunkter og eventuelle kurver er nødvendige for å perfeksjonere ditt hjerte.
Trinn 7
Unite figurer via Pathfinder-panelet.
Det er en snerten liten robot venn.
6. Begynne å legge Base Shapes for Frame
Trinn 1
Kopier (Ctrl + C) og lim inn (Ctrl + V) hjertet form og endre farge til en svært lys lilla eller grå.
Trinn 2
Trace dine rammeelementer ved hjelp av Pen Tool (P). I dette tilfellet er det en søt liten vinge blir trukket.
Trinn 3
De sider av rammen er som lange, robot rørformer.
7. Legg Menneskelig hjerteformet Silhouettes
Trinn 1
bunnen av rammen har to store menneskehjerteformede silhuetter. Sjekk ut noen referanser til dette, eller gjør ditt beste for å trekke den opp fra minnet.
Trinn 2
Jeg gjorde noen dryppende, blod som former ved hjelp av Pencil Tool (N) for å legge til bunnen av hjertene.
Trinn 3
En mørk, mørk blå ble valgt for blod element for å etterligne olje.
Trinn 4
Legg til flere lite sleip lignende figurer.
Trinn 5
Group (Ctrl + G) sammen dine ramme stykker, Kopier (Ctrl + C) og lim inn (Ctrl + V) dem, flip over en vertikal akse, og justere tilsvarende for å gjøre den andre siden av rammen.
8. Modifisere og finjusterer Base Shapes
Trinn 1
Jeg har lagt en form som ligner på halsen som vil feste bunnen av roboten til overkroppen.
Trinn 2
Bruke Ellipse Tool (L) igjen, jeg har trukket den øverste siden av bunnen av roboten.
Trinn 3
Bruke Avrundet rektangel Tool med innstillingene som vist nedenfor, har jeg lagt den fulle form av roboten kropp. For å få det til å passe sømløst med ellipse trukket tidligere, redigerte jeg formen ved forsiktig manipulere ankerpunktene.
Trinn 4
Velg ellipse og endre fargen til noe litt mørkere.
Trinn 5
Drawn noen ekstra biter på rammen.
Trinn 6
Armene var for stubby, så jeg trakk noe mer uregelmessige, lik til ramme former, for å være den arm basen. Det vil bli satt under skulder og hånd stykker, men over overkroppen.
9. Lag en Pixel Fade Effect for Bunnen av Robot
Trinn 1
Tegn to små firkanter med rektangel Tool (M) og justere dem med hverandre.
Trinn 2
Velg Blend Tool (W), og med det velger første plassen på venstre og deretter en på høyre. Dette vil skape en effekt som ligner på det som er vist over.
Trinn 3
Dobbeltklikk på Blend Tool (W) i verktøylinjen og en dialogboks skal vises. Velg "Spesifiserte Steps" og velge hvor mange intervaller du vil at blandingen skal ha. Ved å kontrollere forhåndsvisning, kan du se hvilke endringer du gjør uten å binde seg til dem.
Trinn 4
Gjenta som du ser er nødvendig og med legge ekstra bokser rundt bunnen av roboten slik at den synes ikke så ensartet.
Trinn 5
Velg alle blandinger og bokser og Group (Ctrl + G) dem sammen.
10. Bruk en Opacity Mask på pikslene
Trinn 1
Tegn en firkant over den lille utvalg av firkanter du tegnet tidligere. Påfør en svart og hvit gradient som går fra hvit til svart vertikalt.
Trinn 2
Velg begge de grupperte torg og den nye gradient torget. I Transparency panel velge flere alternativer, og velg Lag Opacity Mask.
Trinn 3
Sørg Clip er valgt i Transparency panel.
Trinn 4
Dine stykker skal nå se ut som de er falming i bakgrunnen.
11. Bruk overgangar til Farge Robot Head
Trinn 1
Tegn et rektangel eller avrundet rektangel med verktøyet av ditt valg. Kopier (Ctrl + C) og lim inn (Ctrl + V) robotens hode basen form og ordne det under den nye rektangelet du opprettet.
Trinn 2
I Pathfinder-panelet, med både rektangler valgt, traff Minus Front og den eneste bit igjen vil være noe frontstykket ikke røre.
Trinn 3
Bruk en gjennomsiktig gradient lik den sett ovenfor.
Trinn 4
Gjenta trinn 1, men traff Snitt i Pathfinder og bruke en gradient som går fra en lys blå, gul eller hvit til basen blå.
Trinn 5
< p> Plasser denne under øynene og munnen biter og endre Opacity som det passer deg.
12. Legg figurene til en Clipping Mask
Trinn 1
Du kan gjenta del 11 før du har gjengitt roboten til din smak, eller kan følge denne delen for å gjengi med bruk av en Clipping Mask (Ctrl + 7). Kopier (Ctrl + C) og lim inn (Ctrl + V) basen hodet forme over til siden. Tegne figurer med Pen Tool (P) eller Pencil Tool (N) og gjelder gjennomsiktige gradienter som det passer deg.
Trinn 2
Prøv å manipulere innstillingene for radial gradienter i tillegg til lineær de . Belysningen for dette stykket kommer hovedsakelig fra øvre venstre hjørne av bildet flyet.
Trinn 3
Sjekk ut innstillingene for radial gradient satt i den nedre delen av roboten hodet.
Trinn 4
Prøv å spille med svarte og hvite eller fargerike gradienter å gi mer av en krom utseende til roboten.
Trinn 5
Endre Blending Mode av formen i Transparency panelet til Overlegg så det holder med fargepaletten.
Trinn 6
Fortsett å legge skygger, høydepunkter, og gradient figurer til du føler rektangelet ser ut som det bør (tror metallic).
Trinn 7
Group (Ctrl + G) sammen dine rende biter og ordne basen rektangel form til å være over den nye gruppen.
Trinn 8
Velg alle og gjøre en Clipping Mask (Ctrl + 7). Juster Blending Mode på komponenter i gruppen som nødvendig.
Trinn 9
Juster med hoved robot hodet i bildet og sette klipping maske gruppen under din robot øyne og munn.
13. Gjengi øynene med en fargerik stil
Trinn 1
Velg både av robot øyne og anvende lineær gradient av ditt valg. Denne går fra lys rosa til gult til en lett krem.
Trinn 2
Bruke Ellipse Tool (L), lage en mørk lilla (eller brun) oval inne i øyet form. Endre sin Opacity som det passer deg.
Trinn 3
Tegn en buet teardrop forme følger nedre kant av robotens øyet. Påfør en gradient som går fra en lett krem til en helt gjennomsiktig blå (samme farge som roboten hodet).
Trinn 4
Gjenta begge trinnene over på det andre øyet og redusere tettheten av heve former. også, legger en gjennomsiktig oval bak øyet selv for å skape mer dybde.
Trinn 5
Bruke rektangel Tool (M), tegne en serie av lange rektangler spenner robotens øyet. Forene dem i Pathfinder.
Trinn 6
Kopier (Ctrl + C) og lim inn (Ctrl + V) basen øye form og legg den over toppen og på linje med den serien av united rektangler .
Trinn 7
Velg begge former og traff Snitt i Pathfinder.
Trinn 8
Reduser Opacity til 36%.
Trinn 9
Tegn en ny Ellipse (L) i øyet form.
Trinn 10
Endre gradient til en lineær man går fra lett krem til en helt gjennomsiktig gul og flytte den nærmere den øvre venstre hjørnet av øyet.
Trinn 11
Gjenta trinn 9 og 10 med en mindre ellipse og en gradient som går fra hvit til en fullstendig gjennomsiktig krem.
Trinn 12
Kopier (Ctrl + C) og lim inn (Ctrl + V) skyggen ellipse i øyet og angi fyllfarge til "Ikke fyll" og slag til samme farge som skyggefargen brukt tidligere.
Trinn 13
Juster Stroke Vekt til 0.75pt eller 0.5pt. Senk Opacity til din smak.
Trinn 14
Kopier (Ctrl + C) og lim inn (Ctrl + V) hoved øye form og følge trinnene 12-13, men satt Strek Vekt til 1PT.
Step 15
Sett denne strøk ellipse bak basen øye form.
Trinn 16
Kopier (Ctrl + C) og lim inn (Ctrl + V ) det venstre øyet, snu det rundt en vertikal akse, og legg den over høyre øye (eller i stedet for høyre øye hvis du kopierer mer enn de nylig utførte bits).
14. Gjengi resten av ansiktet
Trinn 1
Følg de samme trinnene fra rende øynene å bygge munnen. Legg et høydepunkt form som følger formen på toppen av munnen og er satt bak i munnen.
Trinn 2
Legg til en buet dråpeform til toppen av hvert øye. Anmeldelser
Trinn 3
Legg til en mørk blå skygge form til den nederste kanten av hodet robotens.
Trinn 4
Gjenta trinnene involvert med å holde bare krysses form
Sett den nye skyggen bak de viktigste ansikt stykker.
Trinn 5
Legg til flere høydepunkt gradient figurer til stopp av roboten hodet. Jeg brukte Pen Tool (P) til å tegne disse figurene.
Trinn 6
Kopier (Ctrl + C) og lim inn (Ctrl + V) hoved hode form, ta ut fyllfargen , og strøk det med innstillingene i bildet ovenfor.
Trinn 7
Sett denne boksen bak og i tråd med roboten hodet.
15. Legg Shading til skulder og antenne ledd
Trinn 1
Med Pen Tool (P) tegne en figur langs bunnen av forbindelses antenne ball med en lineær gradient som går fra mørk blå til lys blå.
Trinn 2
Tegn en annen form langs siden konturen av ballen. Fortsett å legge til figurer til å gi ballen dybde.
Trinn 3
For et høydepunkt på ball form, en annen buet tåre dråpe ble trukket (lik de rundt øynene), men i stedet for alinear gradient , en radial gradient har blitt påført. Et strøk form som ligner på den ene bak roboten hodet ble lagt bak den blå ballen. Gjenta disse trinnene for den andre siden.
Trinn 4
Bruk mørk blå til lys blå lineære gradienter til skulderstykker.
Trinn 5
Gjenta trinnene i rende ballen former ovenfor for disse skulderstykker.
16. Gi din Robot roser i kinnene
Trinn 1
Tegn en liten ellipse som litt overlapper den nederste kanten på venstre øye.
Trinn 2
Bruk en radial gradient som går fra lys rosa til gjennomsiktig blå (Opacity satt til 0%).
Trinn 3
Gjenta på den andre siden.
17. Gjengi Antennene
Trinn 1
Gjenta trinnene for å gjengi den andre kula figurer på den rosa endene av antenner.
Trinn 2
Tegn en form som følger konturen av antennen. Dette vil fungere som en skygge.
Trinn 3
Bruk en lineær gradient til denne formen går fra mørk lilla /brun brukt tidligere til antenne lys lilla satt til 0% Opacity. Følg trinnene vist tidligere for kryssende en form med en annen (se kapittel 11, trinn 4-5).
Trinn 4
Bruke Pen Tool (P) tegne en buet linje (ingen fill bare hjerneslag) satt til hjerneslag poenget med ditt valg. Gjenta langs antennen. Group (Ctrl + G) de små linjene sammen.
Trinn 5
Kopier (Ctrl + C) og lim inn (Ctrl + V) basen antennen form.
Trinn 6
Juster den med hovedantennen.
Trinn 7
Velg begge de grupperte linjer og den nye antennen form og gjøre en Clipping Mask (Ctrl + 7).
Trinn 8
Bruk av en lineær gradient med et medium purpur-blå på hver side av lys lilla farge til base antennen form. Juster gradient vinkel som det passer deg.
Trinn 9
Tegn en form med Pen Tool (P) som følger konturen av antennen form, ligner på bildet ovenfor.
Step 10
Bruk en lineær gradient fra hvitt til lys lilla, med lilla satt til 0% Opacity. endre formen totale åpenhet til din smak. Kopier (Ctrl + C) og lim inn (Ctrl + V) til venstre antenne, flip over en vertikal akse, og justere med antennen på høyre side.
18. Legg Shading til halsen
Trinn 1
Bruk samme gradient fra antennen i § 17 trinn 8. Hold det vertikale med skygge farger nærmere ytterkantene av halsen form.
Trinn 2
Trinnene er lik de fra forrige avsnitt. Tegn strøk linjer, Kopier (Ctrl + C) og lim inn (Ctrl + V) i nakken form, Align, og gjøre en Clipping Mask (Ctrl + 7).
Trinn 3
Tegn en form med pennverktøyet (P) som følger den nedre konturen til halsstykket og ender omtrent halvveis opp. Plasser dette bak klippet linjer, men over rektangel og ellipse av halsen. Dette skaper formen sett ovenfor. Matche gradient fra basen nakken form.
Trinn 4
For kanten av ellipsen forbinder halsen til robotens torso, tegne en form som ligner på den ovenfor bruker samme gradient som før.
Trinn 5
Dette lapper ellipse, så du må Skjær den i Pathfinder.
Trinn 6
Legg til en skygge forme til toppen av halsen.
Plasser den bak hodet.
19. Legg detaljering og skyggelegging til armene
Trinn 1
Dette er de samme trinnene fra antenner og halsen. Påfør samme lineær gradient fra §§ 17 og 18.
Trinn 2
Tegn buede linjer med Pen Tool (P) som følger lengden og konturen av robotens armer og Group (Ctrl + G) sammen.
Trinn 3
Kopier (Ctrl + C) og lim inn (Ctrl + V) armen form og Align.
Trinn 4
Velg både ny arm form og gruppert linjene og bruke en Clipping Mask (Ctrl + 7).
Trinn 5
Legg til en skygge form på samme måte som den som tilsettes i avsnitt 17 Steps 2-4.
Trinn 6
Gjenta trinn 1-5 for den høyre armen eller Kopier (Ctrl + C) og lim inn (Ctrl + V) hvis armene er motsatt.
20. Gjengi og avgrense Hands
Trinn 1
Jeg synes det er enklest å jobbe med hendene vekk fra resten av komposisjonen.
Trinn 2
Tegn en skygge form som smalner i nedre venstre hjørne av hånden og øverst til høyre. Denne gjennomsiktige gradient går fra mørk blå til lys blå.
Trinn 3
Gjenta fremgangsmåten for å skjærer figurer fra tidligere trinn. Påfør en lineær gradient lik den sett over til hoved hånd form.
Trinn 4
Legg til en form for hånd høydepunkt. Dette følger den øvre konturene av hånden.
Trinn 5
Jeg har lagt noen lav tetthet 1pt slaglinjer som kjerne skygger på hånden.
Trinn 6
Det samme gradient fra armene og halsen har blitt brukt til robotens tommelen (og vil bli brukt til hver finger).
Trinn 7
Kopier (Ctrl + C) og Lim inn (Ctrl + V) tommelen stykke, endre det til den mørke lilla /brun skygge farge, senk Opacity, og satte den bak den opprinnelige tommelen stykket.
Trinn 8
Tilbake til de samme trinnene fra armer og nakke. Tegn din tynne strøk linjer og Group (Ctrl + G) dem sammen.
Trinn 9
Bruk en Clipping Mask (Ctrl + 7) på samme måte som før.
Step 10
Gjenta for hver finger.
Step 11
Legg skyggen figurer som ligner på de av armer eller nakke.
Trinn 12
Gjenta trinn 1-11 for den andre siden, eller rett og slett Kopier (Ctrl + C) og lim inn (Ctrl + V), hvis den andre hånden er den samme.
21. Legg Shading til hjertet
Trinn 1
Kopier (Ctrl + C) og lim inn (Ctrl + V) hjertet ditt lille roboten holder til et annet område av arbeidsområdet.
< h3> Trinn 2
Rende den rosa hjerte er lik gjengivelse kule stykker fra tidligere. Spill med lineære og radiale gradienter å lage skygger og høylys.
Trinn 3
Legg skygge figurer som fremhever kurvene i hjertet. Gruppe de gjengitte figurer sammen, sett den rosa hjerte form over de grupperte seg, og gjøre en Clipping Mask (Ctrl + 7).
Trinn 4
Juster skygge og høydepunkt gruppe med den opprinnelige hjerte form. Kopier (Ctrl + C) og lim inn (Ctrl + V) den opprinnelige hjerte form og sett den som en strøk linje. Sette den bak hoved hjertet.
Trinn 5
Legg gjennomsiktig sirkler med Ellipse Tool (L).
Trinn 6
Kopier (Ctrl + C) og lim inn (Ctrl + V) hoved hjerte form, sett den som samme mørk lilla /brun farge som brukes for skygger gjennom hele stykket, og senke Opacity til ønsket nivå. Off-set det bak hovedhjertebiten.
Her er hvordan det vil se ut.
22. Avslutt Illustrasjon Rende Frame
Trinn 1
Gjenta trinnene fra forrige avsnitt for hjertet i rammen.
Trinn 2
Isolate en av vingen former bort fra resten av blandingen for å kunne arbeide lettere. Arbeid opp skygge figurer som følger vinge kamskjell.
Trinn 3
Legg til gradient figurer som fungerer som høydepunkter, kommer fra en enda lysere lilla til hoved lilla farge. Andre farger som fungerer godt for metallbiter finnes diverse grått, blues, og lette greener.
Trinn 4
Bruk en Clipping Mask (Ctrl + 7) som du har gjort utallige ganger før i denne opplæringen og Group (Ctrl + G) sammen dine elementer.
Trinn 5
Sett vingen tilbake inn i rammen, under hjerte form.
Trinn 6 Anmeldelser
De andre tre fløyer ble Kopier (Ctrl + C) og limt inn (Ctrl + V) fra den første og ordnet i komposisjonen.
Trinn 7
Bruk samme gradient fra robotens armer til rammebitene.
Trinn 8
Følg de samme trinnene fra armen delen i tegning buede linjer på rør ramme, skyggelegging, og gjøre en Clipping Mask.
< h3> Trinn 9
går videre til menneskelige hjertet former på bunnen av rammen, referanse dersom sannsynligvis nødvendig for å forstå de grunnleggende former av hjertet, ventiler, etc. Den korte av det er gjengi dette stykket i på samme måte som du gjorde roboten hjertet.
Trinn 10
Jo mer skygge og høydepunkt former dere lag på hverandre, desto mer gjengitt deres menneskelige hjerte form bli.
< h3> Trinn 11
Igjen Group (Ctrl + G) sammen skyggen din og fremheve former, Kopier (Ctrl + C) og lim inn (Ctrl + V) hoved hjerte form på toppen av dem, og gjøre en Clipping Mask (Ctrl 7).
Step 12
Vis de skjulte olje Wiggles fra tidligere.
Trinn 13
Legg til litt mer med blyantverktøyet (N). Anmeldelser
Trinn 14
Kopier (Ctrl + C) og lim inn (Ctrl + V), flip over en vertikal akse, og justere for den andre siden av rammen. Legge til hva slags bakgrunn du anser som passer. I dette tilfellet har en enkel radial gradient blitt påført bak hoveddelen (i et stort rektangel som tar opp bilderammen).
Awesome arbeid! Nå er du ferdig!
Langt om lenge denne funky roboten og hans gale lille rammen er fullført. Push stykke videre med mer ytet /skyggefulle biter eller legge til noen søte små gnistrer i disse høydepunkt hot spots. Anmeldelser