How å lage en linje kunst basert Skateboarder Kit i Adobe Illustrator
Hva du skal lage
Skate isone av de sjeldne opprørske ting som endte opp med å endre livene til tusener om ikke millioner av barn rundt om i verden. It'ssomething som fortsetter å fascinere meg, og det er derfor jeg bestemte meg for å createthis grundig tutorial på hvordan du kan designe ditt eget skateboard stykke ved hjelp AdobeIllustrator.
Prosessen vil stole på bruk av grunnleggende former (rektangler avrundede rektangler og sirkler), og litt hjelp her og der suge Pathfinder-panelet.
1. Sette opp OurDocument
Antar youalready har Illustrator oppe og går, skape en Nytt dokument (Fil > Ny) Hotell og juster innstillingene som følger:
< b> Antall tegnebord
: 1
Bredde Bilde: 1 000 px
Høyde Bilde: 800 px
Enheter Bilde: Pixels
Og fra fanen Avansert Bilde:
Fargemodus Bilde: RGB
Raster Effects Bilde: Høy (300ppi)
Align nye objekter toPixel Grid Bilde: sjekket
2. Lagdeling OurArtboard
Når you'vecreated en frisk dokument, gå til Layers Hvis du arefamiliar med måten Illustrator fungerer, bør du vite at det gir deg theoption å knipse design til sin PixelGrid Fordi thereare ulike situasjoner som krever forskjellige innstillinger rutenett, noen ganger youmight finne deg selv i posisjon til å justere de som kjører på din versionof Adobe Illustrator. Jeg personallyhave gått for laveste og samtidig den mest nøyaktige innstillinger, fordi Jeg føler jeg har mer kontroll over mine motiver. For å endre disse innstillingene, må du gå til Rediger > Preferanser > Guides & Grid Når you'veadjusted disse innstillingene, alt du trenger å gjøre for å gjøre alt pixelcrisp er mulig Fest til rutenett Når vi har vårt styre på plass, må vi tocreate sin disposisjon. For å gjøre dette, vil vi først opprette et duplikat ved å kopiere ( Ctrl-C Juster Offset Med det første hullet plassert, skape aduplicate ved å dra til høyre side mens du holder nede Alt Så snart du har opprettet de to første hullene, lage et duplikat rad etter bruker samme dregging triks, men denne gangen towardsthe bunnen. Deretter velger både første rad og den nyopprettede en, anddistance duplikat gruppe på ca 40px Fordi en vanlig skate dekk har en total ofeight hull må vi legge bunn seg til vår. Først opprette en kopi av theones vi har akkurat nå ( Ctrl-C > Kontroll-F Som du mighthave gjettet, når vi har alle våre hull i stedet må vi faktisk klippe themout av både dekk og omrisset. For å gjøre dette, må vi først velge thecircles og sørge for at de ikke gruppert sammen (høyreklikk > opp gruppe)., Ellers Pathfinder Når du har sørget for at elementene er notin en gruppe, lage en kopi ( Ctrl-C) Lim tidligere kopierte sirkler ( Ctrl-F Husker jeg toldyou å beholde en kopi av de små hullene noen skritt siden? Vel, jeg håper du gjorde, fordi vi trenger for å lage konturene for dekk er cutouts. Bare lim kretsene ( Ctrl-F Du skal nå ha noe sånt som dette. Når vi har ourbasic skateboard dekk, er det på tide å legge til noen høylys og skygger for å gjøre itmore interessant. Før vi begynner å skape høydepunktene, firsthave vi å skape en kopi av den rosa dekk. Når vi har våre kopier, bruker du Ellipse Tool (L) Med både ellipsen og rosa deckselected, bruk Pathfinder Når du har pakket ut ellipse, willhave du to delene av dekk grupperes sammen. Som vi trenger bare den øverste delen, løse opp dem (høyreklikk > opp gruppe) og slette den nederste. Endre fargen på de resterende objekt til hvit (#FFFFFF) og sette Blending Mode For å lage den øverste delen er mindre høydepunkt, Vivil først må lage to kopier av dekk, og deretter flytte den øvre 4 px Anmeldelser mot bunnen. Når vi har themboth valgt, gå til Pathfinder Legg til et høydepunkt ved å duplisere hoved shapetwice, og å bevege den øvre 4 px Nå er det på tide å legge boltene som holder thetruck til dekk. Først opprette en 4 x 4px Lag tre flere bolter og plassere dem towardsthe øvrige sider av lastebilen, holde samme 4 px Når vi har fotplaten, må vi jobbe onthe hengeren. Bruke Avrundet RectangleTool Gi hengeren et omriss av 6 px Legg til en subtil høydepunkt ved å duplisere thehanger hovedform, to ganger, og flytte øvre kopi ned med 4 px Legg en bunn skygge ved å kopiere og horizontallyreflecting høydepunktet, endre sin farge til svart (# 000000), BlendingMode Legg til en nedre seksjonen for hengeren omrisset bycreating en 32 x 32 px Neste vi trenger for å lage den mørkere område for wherethe foringer går. Ta tak i Ellipse Tool (L) Hotell og tegne en 20 x 20 px Når you'vefinished trinn 12, er det på tide å legge den kingpin (en større bolt) som holder thehanger til sokkelen. ta tak i PolygonTool Hotell og lage et objekt som har 6sides Hotell og en total radius på 5.6569px plakater (ikke bekymre deg, vil vi fikse dette i et par sekunder). Plasser den exactlyat sentrum av vår tidligere opprettet form, og deretter endre Bredde Neste vi vil legge side aksler som går oneach side av hengeren. Velg RoundedRectangle Tool Når vi har laget våre aksler, er det på tide å legge anut til hver side. Først la oss lage basen form ved å tegne en 8 x 12 px Legg til en topp høydepunkt og bunn skygge ved hjelp thesame rask prosess og farger som vi gjorde i trinn 9 og 10, etterbehandling piecewith en 6 px Fullfør opp bilen ved å legge til en subtil shadowright under hengeren og sin runde midtre delen. Vi kan raskt accomplishthis ved hjelp av Direct Selection Tool (A) Etter at du har limt de to, gruppere dem ( Ctrl-G Når du har den første lastebil completelyfinished, gruppe alle sine elementer ( Ctrl-G Flytte opp til hjulene lag, ta tak i Ellipse Tool (L) Hotell og skape en 14 x 14 px Når du har alle tre sirklene laget, expandthem ( Objekt > Utvid Anmeldelser ), og deretter groupthem sammen ( Ctrl-G Fullfør opp hjulet ved å opprette en 42 x 42 px Cutthe ring i to, og endre den øverste delen farge til hvit (#FFFFFF), dens Blending Mode Lag tre ekstra hjulene ved å kopiere theoriginal vi nettopp opprettet og posisjonering kopiene i en avstand på 48 px skiftenøkkel isbasically et kors som har flere segmenter duplisert og deretter roteres i 90 ° vinkel. Først la oss trekke noen av thebasic former. Ta tak i rektangel Tool (M) Hotell og skape en 4 x 144 px Legg til en 14 x 26 px Legg til en 14 x 4 px For den nederste delen bare gruppen de beste de vi allerede har, snu dem horisontalt, og deretter plassere dem til bunnen, snu Blending Mode Group entirevertical delen av skiftenøkkel at vi har så langt, og roter den i 90 ° vinkel (høyreklikk >. Transform >. Roter Bli kvitt alle skygger og høylys, slik at bare de små mørke sirkler. Lag et sett med to høydepunkter, keepingthe samme innstillinger som før. Deretter bygge midt runde delen av thewrench ved å opprette en base form av 24 x24 px Når du har den øverste delen av ringen, reflektere den horisontalt og endre farge til hvit (#FFFFFF) gjør at toset Blending Mode Gruppe alle elementene ( Control- G Alt vi trenger å gjøre nå for å fullføre thewrench er å lage sin disposisjon. For å gjøre dette, må vi velge wrench'sarms, hodene, og den runde sentrum, gruppere dem, og bruke en Offset Sti Antar du allerede på platene lag, ta tak i Avrundet rektangel Tool Legg til et høydepunkt og en skygge ved å gjenta thesame trikset med å lage to kopier, flytter man ned med 4 px Hotell og deretter trekke ut den øverste fra den ene under . Onceyou ha den øverste delen opprettet, opprette en ny en fra det ved å dra downwhile holde Alt Når vi har ourhighlight og skygge, må vi skape de fire små utskjæringer som vi gjorde withthe skate dekk. Først opprette en 4 x 4 px Når du har alle fire sirkler plassert, velg og plate, og bruke Pathfinder Når utskjæringer er gjort, din form shouldhave dekket ditt tidligere opprettet høydepunkt og skygge. For å rette opp dette, velger du objektet, og høyreklikk > Arranger > Send til Back. Med alt stablet riktig, velger allthe elementer av platen og gruppere dem sammen ( Ctrl-G Det siste skrittet vi må ta nå er å skape AKopier av vår første plate, og deretter plassere det i en avstand på 36 px Den siste og siste delen av vår skateboarder pakken er et sett av åtte littlebearings. Som du kanskje har gjettet, vil vi lage en og deretter multiplisere ituntil vi få resten av gjengen. Grab EllipseTool (L) Hotell og skape en 4 x 4 px Flip thecircle fyll med sitt slag, samkjøre strøk på utsiden, gir det en Vekt Lag en ringcircle av 14 x 14 px Sist men ikke minst, skape en annen 4 x 4 px Når du har det første lageret komplett , groupall av elementene ( Ctrl-G Quick tips. Den siste og siste delen av vår illustrationwill være bakgrunnen. For å legge til det, rett og slett lage et rektangel som har nøyaktig de samme dimensjoner som vår Artboard product: ( 1000 x 800 px Grab din skateboard fordi vi fikk oss onenice ser pakken, og viktigst lært noen ryddig triks sammen veien.
panel og sørg for å lage syv lag og navngi dem som follows:
background
skateboard
trucks
wheels
wrench
plates
bearings
3. Sette opp acustom Grid
. Det betyr at hvert forankringspunkt vil bli plassert på middleintersection av fire piksler.
. Derfra vil en liten popup vises, hvor vi trenger å justere thefollowing:
Uten kraftlinjer hver Bilde: 1 px
Underinndeling
: 1
optionlocated under Vis
menyen .
Trinn 2
) og deretter lime inn
( Ctrl-F
) vår opprinnelige form. Endre duplikat farge til # 44423E og da, samtidig som de har det valgt å gå til Effect > Sti > Offset Sti
Trinn 3
som følger:.
tiltrer Bilde: Spisst (standard)
Spisst grense Bilde: 4 (standard)
Trinn 5
, og plasser den i en avstand på om 20 px
fra den opprinnelige formen , og pass på å gruppere de to ( Ctrl-G
).
Trinn 6
.
Trinn 7
) og deretter posisjonere duplikater ved hjelp av Transform
panel:
X Bilde: 450 px
Y Bilde: 532 px
Trinn 8
vil ikke være i stand til å extractthem fra figurene Anmeldelser
, som vi vil trenge i et par sekunder), og deretter velge både dem og theskate dekk og bruke Pathfinder
's Minus funksjon Front
.
Trinn 9
), og denne gangen velger themand omrisset og gjenta den samme prosessen som før med Minus Front
. Når hullene er pakket ut, disposisjonen form willbe plassert på toppen av dekket, slik at du må sende den til baksiden onemore tid (høyreklikk > sendto Tilbake).
Trinn 10 Anmeldelser
) på toppen av dekket, endre sin farge til # 44423E andthen snu slag med fyll ( Shift-X
). Endre tykkelsen til 4 px
andmake sikker på å Juster Strek i Outside
.
Trinn 11
å lage en 148 x 30 px
form, som vi vil verticallycenter til styret, og deretter flytte den mot bunnen av om 64 px
.
Trinn 12
's Minus Front
alternativ.
Trinn 13
til Soft Light
, senke Opacity
til 20%
.
Trinn 14
panel og bruk Minus Front
.
Trinn 3
mot bunnen. Velg begge eksemplarene og deretter bruke Minus Front
fra Pathfinder
panel, og pass på å changethe resulterer figurens farge til # BDCCD4.
Trinn 4
< p> Kopier og horisontalt reflektere formen vi justcreated, flytter den mot den nederste delen av den større objekt. Endre itscolor til svart (# 000000) og deretter sette sin BlendingMode
til Multiply
,
senke Opacity
til 20%
.
Trinn 5
sirkel og plasser den på ca 4px
fra toppen og venstre side av lastebilens viktigste form. For å være moreaccurate, skriv Pixel Forhåndsvisning
modus
ved å trykke på Alt-Ctrl-Y plakater (View > PixelPreview).
Trinn 6
gap som før.
Trinn 7
, opprette en 88 x 12 px
shapewith en Corner Radius
av 2 px
, og endre farge til en lysere #DDDEED. Plassere objektet på 20 px
Bergem plate øverste delen.
Trinn 8
bruke Offset Sti
effekt ( Effect > Sti > Offset Sti
).
Trinn 9
. Velg dem begge og bruke Minus Front
. Når den nye figuren er oppnådd, endre farge til hvit (#FFFFFF), Blending Mode
til Overlay, etter og dens Opacity
til 40%
.
Trinn 10
til Multiply
, Hotell og dens Opacity
nivået til 20%
, og pass på å justere den til bunnen av hengeren.
Trinn 11
Trinn 12
sirkel (# 44423E) og samkjøre det til den øverste delen av disposisjonen.
form, farge den med # AFB0BD, og deretter plassere den ved lodd passe den thetop delen av hengeren viktigste form , ikke omrisset.
Trinn 13
til 12 px
. Det burde fikse eventuelle feiljusteringsproblemer, noe som gjør det snap tothe Pixel Grid
.
Trinn 14
og lage en 120 x 8 piksler
form, med en Corner Radius
av 2 px
, farge den bruker samme # 44423Eas vi brukte for de fleste av våre disposisjoner, og sørg for å plassere den under thehanger selv, sentre det både vertikalt og horisontalt.
Trinn 15
avrundet rektangel med en Corner Radius
av 2 px
. Farge det bruker #DDDEED og deretter plassere det i en avstand på 4 px
fra venstre aksel.
Trinn 16
disposisjon. Gruppe mutteren ( Ctrl-G
) Hotell og deretter lage en kopi og plasser den på høyre side ofthe hengeren på 8 px
fra sin disposisjon. Anmeldelser
Trinn 17
. Først må vi gå inn Isolation Mode
for lastebilens bunnplate (høyreklikk på gruppen og velg Enter Isolation Mode
,
eller bare dobbeltklikk på gruppen). Deretter bruker vi Direct Selection Tool for å lage et sett av duplikater ved å velge hengeren omrisset andround delen, kopiering ( Ctrl-C
) og deretter lime dem ( Ctrl-F
).
Step 18
) og deretter flytte dem ned av 4 px
. Endre sin Blending Mode
til Multiply
andlower deres Opacity
til 20%
. Som vi ønsker skyggen til appearonly på toppen av lastebilens bunnplate, må vi opprette en Beskjærings Mask
hjelp platens hovedformen som en maske.
Trinn 19
) og deretter lage en kopi som vi vil posisjonere i en avstand på 36 px
fra originalen.
6. Opprette Wheels
Trinn 1
sirkel. Sprelle med fill withits hjerneslag ( Shift-X
), og pass på å Juster Stroke til disposisjons Hotell og thenadjust dem som følger:
Bottom Circle (den Outline)
StrokeWeight: 20 px
Farge: # 44423E
Middle Circle plakater (Vår Wheel Base Shape )
Stroke Vekt: 14 px
Farge: # A5807C
Top Circle plakater (Indre Outline) Anmeldelser
Stroke Vekt: 4 px
Farge: # 44423E
).
Trinn 2
sirkel og sprelle med fill withits hjerneslag ( Shift-X
), og pass på å Juster Stroke til Inside
. Gi det en 4 px Stroke Vekt Hotell og utvide den.
til Soft Light
, og dens Opacity
til 40%
. Lag et duplikat, vende det horisontalt (høyreklikk > Transform > Nødvendigvis > Horisontal
) og deretter justere den til bunnen av hjulet, endre sin farge til svart (# 000000), sin < b> Blending Mode
til Multiply
andits Opacity
til 20%
.
Trinn 3
, vise dem i et squareformation.
7. Opprette Wrench
Trinn 1
form, farge den med #DDDEED, og plasser den midt i midten av plassen som dannelsen av hjulene .
Trinn 2
rectanglewith en Corner Radius
av 8 px
. Med hjelp av DirectSelection Tool (A)
slette sin topp forankringspunkt, og forene de gjenværende ( Ctrl-J
), samkjøre den nyopprettede form til den øverste delen av rektangel vi laget afew øyeblikk siden.
Trinn 3
subtil hvitt høydepunkt ( Blending Mode
satt på Overlay
med en 40% Opacity
nivå), en bunn skygge ( Blending Mode
satt på Multiply
med en 20% Opacity
nivå ) og en 4 x 4 px
sirkel (# 44423E) som du vil centerto den øverste delen av skiftenøkkelen.
og Gjennomsiktighet
nivåer av highlightand skyggen
Trinn 4
)
Trinn 5
(# DDDEED), på toppen av disse vil vi legge til en mørkere 16 x 16 px
form (# 44423E). Deretter legger en annen mindre og lettere 12 x 12 px
sirkel (#BEBFCC), på toppen ofwhich vi vil skape en dobbel farget ring lik den fra trinn 2 ofthe Opprette Wheels delen, justere den til følgende verdier:
Bredde Bilde: 12 px
Høyde Bilde: 12 px
Stroke Vekt
: 2 px
Color Bilde: svart (# 000000)
Blending Mode Bilde: Multiply
Opacity
: 20%
til Overlay Hotell og Opacity
til 50%
.
Trinn 6
) og plassere dem i skjæringspunktet mellom de to armene ofthe skiftenøkkel.
Trinn 7
av 4 px
til hele gruppen. Dette er bedre enn å forene dem og legge theeffect etterpå, noe som ville gjøre noen deler falle av Pixel Grid
.
8. Opprette thePlates
Trinn 1
andcreate en 48 x 68 px
form med en Corner Radius
av 10 px
, farge den med # 44423E og deretter toppen justere den på ca 30 px
fra første lastebil skapte vi en stund siden.
Trinn 2
, noe som gjør at toreflect stykket horisontalt. Endre innstillingene for den øverste og nederste delene som følger:
Øvre seksjon (Highlight)
Farge: #FFFFFF
Blending Mode: Overlay
Opacity: 40%
nedre seksjon (Shadow)
Farge:
# 000000
Blending Mode: Multipliser
Opacity: 20%
Trinn 3
sirkel, plasser den i en avstand på 10 px
bothto toppen og venstre side av platen, og deretter opprette ytterligere tre eksemplarer, opprettholde den angitte avstand mot de utvendige margene.
's Minus alternativ Front
å kutte dem ut.
Trinn 4
).
Trinn 5
mot bunnen.
9. Opprette Kulelager
Trinn 1
sirkel, farge den med # 44423E, og deretter plassere den ved hjelp av følgende koordinater:
X Bilde: 735 px
Y Bilde: 443 px
Trinn 2
av 11 px
. Lag en duplikat sirkel, og endre sin farge til #BEBFCCand sin Vekt
til 5 px
.
, vende sin fillto hjerneslag ( Shift-X
), og gi den en Stroke Vekt
av 1 px
. Fjern den nedre halvdelen, og farge de resterende delen svart (# 000000) å sette Blending Mode
til Multipliser Hotell og dens Opacity
til 20%
. Kopiere det og snu den horisontalt, endre farge towhite (#FFFFFF), dens Blending Mode
til Overlay Hotell og dens Opacity
til 40%
.
sirkel, sprelle med fill med itsstroke ( Shift-X
) og gi den en Stroke Vekt
av 2 px
, og pass på å Alignthe slag i Outside
.
Trinn 3
) andthen lage en kopi av sin venstre, på om 12px
. Gruppe de to for å lage en rad, og deretter opprette tre rader towardsthe bunnen, distansert på 10 px
fromone annen
Du kan oppnå det samme Resultatet byentering Pixel Forhåndsvisning
modus andmanually dra den første raden nedover 10px
mens du holder Alt Hotell og thenpressing Ctrl-D
to ganger mer toreplicate handlingen og får resten av radene.
10. Legge til bakgrunns
), farge det med en Darkgrey (#EFEFEF), og deretter sentrere det både vertikalt og horisontalt ved hjelp av Align
panel.
Skate On!