ved hjælp af pixel kunst en animeret græskar ikon i adobe photoshop ved hjælp af pixel kunst, denne post er en del af en serie kaldet informationstiltag i adobe photoshop. skabe en flyvning informationskampagne fra bunden i adobe photoshopcreate gif i adobe photoshop en animeret grænseflade,,, hvad du vil lave,, i denne forelæsning, du vil skabe en uhyggelig lygte fra bunden, gøres helt i antal pixels (blokke af digitale art).lær at bruge adobe photoshop tidslinje panel til at animere en smilende, blinker ansigt, der blæser et kys på skærmen og lyser op, både internt og eksternt.,,, 1.træk den græskar, trin 1, i hele denne lektion, jeg arbejdede i adobe photoshop cc 2014.åben dit program, og skabe nye dokument.min sidste kunstværk målt, 36 px ved 30 px,, så jeg lavede mit dokument, 50 px ved 40 varer, på 72 dpi med, gennemsigtig baggrund.,,,,, trin 2, lad os begynde at opbygge den grundlæggende græskar form.zoom (z), i deres dokument, 1600%, eller så.,,, ved hjælp af, blyant værktøj (b), med 1. varer, hårde børster, trække, 7 pixels i en lodret linje.,, trække, 2 pixels, på begge sider af den første linje. på toppen af konstruktionen, så langt, at drage yderligere en lodret linje, 2 pixels, efterfulgt af 1 pixel i den rette diagonal i de foregående to.på bunden af design, trække, 2 diagonal pixels i træk (se nedenfor), fuldstændig denne afdeling, 1 diagonal pixel, øverst og to mere pixels til højre på begge top og bund.,,,,,, trin 3, fortsætter med, blyant redskab, og vores grundlæggende græskar form:,,, med det, der blev skabt i, trin 2, tilsættes på 3 pixel vandret til toppen og bunden af design.træk 1 diagonal pixel, over linje tre, der tidligere.,, fortsætte med at bygge de græskar er form på toppen af konstruktionen, 3 horisontal pixels.på bunden, tegne, 1 diagonal pixel, under den anden og 2 pixels, til højre,.,, den øverste linje er 8 pixels, over.sagens kerne er, at 10 pixels, på tværs af. den anden halvdel er et spejlbillede af alt til venstre for de to lige vandrette linjer.brug den, rektangulære markise redskab, som skal udvælge, eksemplar (control-c), pasta (control-v) og spejl (, edit > omdanne > flip horisontal) venstre halvdel for at fuldføre den grundlæggende græskar form.,,,,,, trin 4, vores skat har brug for et ansigt.skabe et nyt lag på lag, panel, og ved hjælp af, blyant værktøj, lad os begynde:,,, øjet begynder med 3 pixels i en linje, og 1 pixel, frem for dem, og i midten, fuldstændig øjnene med den tredje linje, det består af, 3 pixels, fjerde linje, der består af 5 pixels,.,, tre pixels til højre fra bunden af øjet, begynder den næse.det består af tre rækker: 1. pixel, 3 pixels, og 3 pixels,.,, jeg gentager øjet form igen for højre øje.,, sørg for at de øjne og næse, 3 pixel, rum, der skiller dem.munden begynder to rækker ned med 3 pixels, over.,,,,,, trin 5, og hele dette skridt består i, at den mund:,,, begyndelsen af munden, bygning af det sidste skridt, er 9 pixels, anbragt i en kasse, 3 x 3,.,, trække, 3 pixels. i en lodret linje på hver side af den kasse, der tidligere.,, næste er to kolonner af 2 pixels, hver på hver side af munden.,, drage to l-shapes på begge sider, der består af 3 pixels,.,, tilsættes 1 pixel, på begge sider, diagonalt og passiv.den øverste kanter af munden består af 4 pixels i en vandret linje.,, at færdiggøre den mund, sted, 1 pixel, diagonalt og nedad mod midten af munden, og fyld i venstre og højre side (se nedenfor i nøjagtig samme form).på dette punkt, munden er lidt som en flagermus.,, siden min skat vil bestå af forskellige orange og gule, har jeg besluttet at ændre farven på min linje kunst til brown (,b0f02,).,,,,,, 2.nej, græskar, trin 1, der anvendes i min sidste kunstværk, adskiller sig fra dem, som jeg begyndte med følgende (de er tydeligere og blev ændret senere i processen.anser dette for at være en lille lektion i at skabe en harmonisk farve palette.for at skabe deres egne (eller gøre det med andre farver), reducere, uklarhed, farven til procent, der er opført på listen, sted på 100% orange farve og vælge den nye farve med, pipette værktøj (i).Save new colors in the ,Swatches, panel and make sure the ,Opacity, is set back to ,100%, for the rest of the tutorial.,,,Brown ,100%,: ,#760b03,,,Brown ,75%,: ,#902b0d,,,Brown ,50%,: ,#ae4a18,,,Brown ,25%,: ,#d1692a,,,Orange ,100%,: ,#f2842b, Used as the base color.,,Orange ,40%,: ,#faa912,,,Orange ,20%,: ,#ffcc01,,,Yellow ,100%,: ,#fff25d,,,,,Merge, the face layer and the pumpkin line art and fill in the pumpkin using the, Paint Bucket Tool, and ,Orange ,(,#f2842b,).,,,,,Step 2,,Our pumpkin needs a stem.,,,Using ,Brown, (,#760b03,), and the ,Pencil Tool,, draw ,,,,two vertical lines of ,3 pixels, each, two rows apart.,,Fill in the two columns with ,Brown ,,75% ,(,#902b0d,) and close the shape with ,2 pixels, of ,Brown,.,,Use ,Brown,50% ,(# ae4a18,) som fremhæve farve på toppen af ampullen.,,,,,, trin 3, da dette er en lygte, er vi nødt til at klippe åben toppen af græskar.,,,,,,, jeg har sat i gang med det samme, brun, der anvendes på basen.fra toppen af ampullen, midten af græskar er låg er 9 det ned.træk, 8 pixels i, at center med 3 pixels, den næste række op på begge sider af midten.,, tilslut, 3 pixels i, på begge sider med 1 pixel,.,, dæk hjørnet pixel, orange og skygge låget og under det med, brown, 25% (,&#d1692a,), trin 1 i dette afsnit, disse mørk orange pixels i hjørnerne af låget linje kunst og under armen (se nedenfor).,,,,,, trin 4, koncentrere os om, hvad der er blevet gjort med skygge i græskar nedenfor:,,, nøje drage krumt linjer, brune 25% (,&#d1692a) begyndende med led i bunden af græskar.kurverne bør efterligne konturen af græskar.,, tråd bunden af græskar og begynder at vakle, mørk orange og orange pixels i den nedre halvdel af græskar, redegøre for bunden i mund, næse og øjne samt, eventuelt, du kan vælge at anvende en gul orange fra afsnit 2, trin 1, med henblik på at tilføje viser sit lid, øjne, næse og mund.,,, der for denne del af ministeriet er mere diskret end dem, jeg valgte at bruge de næste skridt.hvis du kan lide den tone, bedre, bare brug den næste skridt for tips om yderligere skygge, og at sætte fokus på og holde den farvepalet oprettet i, afsnit 2, punkt 1,.,,,,, trin 5, hvis du vil have en klarere, mere mættede, skat, se nedenstående punkter:,,, erstatter alle tilfælde af, brown 25% (,&#d1692a,) om græskar overflade med skinnende rød, (,&#ff1300,,,.,, skifte base orange farve,&#ff7700,.,, sørg for at den øverste stammer indeholder nuancer af brown og lysebrune snarere end rød (vi skifter græskar snarere end træ farve af stænglen).,, til den linje, som angiver den græskar lid, brug lyset browns fra afsnit 2, trin 1.for fremhæver, anvendelse, gule, (,&#ffcc00) og (,&#fba912) at trække små kasser og fordele i retning af pixels i den øverste venstre af designet, være mørkere af to gule til selve toppen af hver græskar - afdeling.fokus på bunden af munden.så skinnende rød skygge pixels med rød - orange (,&#ff4500).,, så brug en, mørkebrun, (,e0702,) om udkast til græskar er bunden, og højre side.op med humøret øvre venstre side af græskar er linje kunst med flere kartofler (se nedenfor).,,,,,, 3.at skabe liv, vinduesrammer, trin 1, hvert skridt i genoplivet ikon, som vi gør, vil det kræve en særskilt lag, der indeholder ændringen i ikon.dette omfatter en glødende øjne, ændringer i munden form eller glød omkring græskar.,, sørg for at din græskar komponenter er på samme niveau.brug den, tryllestav værktøj (w) at udvælge uden for græskar og gå, udvælge > omvendt (shift-control-i), og derefter udvælge > ændre > udbygge og udvide, ved 1 pixel,.,, skabe nye lag, under græskar... i, lag - panelet.fyld i udvælgelsen med gul med, maling spanden værktøj.jeg har også fortalt i en anden lag under de to andre med sort så græskar ikon, ville far væk fra skærmen.,,,,, trin 2, skabe nye lag, og dækker de første to rækker af venstre øje med orange pixels.dække den sidste række med 5 pixels, rød (og den tidligere rød linje med orange pixel).øjnene nu, 4 pixels, over 1 diagonal pixel, på venstre side, og to gule pixels i midten af blinker øje form.,,,,, trin 3, er der tre nye mund lag, vi har at gøre med henblik på at skabe den endelige animation.,,, en ny lag frem for de andre og anvende, blyant redskab, at tegne, tre kolonner af pixels består af 1 pixel, 3 pixels, og 2 pixels.det er venstre hjørne i munden, for centret i munden, trække, 2 pixels, til højre for munden hjørne, der tidligere.tilføje, 1 pixel, fra de to foregående udarbejdet.endelig tegner et kvadrat, 3 pixel ved 3 pixels, til midten af munden., spejl venstre mund hjørne på den rigtige side.,, bruge mørk orange at skitsere de hjørner i munden.se billedet nedenfor for nøjagtige pixel placering.,, bruger basen orange farve for at fylde i de fleste af de negative omkring munden.,, rød, som er blevet anbragt i denne del sidder direkte under græskar er næse., endelig, udfylde de tomme felter med gule striber.,, det nye mund med det oprindelige mund.den tidligere mund burde være dækket fuldt ud.gem denne nye lag for nu.,,,,,, trin 4, munden bliver mindre, og at skifte fra en åben smil sødt læberne (minus læber, da dette er et græskar.,,, endnu en gang, vi starter med venstre hjørne i munden, som består af 5 pixels i tre rækker.,, tegne et kvadrat, 3 pixel ved 3 pixels, til midten af munden., afspejler den venstre side af munden på den rigtige side, ved hjælp af mørk orange, drage to linjer, 4 pixels, og yderligere pixels i hjørnerne af munden form., endnu en gang bruge rødt til bunden af græskar er næse (dette vil hjælpe dig. stil op) og nederst på munden.,, udfyld det negative med orange.,, sted i lag med græskar er i munden, at sørge for, at de oprindeligemunden viser ikke igennem.gem denne nye lag for nu.,,,,,, trin 5, munden er nu i fuld kys på mode.endnu en gang, at skabe et nyt lag, og lad os komme i gang.,,, hele munden er to rækker, 3 pixels, og en enkelt pixel i midten af sidste række.,,, 5 pixels, er udarbejdet på venstre side: 2 pixels, 2 pixels diagonalt, skip et rum, og 1 pixel, på hjørnet af munden.spejl her, på højre side og tegne, 5 pixels i, på toppen af munden, ved hjælp af rød drage, 3 pixels, over vil igen være bunden af græskar er næse.træk, 5 pixels i bunden af mund - og sprede et par pixels i hjørnerne af design, fyld i forbindelse med orange.,, det nye mund over gamle mund, at sørge for, at de græskar er oprindelige mund er dækket fuldt ud.endnu en gang, at skjule det lag, der er i den, lag - panelet for tiden.,,,,,, trin 6, for den lyse øjne og mund, et lag vil være nødvendige,.,,,, - på græskar er ansigt til 1600%, eller så, skabe nye lag og fyld i øjne og næse med gul.den venstre side af dem med røde let at se den indre kant af ansigtstrækkene.,, lysebrun til venstre kant i øjnene og munden.brug en lighter brown på den nederste kant.,, fylde munden med gul, gentager de foregående trin for hvilke farver anvendes inden for design, et billede af græskar, når "helt tændt.",,,,,, 4.gennemførelse af informationstiltag, græskar, trin 1, åbne, tidsplan, panel og vælge, skabe rammen animation, fra ned menu i midten., med henblik på at ændre hvad der sker i hvert billede, du bliver nødt til at slå, nye ramme med panelets muligheder og tilpasse udformningen i panelet, lag, hver gang.bemærke ændringen under den anden mund lag synlige i det andet ramme og skjult i den første.,,,,, trin 2, ser billedet nedenfor for en visuel fordeling af de rammer, der anvendes i en tegnefilm.hvert skridt svarer med et lag.jeg har også slået ned, hvad der sker i hvert billede nedenfor:,,, grundlæggende græskar med alle yderligere lag skjult.tiden er fastsat til 1 2,.,, den gule skitsere lag (fra afsnit 3, trin 1) er synlig i denne ramme, men den er på 25% opacitet.tiden er sat til 0, 1 2,.,, det tredje ramme er den gule skitsere lag på 50%, uklarhed, og munden lag fra afsnit 3, trin 3, er nu synligt.tiden er sat til 0, 1 2,.,, den gule skitsere lag er på 100% opacitet.munden fra afsnit 3, trin 4, er synlige.tiden er sat til 0, 1 2,.,, munden, afsnit 3, trin 5, er synlige.tiden er sat til 0, 1 2,.,, blinker øje lag fra afsnit 3, trin 2, er nu synligt.tiden er sat til 0, 1 2,.,, denne ramme er identisk med, ramme 5.tiden er sat til 0, 1 2,.,, denne ramme er identisk med, ramme 4.tiden er sat til 0, 1 2,.,, denne ramme er identisk med, ramme 3, bortset fra den gule skitsere lag, hvis, uklarhed, er sat til 100%.tiden er sat til 0, 1 2,.,, alle yderligere øjne og mund lag er gemt i dette lag.tiden er sat til 0, 1 2,.,, lyse øjne og mund lag er nu synligt i denne ramme.tiden er fastsat til 1 2,.,, alle yderligere øjne og mund lag er skjult.den gule skitsere lag er fastsat til 50%.tiden er sat til 0, 1 2,.,, den gule skitsere lag er fastsat til 25%.tiden er sat til 0, 1 sekund.,,,,,, trin 3, når den fastsætter den forsinkelse på dine billeder, du kan vælge flere forskellige stel og ændre dem på én gang.også du, loop - muligheder, der er, for evigt.,,,,, trin 4, når eksporterende din animeret fil, gå til, fil > medmindre, og udvælge,. gif.da der ikke er mange farver i denne sag, og vi er ikke alt for bekymrede over en stor fil størrelse, holder de farver, 256 og andre steder ved deres misligholdelse.,, hvis udvidelsen af din fil (i tilfælde af, at du vil have det, som er så stort som min sidste billede), sørg for, kvalitet, er fastsat til, nærmeste nabo, så der er ingen tab i hårde pixel kvalitet.igen, skruet muligheder, bør fastsættes til for evigt, medmindre du vil have din,. gif, loop - et beløb, uanset grunden).,,,,, fantastisk arbejde, er du færdig.,, godt arbejde med at skabe en sjov, animerede græskar.jeg har begge mine oprindelige udvidede udgaver nedenfor, så du kan se forskellen mellem størrelse samt oplysninger inden for pixel ikon., for mere pixel kunst tutorials her, tuts +, se den lille liste:,,, skabe en række ikoner i adobe photoshop morgenmad pixel kunst,,, skabe pixel art med en begrænset vifte i ti skridt med photoshop,, hvordan der kan skabes en animeret pixel i adobe photoshop kunst sprite, kandis løber: skabe en pixel kunst sprite fra bunden,,,,,,,,