Matuto kung paano gumawa ng kamay pixel art gumuhit sa photoshop

Ang mga pixel na ilustrasyon ay mahusay para sa paggawa ng mga icon ng computer, isometric na larawan, at maging ang buong eksena. Magagawa ang mga ito nang mabilis at madaling gamit ang Photoshop na may ilang mabilis na pag-tweak sa mga preset.

Ang tanging downside, gayunpaman, ay ang pixel art pinakamaganda ang hitsura sa bawat pixel na inilagay sa pamamagitan ng kamay kumpara sa paggamit ng filter ng Photoshop. Tama, inilagay sa kamay - Alam kong medyo nakakabaliw iyon, lalo na kapag ang ilang mga pixel scene ay naglalaman ng libu-libong pixel. Ngunit kung wala ang pagkakalagay ng kamay, magagawa mo pixel art mukhang masamang lo res picture kaya mag-ingat!

Sa tingin ko, ang isang magandang panuntunan bago ka magsimula ay na dapat mong makita nang malinaw ang iyong nilikha bilang isang grupo ng iba't ibang kulay na mga parisukat na bato, ngunit kung duling at duling mo ang iyong mga mata, makikita mo ang mga ito bilang kinikilalang imahe. Isipin ang paggawa ng tile mosaic, hindi mo lang kailangan ng grawt.

Nasa ibaba ang isang buong pixel na likhang sining, gagawa kami ng ilan sa mga pangunahing bahagi sa gawaing ito.

software

OK, maghanda tayo sa pagguhit. Kung sakaling wala kang kopya ng Photoshop, mayroong ilang libreng espesyal na programa sa pagguhit ng pixel na magagamit para sa libreng pag-download:

• Mga Pixel (Mac)
• Graphic Gale (Victory)
• Higit pang mga application ang matatagpuan dito.

Naglalaro ako sa parehong mga programa ngunit bumalik ako sa Photoshop dahil sanay na ako sa mga keyboard shortcut.

Okay, mag-set up tayo ng page

1. Una, buksan ang mga kagustuhan sa Photoshop at itakda ang interpolation ng imahe sa Nearest Neighbor.
2. Gumawa ng bagong page na 300px by 300px sa 72 dpi.
3. Piliin ang Pencil tool sa 1 pixel. Ang mga tool ng lapis at pambura ay ang tanging mga tool na talagang kailangan mo.
4. Paminsan-minsan maaari mong gamitin ang Magic Wand upang pumili ng lugar na pupunan, ngunit siguraduhing naka-off ang Anti-Alias.

Kung ginamit mo ang brush tool na may napakalaking 9 na mga pixel sa halip na 1, pagkatapos ay nangyayari ang anti-aliasing, na sumisira sa hard-edged pixel effect. Kaya manatili sa 1 pixel. "Stay skinny, stay mean," gaya ng sinasabi ng nanay ko dati.

Kapag ang iyong pixel drawing ay ipinakita sa 100% (aktwal na laki), ang Pen Tool ay napakaliit sa 1 pixel ang lapad, kaya maaaring mahirap itong makita at i-edit. Ang isang ideya ay mag-zoom in sa 800% para makita mo kung ano ang iyong ginagawa. Madalas akong nagbukas ng pangalawang window sa Photoshop na may parehong view ng screen sa 200% upang mabilis kong makita kung paano ang hitsura ng aking guhit nang malapitan at sa parehong oras mula sa medyo malayo.

Maaari naming i-save ang aming gumaganang dokumento bilang PSD file at sa ibang pagkakataon ay i-export ito bilang GIF file para sa paggamit sa web. Maaari rin naming palakihin ang file at i-convert ito sa isang TIF para sa pag-print ng CMYK.

Simulan na natin ang pagguhit

OK, subukan nating gumuhit ng tulad nitong bukas na aklat. Gumuhit sa paligid ng gilid gamit ang Pen Tool upang gawin ang iyong itim na outline. Pagkatapos ay punan ang mga flat na kulay ng pahina at i-bookmark.

Lumikha ng ideya ng teksto sa pahina na may ilang solong linya ng pixel. Tingnan kung paano kami nagdaragdag ng bahagyang kink sa linya upang magbigay ng impresyon ng bahagyang curve sa page.

Panghuli, magdagdag ng ilang mga marker sa gitna ng mga pahina at sa gilid ng bookmark. Ang isang magandang maliit na pagpindot ay isang solong pixel na highlight sa ibabang panlabas na sulok ng bawat pahina, nagbibigay lamang ito ng isang pahiwatig ng isang hangganan ng pahina sa halip na isang solidong bloke.

Kapag napag-aralan mo na ang mga pangunahing kaalaman sa mga balangkas, kulay, highlight, at shading, maaari mong subukang gumawa ng iba pang mga simpleng hugis.

Angled na mga linya ng pixel

Ang mga simbolo ng pixel na tulad ng nasa itaas ay maaaring idisenyo bilang isang serye ng mga linya na 90º lamang sa isa't isa at napakaraming mga parisukat at parihaba. Gayunpaman, paminsan-minsan ay maaaring kailangan mo ng isang linya sa isang anggulo.

Isang bagay na dapat tandaan na ang mga angled na linya ay pinakamahusay na hitsura kapag ang mga ito ay isang regular na pattern. Kung hindi regular ang mga ito (tulad ng mga ipinapakita sa ibaba), maaari silang magmukhang bukol at magaspang kapag tinitingnang maliit. Ang pangalawang halimbawa sa ibaba ay mas makinis na mga isometric na anggulo na mukhang mahusay sa pixel art, ngunit hindi ito ang 30º "Iso" na anggulo na ginamit mo sa klase ng teknikal na pagguhit - ito ay talagang mas malapit sa 26,5º. Sa kasamaang palad, ang 30º ay nagbibigay ng bukol na linya sa 100%. Kung gumuhit ka ng isang linya na regular na umaakyat ng 2 puntos sa itaas at 1 puntos sa itaas, makakakuha ka ng 26,5º.

Susubukan ba nating gumuhit ng ibang bagay na medyo geometriko at gumagamit ng higit pa sa mga pattern ng linyang iyon?

Ang hindi regular na linya ay mukhang bukol sa 100%.

Makinis na pattern ng linya sa iba't ibang anggulo.

Gumuhit tayo ng isang pixel log

Ang mga linya sa kahabaan ay madali, alam namin kung paano gawin ang mga ito ngayon, ngunit paano ang mga bilugan na dulo?

Ang dalawang ito ay mga regular na pattern ngunit nagbabago mula sa malawak na pahalang na mga linya patungo sa mga parisukat at pagkatapos ay mga patayong linya. Mukhang basag-basag pero kung ipikit mo ang iyong mga mata ay parang ayos lang!

Ang kanang itaas na kurba sa dulo ng trunk ay ang reverse pattern din ng ibabang kaliwang seksyon. Madalas kong binibilang ang mga pixel o kabisaduhin ang ilang mga kumbinasyon. Ang kumbinasyon ng pixel sa bilog ay…

• 3 parisukat (sa kabuuan)
• 2
• 111
• 222 (sa ibaba)
• 6
• 2
• Una

Medyo mahirap masanay sa simula, tulad ng paggamit ng Bezier curves sa Illustrator, ngunit malapit mo nang makuha ang "pakiramdam" para dito. Madali lang ang haba ng log, ginagamit lang namin ang 2 along 1 up system at ginagawang haba o maikli ang log hangga't gusto namin.

Ang mas maliliit na concentric na bilog sa dulo ay lumilikha ng magandang pattern ng singsing at ang ilang bahagi ng mas madilim na pagtatabing sa ilalim ng puno ng puno ay nagbibigay ito ng kaunting lalim. Una naming binibigyan ang puno ng puno ng isang patag na kulay ng fir, pagkatapos ay upang lumikha ng lalim, maaari kaming lumikha ng dithering sa pamamagitan ng paglalagay ng mga pixel na magkakaibang kulay sa magkabilang panig ng aming mataas na liwanag/mababang mga linya.

Maaari mong buuin ang mga pattern at gawing mas kumplikado ang mga ito. Gayunpaman, mag-ingat - kung mas makatotohanan at nakakalito ang iyong susubukan, ang malabo na larawan ay maaaring lumabas kapag ito ay ginawang kopyahin sa maliit na sukat.

Nagdagdag ako ng ilan pang random na mga pixel sa log #3 dahil gusto kong magkaroon ito ng magaspang na hitsura at kakaiba sa ardilya.

Para sa huling log ay nagtrabaho ako sa isang lugar na may nahubad na balat at isang maliit na sanga. Nalaman kong pinakamahusay na tapusin muna ang isang lugar o istilo at pagkatapos ay gawin ito nang mas detalyado. Sa palagay ko ay hindi ko naiguhit ang hinubad na puno ng kahoy na may pattern ng dithering mula sa simula - sa halip ay patuloy lang akong nagdagdag ng mga layer at layer. Ang mga simpleng yugto ay pinakamahusay na gumagana!

Hindi regular na pagguhit ng pixel

Lumipat tayo sa isang bagay na mas hindi regular, tulad ng isang ardilya na dumapo sa ating troso. Para sa isang bagay na kumplikado tulad nito, pinakamahusay na magsimula sa isang lapis at papel.

Una, gumuhit ako ng isometric square sa aking page para makuha ang mga tamang sukat. Dahil ginagamit namin ang halimbawang ito para sa mga layuning pang-editoryal, gumamit ako ng larawan bilang mapagkukunan ng inspirasyon. Pagkatapos ay nagsimula akong mag-sketch. Binibigyang-pansin ko ang anggulo sa magkabilang tainga at paa dahil gusto kong sundin nila ang mga linyang isometric.

Tulad ng nakikita mo na ang mga detalye ay napakaliit - Gusto ko lang gawin ang pangunahing hugis at ang mga tamang anggulo muna. Ginagawa namin ang natitira sa Photoshop.

Ipasok ang sketch, ilagay sa isang bagong layer at i-on ang opacity para malinaw mong makita ang mga pixel na gusto mong likhain. Ito ay hindi isang mahirap at mabilis na panuntunan, ngunit nakita ko na ang pixel art ay mukhang pinakamahusay kapag ito ay may mga itim na balangkas.

Dito ako umiikot sa aking ardilya gamit ang Pen Tool at lumikha ng itim na balangkas. Ang isang bagay na dapat iwasan ay ang pagkumpol, kung saan ang mga outline na pixel ay dumampi sa higit sa isang panig. Kung gumuhit ka ng dagdag na parisukat, burahin lang ito gamit ang iyong pambura (pinananatili rin sa 1px ang lapad, tingnan ang pulang bilog), mas magiging maayos ito at magpapasalamat ang iyong madla.

Medyo magulo pa ang itsura, pero hubog! Ang mga keyline sa loob ng ilustrasyon ay nakakatulong din na bigyan ito ng matapang na hitsura. Siguraduhin lamang na ang mga ito ay isang madilim na kulay na hindi itim upang magdagdag ng ilang kaibahan. Tawagin mo akong radikal, ngunit pinili ko ang kayumanggi.

Kapag kumpleto na ang hugis, punan ang panloob na bahagi ng magandang mid-tone na kulay (malambot na kayumanggi) at maaaring gumamit ng mapusyaw na kulay upang ilabas ang ilang mga highlight.

Ang panuntunan ng itim na balangkas ay hindi mahirap at mabilis, nag-iwan ako ng ilang pangunahing itim na linya sa ilalim ng panga at paa sa harap dahil nagiging mahirap makita kung ano ang nangyayari.

Konklusyon

Ang manu-manong paglalagay, pag-aalis, at pagmamanipula ng mga pixel ay kung saan pumapasok ang kasanayan. Paminsan minsan. Ngunit kapag nakuha mo na ito, maaari kang gumuhit ng halos kahit ano - ang kailangan mo lang ay kaunting pasensya. Umaasa ako na ito ay makakatulong at magbigay ng inspirasyon sa iyo upang lumikha ng iyong sariling mga mahusay na gawa!