hvordan skabes der pixel kunst ikoner i adobe illustrator

, hvordan man skaber pixel kunst ikoner i adobe illustrator,,,,,, hvad du vil skabe,,, i denne begynder forelæsning, du vil lære teknikker for at skabe for evigt skalerbare pixel kunst i adobe tegner.med anvendelse af rektangulært gitter værktøj og levende malerspand redskab, vil vi skabe en enkel, søde lille pixel kunst ikoner, og så vil jeg vise dig, hvordan du skal få dem ud på nettet, at skabe lossless ikoner, pixel kunst mønstre og mere.,,, 1.oprettelse af deres dokument, trin 1, luk op, adobe illustrator cc 2014 (denne lektion er meget anvendelige med andre versioner af adobe illustrator, men dette er, hvad alle mine screenshots kommer fra), og skabe en ny dokument.jeg kan lide at arbejde i et kvadrat, 800 px ved 800 px dokument.du kan bruge en mindre eller større fil, hvis deres behov for det.,,,,, trin 2, fra det, toolbar, tag fat, rektangulært gitter værktøj (fandt under, linjesegment værktøj (/).to klik, redskab til at bringe sine muligheder.ind i deres dokument er størrelse til, bredde og højde.kom ind, 30, for både horisontale og vertikale sprosser.,,,,, trin 3, sørg for at din rektangulært gitter på linje med din, artboard,.vælg din net og fastsætte, slagtilfælde, farve, sort, eller hvad farve, du bedst kan lide, så de let kan se det.,,,,, 2.træk den bærbare er udkast, trin 1,,,,, vælge deres net, og tag den, lever malerspand værktøj (k), (i det toolbar, under den form, bygmester værktøj (shift-m),.,,, klik på nettet, en levende paintgroup,.,,, deseiect, og begynd at udfylde nogle af nettet rum ved hjælp af brown (,󃰈, som nok farve.,,,,,, trin 2, kan du enten klik et kvadratnet rum ad gangen, eller klik og trække på dit net til at fylde i flere steder på én gang.uanset din metode, udfylde et rektangel, oversigt over 15 pixels i og 18 pixels.,,,,, trin 3, ved hjælp af de levende mal udvælgelse værktøj (shift-m), vælges den brune kasse i nederste venstre hjørne af den brune rektangel og slette det.så, ved hjælp af levende malerspand værktøj, udfyld tre diagonal kasser i den nederste højre hjørne.,,,,, trin 4, for den bærbare er spiraler, begynder to net pladser til venstre og udfylde to kasser, en kasse skråt op, og to kasser.- en kolonne, og jeg gentager, to gange. så brug, levende mal udvælgelse redskab, at slette rummet fra brown rektangel skitsere, så din notesbog spiraler har fire hvide områder fra top til bund (jf. nedenfor), fyld i tre rum under notesbog oversigt, der forbinder diagonalt til at afslutte den spiral træk.,,,,, 3.at udfylde og udvinde den notesbog, trin 1, ændre deres fylde farve blå (,dc6e1,) og udfylde den notesbog, begyndende med den højre kant og nederste kant.fyld i rum under hver spiral form og derefter fem rækker fra toppen af den bærbare, udfylde en vandret linje (se nedenfor).,,,,, trin 2, udfylde to vandrette linjer med hver to rækker mellem dem.så, bruger light blue (,&#b6f9ff, som nok farve, fyld i store områder på én gang, snarere end blot en kolonne eller række).,,,,, trin 3, fylde resten af den bærbare side (bortset fra en enkelt hvide kolonne på venstre side).med grå (,&#b1b1b1,), udfyldes de fire rum i hver spiral.,,,,, trin 4, når færdig med din pixel kunst design, udvælgelse, nettet, højre klik, og ramte, ungroup,.så, gå til objekt > levende mal > udvide, til at vende din levende mal - gruppen til objekter.slå, del i, stifinder, panel så fyldt i rum, skal være adskilt fra nettet.endelig bruger, tryllestav værktøj til at udvælge et net og slette det.vi vil gennemgå denne proces igen for den anden ikoner på denne forelæsning.,,,,, 4.at skabe en enkel blyant, trin 1, anvende, rektangulære tråd net redskab, til at skabe et net af vektor pixel kunst.endnu en gang bruge levende malerspand redskab, til at begynde med at udfylde rum med brown.,, udfylder fire diagonal rum til øverste højre og så tre diagonal rum til lavere ret til at skabe en blyant.resten af blyant er top fire områder ned på begge sider af sagen og ni rum på tværs.,,,,, trin 2, de sider af blyant er 19 rum og bunden er syv rum på tværs.glem ikke at udfylde de øverste tre rækker for blyant er bly og to rækker af syv områder nær bunden for metal del af viskelæder.,,,,, trin 3, vi har brug for to farver for hvert afsnit af blyant: træ, gul, metal, og viskelæder.de mørkere farve fylder to fulde spalter på hver side af den lyse farve, der fylder tre kolonner.farverne er som følger:,,,, af træ:, tan (,&#eeb55c,) og lys - gyldenbrune (,&#f8dd92,), gul organ: gul (,&#fbc423,) og lys gul (,&#ffef42,), metal del:, grå (,&#b1b1b1) og lys grå (,&#d8d8d8,), viskelæder:, pink (,&#f8a8a0,) og lyserød (,&#f8d8d0,),,,,,, trin 4, endelig, lad os gentage denne proces med at få din vektor pixel design fra rektangulært gitter.vælg, nettet, højre klik, og ramte, ungroup,.så, gå til objekt > levende mal > udvide, til at vende din levende mal - gruppen til objekter.slå, del i, stifinder, panel så fyldt i rum, skal være adskilt fra nettet.endelig bruger, tryllestav værktøj til at udvælge et net og slette det.,,,,, 5.at skabe en lille række markører, trin 1, denne konstruktion svarer til en blyant, så jeg vil gennemgå ret hurtigt.sæt din linje net på samme måde som den bærbare og blyant.,,, spidsen er mejslet og begynder med at udfylde to pladser til højre og et diagonalt.,, spidsen er fire områder højt, fire rum på tværs, og har tre på diagonalen.,, fylder to pladser på hver side af markøren drikkepenge.fyld i otte områder over for toppen af markøren., at færdiggøre den øverste halvdel af marker med sider, der er syv rum på hver side.den nederste og stribe nær toppen er otte rum i hver enkelt. endelig liget af markøren er 21 områder ned på begge sider og otte pladser på bunden.der er tre rækker af brown i kroppen af markøren (se nedenfor).,,,,,, trin 2, som en blyant, farverne af markøren er adskilt i kolonner.,,, og vi begynder med lyse grønne (,&#b7e835) midt i to kolonner.jeg besluttede, at grønne bør fyldes i fire af de syv dele.,, at udfylde de to kolonner i højre side af hver af de fire grønne dele med mellemstore green (, dc107,.,, venstre side af den grønne del er fyldt med mørke grønne (,̀d12,). de andre tre sektioner, er fyldt med tre nuancer af grå: mørke (,&#b1b1b1,), let (,&#ffffff,) og mellemstore (,&#d8d8d8,).,,,,,, trin 3, for det tredje og sidste gang i denne forelæsning, lad os gennemgå de foranstaltninger, udvinding af vektor baseret pixel kunst fra et rektangulært gitter:,,,, udvælge, nettet, højre klik, og slå, ungroup,.,, gå til objekt > levende mal > udvide,.,, slå, del i, stifinder, panel.endelig bruger, tryllestav værktøj til at slette det.,,,,,, 6.skiftende farver for alternative design, trin 1, er en måde at ændre farver er let at eksemplar (control-c) og pasta (control-v), nettet design, før du ekstrakt vektor baseret pixel kunst ikon fra rektangulært gitter.så kan du let til live male, rum.,,,,, trin 2, alternativt at vælge dit design, gå til, edit > edit farver > recolor kunst, og ændre nuancer af dine udvalgte mål.jeg finder, at det er den hurtigste måde at ændre et objekt er farver.,,,, bemærk illustrationerne er overlejret på recolor kunst panel for at vise sin anvendelse.,,, trin 3, skaber så mange ændringer af din lille pixel kunst ikoner som du ønsker.sørg for hvert design er firkanter er grupperet (control-g) sammen.nedenfor, kan du se, forpremiere (control-y), mode og redegøre for, mode, der viser alle dine skalerbare vektor pladser, der udgør hvert design.,,,,, fedt job, du er færdig!og nu, hvor du har fået den teknik, du kan skabe ikon sæt printervenlig sømløse mønstre med mønster muligheder, panel, mobile spil aktiver, og mere til.mens ren pixel art, det er ikke princippet om arbejde i mindre målestok er det samme, med fordel for nedskæring illustrationerne i en lossless format.del din vektor baseret pixel kunst værker med os i bemærkning nedenfor.,,,,

Final product image
Create a New Document of 800 pixels
Create your rectangular grid
Set your grids stroke color to something you can easily see
Start filling in grid spaces
Creating a pixel rectangle
Add details
Fill in spaces for the spirals on the notebook
Start filling in the blue notebook
Fill in large spaces at once
Fill in the notebook with light blue
Extract your pixel art icons from the line grid
Fill in the point and top of the pencil
Fill in the body of the pencil
Fill in the pencil design
Extract the pencil from the grid
Draw the outline of the marker
Fill in the marker design
Extract the design from the rectangular grid
Refill Live Paint spaces
Using Recolor Artwork
Complete your pixel art designs
Final pixel art design



Previous:
Next Page: