Adobe Photoshop: Pixel Art техникийг ашиглан дүр зурж, хөдөлгөөн хийнэ. Pixel Art гэж юу вэ? Жишээ болон үүнийг хэрхэн сурах талаар Пиксел урлагийг бүтээх

"itemprop = "зураг">

Энэхүү 10 алхамтай Pixel Art хэрхэн зурах тухай зааварт би "спрайт" (ганц 2 хэмжээст дүр эсвэл объект) хэрхэн бүтээхийг заах болно. Энэ нэр томъёо нь мэдээж видео тоглоомуудаас гаралтай.

Миний тоглоомын графикт хэрэгтэй байсан тул би пикселийн урлагийг хэрхэн бүтээх талаар сурсан. Олон жил хичээллэсний дараа би үүнд дасаж, пикселийн урлаг бол зүгээр нэг хэрэгсэл гэхээсээ илүү урлаг гэдгийг ойлгож эхэлсэн. Өнөөдөр пикселийн урлаг нь тоглоом хөгжүүлэгчид болон зураачдын дунд маш их алдартай.

Энэхүү заавар нь олон жилийн өмнө пикселийн зургийн энгийн ойлголтуудыг хүмүүст заах зорилгоор бүтээгдсэн боловч олон удаа өргөтгөсөн тул анхны хувилбараас эрс ялгаатай юм. Вэб дээр ижил сэдвээр олон хичээл байдаг, гэхдээ тэдгээр нь бүгд надад хэтэрхий төвөгтэй эсвэл урт юм шиг санагддаг. Пикселийн урлаг бол шинжлэх ухаан биш юм. Пикселийн зургийг бүтээхдээ векторыг тооцоолох шаардлагагүй.

Багаж хэрэгсэл

Пикселийн урлагийг бүтээх гол давуу талуудын нэг нь танд ямар ч дэвшилтэт хэрэгсэл хэрэггүй - анхдагчаар таны компьютер дээр суулгасан график засварлагч хангалттай байх ёстой. Pro Motion эсвэл Pixen (Mac хэрэглэгчдэд зориулсан) гэх мэт пикселийн урлагийг бүтээхэд тусгайлан зориулсан програмууд байдаг гэдгийг дурдах нь зүйтэй. Би тэднийг өөрөө туршиж үзээгүй ч маш их сонссон эерэг санал. Энэ зааварт би Photoshop программыг ашиглах болно, энэ нь хэдийгээр зардал ихтэй ч гэсэн урлагийг бүтээхэд хэрэгтэй маш олон хэрэглүүрүүдийг агуулдаг бөгөөд зарим нь пикселжилтэд маш хэрэгтэй байдаг.

Photoshop дээр хэрхэн Pixel Art зурах вэ

Photoshop програмыг ашиглах үед таны гол зэвсэг нь Brush Tool-ийн өөр хувилбар болох Харандаа хэрэгсэл (B товчлуур) байх болно. Харандаа нь өнгө дарахгүйгээр тус тусдаа пикселийг өнгөөр ​​будаж болно.

Өөр хоёр хэрэгсэл хэрэгтэй болно: Сонгох (M товчлуур) ба Шидэт саваа (W товчлуур) сонгох, чирэх эсвэл хуулж буулгах. Сонголт хийхдээ Alt эсвэл Shift товчийг удаан дарснаар сонгосон объектуудыг нэмж эсвэл одоогийн сонголтын жагсаалтаас хасах боломжтой гэдгийг санаарай. Энэ нь тэгш бус объектыг сонгох шаардлагатай үед зайлшгүй шаардлагатай.

Мөн өнгө шилжүүлэхийн тулд дусаагуур ашиглаж болно. Пикселийн урлагт өнгийг хадгалах нь чухал байдаг олон мянган шалтгаан байдаг тул та хэд хэдэн өнгө авч, дахин дахин ашиглах хэрэгтэй болно.

Эцэст нь та бүх товчлуурыг цээжилж байгаарай, энэ нь танд маш их цаг хэмнэх болно. Үндсэн болон хоёрдогч өнгөний хооронд шилжих "X"-ийг анхаарч үзээрэй.

шугамууд

Пикселүүд нь ижил өнгийн жижиг квадратууд юм. Эхлээд та хэрэгтэй шугамыг бий болгохын тулд эдгээр квадратуудыг хэрхэн үр дүнтэй зохион байгуулахаа олж мэдэх хэрэгтэй. Бид шулуун ба муруй гэсэн хамгийн түгээмэл хоёр төрлийн шугамыг авч үзэх болно.

шулуун шугамууд

Таны юу бодож байсныг би мэдэж байна: энд бүх зүйл маш энгийн тул ямар нэгэн зүйлийг судлах нь утгагүй юм. Гэхдээ пикселийн тухайд шулуун шугамууд хүртэл асуудал үүсгэдэг. Бид хагархай хэсгүүдээс зайлсхийх хэрэгтэй - шугамын жижиг хэлтэрхийнүүд нь түүнийг хагархай харагдуулдаг. Хэрэв шугамын аль нэг хэсэг нь эргэн тойрныхоо бусад хэсгүүдээс том эсвэл бага байвал тэдгээр нь гарч ирдэг.

муруй шугамууд

Муруй шугамыг зурахдаа бүхэл бүтэн уртын дагуу бууралт эсвэл өсөлт жигд байгаа эсэхийг шалгах хэрэгтэй. IN энэ жишээ, цэвэр шугам нь 6 > 3 > 2 > 1 интервалтай, харин 3 > 1 интервалтай шугам< 3 выглядит зазубренной.

Шугаман зурах чадвар нь пикселийн урлагийн гол элемент юм. Цаашид би antialiasing талаар танд хэлэх болно.

Үзэл баримтлал

Эхлэхийн тулд танд хэрэгтэй болно сайхан санаа! Пикселийн урлагт юу хийх гэж байгаагаа цаасан дээр эсвэл зүгээр л оюун ухаандаа төсөөлөхийг хичээ. Зургийн талаархи ойлголттой бол та пикселжилт дээр анхаарлаа төвлөрүүлж болно.

Тунгаан бодох сэдвүүд

• Энэ спрайтыг юунд ашиглах вэ? Энэ нь вэбсайтад зориулагдсан уу эсвэл тоглоомд зориулагдсан уу? Үүнийг дараа нь хөдөлгөөнт болгох хэрэг гарах болов уу? Хэрэв тийм бол үүнийг жижигрүүлж, бага нарийвчлалтай болгох шаардлагатай болно. Үүний эсрэгээр, хэрэв та ирээдүйд спрайттай ажиллахгүй бол түүнд шаардлагатай олон нарийн ширийн зүйлийг хавсаргаж болно. Тиймээс энэ спрайт яг юунд хэрэгтэйг урьдчилан шийдэж, оновчтой параметрүүдийг сонгоорой.
• Ямар хязгаарлалтууд байдаг вэ? Өнгө хадгалахын чухлыг би түрүүн хэлсэн. гол шалтгаанЭнэ нь системийн шаардлагаас (бидний үед тийм ч магадлал багатай) эсвэл нийцтэй байдлаас шалтгаалан хязгаарлагдмал өнгөт палитр юм. Хэрэв та C64, NES гэх мэт тодорхой хэв маягийг дуурайж байгаа бол нарийвчлалын хувьд. Мөн таны спрайт хэмжээс, шаардлагатай объектуудын дэвсгэр дээр хэт их ялгарч байгаа эсэхийг анхаарч үзэх нь зүйтэй.

Оролдоод үзье!

Энэ зааварт ямар ч хязгаарлалт байхгүй, гэхдээ би пикселийн зураг хангалттай том байгаа эсэхийг шалгахыг хүссэн бөгөөд ингэснээр алхам бүр дээр юу болж байгааг нарийвчлан харах боломжтой болно. Үүний тулд би бөхийн ертөнцийн дүр Луча Хуульчийг загвар өмсөгчөөр ашиглахаар шийдсэн. Тэрээр тулааны тоглоом эсвэл динамик тулаант кинонд төгс тохирох болно.

Хэлхээ

Хар тойм нь таны спрайтад сайн суурь байх тул бид эндээс эхлэх болно. Сайхан харагдаж байгаа ч бага зэрэг бараан өнгөтэй болохоор бид хар өнгийг сонгосон. Дараа нь хичээл дээр би бодит байдлыг нэмэгдүүлэхийн тулд контурын өнгийг хэрхэн өөрчлөхийг харуулах болно.

Тоймыг бий болгох хоёр арга байдаг. Та замыг чөлөөтэй зурж, дараа нь бага зэрэг өөрчлөх, эсвэл бүгдийг нэг нэгээр нь нэг пикселээр зурж болно. Тийм ээ, та зөв ойлгосон, бид мянган товшилтын тухай ярьж байна.

Аргын сонголт нь спрайтын хэмжээ болон таны пикселийн ур чадвараас хамаарна. Хэрэв спрайт үнэхээр том бол гараар зурах нь илүү логик байх болно ойролцоо хэлбэртэгээд шулуун болго. Надад итгээрэй, энэ нь тэр даруй төгс ноорог зурах гэж оролдохоос хамаагүй хурдан юм.

Миний зааварт би нэлээд том спрайт үүсгэдэг тул эхний аргыг энд харуулах болно. Би бүх зүйлийг нүдээр харуулж, юу болсныг тайлбарлавал илүү хялбар болно.

Нэгдүгээр алхам: бүдүүлэг тойм

Хулгана эсвэл таблетаа ашиглан спрайтынхаа бүдүүлэг тоймыг зур. Энэ нь ХЭТ ТҮҮХИЙ БАЙХГҮЙ, өөрөөр хэлбэл эцсийн бүтээгдэхүүнээ хэрхэн харж байгаатай адил зүйл байгаа эсэхийг шалгаарай.

Миний ноорог миний төлөвлөж байсан зүйлтэй бараг бүрэн давхцсан.

Хоёрдугаар алхам: тоймыг өнгөлөх

Зургийг 6 эсвэл 8 дахин томруулж эхэл. Та пиксел бүрийг тодорхой харах ёстой. Дараа нь тоймыг цэвэрлэ. Ялангуяа "тэнэсэн пиксел" -д анхаарлаа хандуулаарай (бүхэл бүтэн тойм нь нэг пикселээс ихгүй зузаантай байх ёстой), ирмэгийн ирмэгээс салж, эхний алхамд орхигдсон жижиг нарийн ширийн зүйлийг нэмж оруулаарай.

Том спрайт ч гэсэн 200-аас 200 пикселээс хэтрэх нь ховор. "Бага зардлаар илүү ихийг хий" гэсэн хэллэг нь пикселийн процессыг дүрслэх гайхалтай арга юм. Нэг пиксел ч гэсэн чухал гэдгийг та удахгүй харах болно.

Тоймоо аль болох хялбарчлаарай. Бид нарийвчилсан мэдээллийг дараа нь авч үзэх болно, одоо та булчингийн сегментчилэл гэх мэт том пикселүүдийг хайж олох хэрэгтэй. Яг одоо байдал тийм ч сайн биш байгаа ч жаахан тэвчээртэй байгаарай.

Өнгө

Тойм бэлэн болсон үед бид өнгөөр ​​дүүргэх шаардлагатай будгийн төрлийг олж авдаг. Будаг, дүүргэх болон бусад хэрэгслүүд үүнд тусална. Өнгөний зохицох нь төвөгтэй байж болох ч өнгөний онол нь энэ нийтлэлийн сэдэв биш юм. Гэсэн хэдий ч таны мэдэх шаардлагатай хэд хэдэн үндсэн ойлголт байдаг.

HSB өнгөт загвар

Энэ Англи хэлний товчлол, "Hue, Saturation, Brightness" гэсэн үгсээс цуглуулсан. Энэ нь компьютерийн олон өнгөт загваруудын нэг юм (эсвэл өнгөний тоон дүрслэл). RGB болон CMYK гэх мэт бусад жишээнүүдийн талаар та сонссон байх. Ихэнх зураг засварлагчид өнгө сонгохдоо HSB ашигладаг тул бид үүнд анхаарлаа хандуулах болно.

Өнгө Hue бол бидний өнгө гэж нэрлэдэг зүйл юм.

Ханалт– Ханалт – өнгөний эрчмийг тодорхойлно. Хэрэв утга нь 100% бол энэ нь хамгийн их гэрэлтүүлэг юм. Хэрэв та үүнийг доошлуулбал өнгө нь уйтгартай болж, "саарал" болно.

тод байдал- өнгө ялгаруулдаг гэрэл. Жишээлбэл, хар өнгийн хувьд энэ үзүүлэлт 0% байна.

Өнгө сонгох

Аль өнгийг сонгохоо шийдэх нь таны сонголт боловч хэд хэдэн зүйлийг анхаарч үзэх хэрэгтэй.

• Зөөлөн, ханасан өнгө нь хүүхэлдэйн киноноос илүү бодитой харагддаг.
• Өнгөний дугуйг бодоод үзээрэй: хоёр өнгө хэдий чинээ хол байна, төдий чинээ муу холилдоно. Үүний зэрэгцээ бие биентэйгээ ойрхон байдаг улаан, улбар шар нь хамтдаа гайхалтай харагдаж байна.

• Илүү олон өнгө ашиглах тусам таны зурсан зураг улам бүдэгрэх болно. Тиймээс хэд хэдэн үндсэн өнгийг сонгоод хэрэглээрэй. Нэгэн цагт Супер Марио зөвхөн бор, улаан өнгийн хослолоор бүтээгдсэн гэдгийг санаарай.

Цэцэг түрхэж байна

Өнгө түрхэх нь маш хялбар. Хэрэв та Photoshop ашигладаг бол хүссэн фрагментийг сонгоод л сонгоно уу шидэт саваа(W товчлуур) дараа нь үндсэн өнгө (Alt-F) эсвэл хоёрдогч өнгө Ctrl-F-ээр дүүргэнэ үү.

сүүдэрлэх

Сүүдэрлэх нь нэг юм чухал хэсгүүдпикселийн хагас бурхны статусыг олж авах эрэл хайгуул. Энэ үе шатанд спрайт нь илүү сайхан харагдаж эхэлдэг, эсвэл хачин бодис болж хувирдаг. Миний зааврыг дагаж, та амжилтанд хүрэх нь гарцаагүй.

Нэгдүгээр алхам: гэрлийн эх үүсвэр сонгох

Эхлээд бид гэрлийн эх үүсвэрийг сонгоно. Хэрэв таны спрайт чийдэн, бамбар гэх мэт өөрийн гэсэн гэрэлтэй том фрагментийн нэг хэсэг бол. Тэд бүгд спрайт хэрхэн харагдахад янз бүрээр нөлөөлж болно. Гэсэн хэдий ч нар шиг алс холын гэрлийн эх үүсвэрийг сонгох нь ихэнх пикселийн урлагийн хувьд гайхалтай санаа юм. Жишээлбэл, тоглоомуудын хувьд та хамгийн тод спрайт үүсгэх хэрэгтэй бөгөөд дараа нь хүрээлэн буй орчинд тохируулж болно.

Би ихэвчлэн спрайтын урд талын хаа нэгтээ алсын гэрлийг сонгохыг сонгодог бөгөөд ингэснээр спрайтын зөвхөн урд болон дээд хэсэг нь гэрэлтэж, үлдсэн хэсэг нь сүүдэрлэдэг.

Хоёрдугаар алхам: Шууд сүүдэрлэх

Гэрлийн эх үүсвэрийг сонгосны дараа бид түүнээс хамгийн алслагдсан хэсгүүдийг харанхуйлж эхэлнэ. Манай гэрэлтүүлгийн загвар нь толгойн доод хэсэг, гар, хөл гэх мэтийг сүүдэрээр бүрхэх ёстой гэж үздэг.

Хавтгай зүйл сүүдэрлэж чадахгүй гэдгийг санаарай. Нэг цаас аваад, үрчийж, ширээн дээр өнхрүүл. Дахиж хавтгай биш гэдгийг яаж мэдэх вэ? Чи зүгээр л түүний эргэн тойрон дахь сүүдрийг харсан. Хувцас, булчин, үслэг эдлэл, арьсны өнгө гэх мэт атираа зэргийг онцлон харуулахын тулд сүүдэрлэх аргыг ашигла.

Гуравдугаар алхам: зөөлөн сүүдэр

Зөөлөн сүүдэр үүсгэхийн тулд эхнийхээс хөнгөн хоёр дахь сүүдэрийг ашиглах хэрэгтэй. Энэ нь шууд гэрэлтүүлэггүй газруудад зайлшгүй шаардлагатай. Тэдгээрийг мөн гэрлээс харанхуй руу шилжих, тэгш бус гадаргуу дээр ашиглах боломжтой.

Дөрөвдүгээр алхам: гэрэлтүүлэгтэй газрууд

Шууд гэрлийн туяа хүлээн авдаг газруудыг мөн тодруулсан байх ёстой. Сүүдэрээс бага тодотголтой байх ёстой гэдгийг тэмдэглэх нь зүйтэй, эс тэгвээс тэдгээр нь шаардлагагүй анхаарал татах болно, өөрөөр хэлбэл бусдаас ялгарах болно.

Нэг энгийн дүрмийг санаж, толгойн өвчнөөс өөрийгөө хамгаалаарай: эхлээд сүүдэр, дараа нь онцлох зүйл. Шалтгаан нь энгийн: хэрэв сүүдэр байхгүй бол хэт том хэлтэрхий гарч ирэх бөгөөд сүүдэр түрхэхэд тэдгээрийг багасгах шаардлагатай болно.

Зарим хэрэгтэй дүрэм

Эхлэгчдэд сүүдэр нь үргэлж хэцүү байдаг тул сүүдэрлэхдээ дагаж мөрдөх хэд хэдэн дүрмийг энд оруулав.

1. Градиент бүү ашигла. Шинэхэн хүмүүсийн хамгийн түгээмэл алдаа. Градиентууд нь аймшигтай харагдаж байгаа бөгөөд гэрэл гадаргуу дээр хэрхэн тоглуулж байгааг ч тооцдоггүй.
2. "Зөөлөн сүүдэрлэх" -ийг бүү ашигла. Сүүдэр нь тоймоос хэт хол байх нөхцөл байдлын талаар би ярьж байна, учир нь энэ нь маш бүдэг харагдаж, гэрлийн эх үүсвэрийг илрүүлэхээс сэргийлдэг.
3. Хэт олон сүүдэр бүү ашигла. "Илүү олон өнгө - зураг илүү бодитой" гэж бодоход хялбар байдаг. Энэ нь ямар ч байсан, in жинхэнэ амьдралБид аливаа зүйлийг харанхуй эсвэл гэрлийн спектрээр харж дассан бөгөөд бидний тархи хоорондын бүх зүйлийг шүүнэ. Зөвхөн хоёр бараан өнгө (харанхуй ба маш бараан) болон хоёр цайвар өнгө (цайвар ба маш цайвар) хэрэглэж, тэдгээрийг дээр нь биш, үндсэн өнгө дээр давхарлана.
4. Хэт ижил төстэй өнгийг бүү ашигла. Үнэхээр бүдэг спрайт хийхийг хүсэхээс бусад тохиолдолд бараг ижил өнгө хэрэглэх шаардлагагүй.

ганхах

Өнгө хадгалах нь пикселийн урлагийг бүтээгчид үнэхээр анхаарах ёстой зүйл юм. Илүү олон өнгө хэрэглэхгүйгээр илүү их сүүдэр авах өөр нэг арга бол "dithering" юм. Яг доторх шиг уламжлалт уран зураг"hatching" болон "cross hatching" -ийг ашигладаг, өөрөөр хэлбэл та, in шууд утгаараа, та хоёр өнгөний хооронд ямар нэг зүйлийг авах болно.

Энгийн жишээ

Дөрвөн сүүдэрлэх сонголтыг бий болгохын тулд хоёр өнгийг хэрхэн сольж болох энгийн жишээ энд байна.

Нарийвчилсан жишээ

Дээрх зургийг (Photoshop дээр градиентээр бүтээсэн) dithering ашиглан гурван өнгөөр ​​бүтээсэн зурагтай харьцуулна уу. "Зэргэлдээх өнгө" үүсгэхийн тулд янз бүрийн хэв маягийг ашиглаж болно гэдгийг анхаарна уу. Хэрэв та өөрөө хэд хэдэн загвар хийвэл зарчмыг ойлгоход хялбар байх болно.

Өргөдөл

Цөөн тооны өнгөт палитр байдаг тул эрт үеийн олон видео тоглоомууд энэ техникийг маш ихээр ашигладаг байсан тул догдлох нь таны спрайтад сайхан чимэг харагдуулах боломжтой (хэрэв та эргэлдэх олон жишээг харахыг хүсвэл дараах тоглоомуудыг үзээрэй. Sega Genesis). Би өөрөө энэ аргыг тийм ч их хэрэглэдэггүй, гэхдээ боловсролын зорилгоор үүнийг манай спрайт дээр хэрхэн ашиглаж болохыг харуулах болно.

Та dither-ийг өөрийн хүссэнээр ашиглаж болно, гэхдээ цөөхөн хүн үүнийг амжилттай ашигладаг гэдгийг тэмдэглэх нь зүйтэй.

Сонгомол контур хийх

Сонгомол контурыг мөн selout гэж нэрлэдэг (Англи хэлний сонгосон тоймоос) нь контурын сүүдэрлэх дэд зүйл юм. Хар шугам ашиглахын оронд таны спрайт дээр илүү зохицсон өнгө сонгох гэж байна. Мөн бид энэ замын гэрэлтүүлгийг спрайтын ирмэг рүү чиглүүлж, өнгөний эх үүсвэрт ямар өнгийг ашиглахыг тодорхойлох боломжийг олгодог.

Энэ хүртэл бид хар тоймыг ашигласан. Үүнд ямар ч буруу зүйл байхгүй: хар өнгө нь гайхалтай харагддаг бөгөөд мөн спрайтыг хүрээлэн буй объектуудын дэвсгэрээс чанарын хувьд ялгах боломжийг олгодог. Гэхдээ энэ аргыг ашигласнаар бидний спрайт хүүхэлдэйн кино шиг харагдсаар байгаа тул зарим тохиолдолд хэрэг болохуйц бодит байдлыг золиосолж байна. Сонгомол контур нь үүнээс ангижрах боломжийг олгодог.

Би түүний булчингуудыг зөөлрүүлэхийн тулд сэлт хэрэглэсэн гэдгийг та анзаарах болно. Эцэст нь, бидний спрайт нь асар олон тооны салангид хэсгүүд шиг биш харин бүхэлдээ харагдаж эхэлдэг.

Үүнийг эх хувилбартай харьцуулна уу:

1. Гөлгөр болгох

Хагархайг арилгах зарчим нь энгийн: завсрын өнгийг гулзайлгах үед нэмж, илүү зөөлөн харагдуулна. Жишээлбэл, хэрэв та цагаан дэвсгэр дээр хар зураастай бол ирмэгийн дагуу жижиг саарал пикселүүд нэмэгдэх болно.

Техник 1: муруйг тэгшлэх

Ерөнхийдөө та завсарлагатай газруудад завсрын өнгийг нэмэх хэрэгтэй, эс тэгвээс шугам нь хонхорхой харагдах болно. Хэрэв энэ нь жигд бус хэвээр байвал илүү хөнгөн пикселийн давхаргыг нэмнэ үү. Завсрын давхаргын хэрэглээний чиглэл нь муруйн чиглэлтэй тохирч байх ёстой.

Би үүнийг хүндрүүлэхгүйгээр илүү сайн тайлбарлаж чадахгүй гэж бодож байна. Зургийг хараад л миний юу хэлэх гээд байгааг ойлгох болно.

Техник 2: овойлтыг бөөрөнхийлөх

Техник 3: Мөрийн төгсгөлийг дарж бичих

Өргөдөл

Одоо хэвлэмэл дээрээ antialiasing хэрэглэцгээе. Хэрэв та өөрийн спрайтыг ямар ч өнгөний дэвсгэр дээр сайхан харагдуулахыг хүсвэл шугамын гадна талыг тэгшлэх хэрэггүй гэдгийг анхаарна уу. Үгүй бол таны спрайт арын дэвсгэртэй нийлсэн хэсэгт маш тохиромжгүй гэрэлт цагирагаар хүрээлэгдсэн тул ямар ч дэвсгэр дээр хэт тод харагдах болно.

Үр нөлөө нь маш нарийн боловч энэ нь маш чухал юм.

Та яагаад үүнийг гараар хийх хэрэгтэй байна вэ?

Та "Хэрэв бид спрайтыг жигд харагдуулахыг хүсвэл яагаад график засварлагч шүүлтүүрийг хэрэглэж болохгүй гэж?" Хариулт нь бас энгийн - ямар ч шүүлтүүр таны спрайтыг гараар хийсэн шиг хурц, цэвэрхэн болгохгүй. Та зөвхөн ашигласан өнгө төдийгүй тэдгээрийг хаана ашиглахаа бүрэн хянах болно. Нэмж дурдахад, та ямар ч шүүлтүүрээс илүү сайн мэддэг, хаана anti-aliasing тохиромжтой вэ, мөн пикселүүд чанараа алддаг хэсгүүд байдаг.

Дуусгаж байна

Хөөх, бид таны компьютерийг унтрааж, хөргөгчнөөс хүйтэн шар айраг авахад тун ойрхон байна. Гэхдээ тэр хараахан ирээгүй байна! Сүүлийн хэсэг нь эрч хүчтэй сонирхогчийг туршлагатай мэргэжлийн хүнээс юугаараа ялгах тухай юм.

Алхам ухарч, спрайтаа сайн хараарай. Тэр “түүхий” хэвээрээ байх магадлалтай. Сайжруулж, бүх зүйл төгс байгаа эсэхийг шалгаарай. Хичнээн ядарсан байсан ч хамгийн хөгжилтэй хэсэг таныг хүлээж байна. Спрайтаа илүү сонирхолтой харагдуулахын тулд дэлгэрэнгүй мэдээллийг нэмнэ үү. Энд таны пикселийн ур чадвар, туршлага гарч ирдэг.

Манай Луча өмгөөлөгч энэ бүх хугацаанд нүдгүй байсан, эсвэл барьж байгаа боодол нь хоосон байсанд та гайхаж магадгүй юм. Үнэндээ шалтгаан нь би жижиг нарийн ширийн зүйлийг хүлээхийг хүссэнд оршино. Мөн түүний гарын туузан дээр нэмсэн гоёл чимэглэл, өмднийх нь ялаа зэргийг анхаарч үзээрэй... Хөхний толгойгүй хүн ямар байх байсан бэ? Би бас түүний их биеийн доод хэсгийг бага зэрэг харлуулж, гар нь биеийн дэвсгэр дээр илүү их цухуйсан.

Эцэст нь та дууслаа! Lucha Lawyer нь Хөнгөн жингийн ангилалд өрсөлддөг, учир нь энэ нь ердөө 45 өнгөтэй (магадгүй энэ нь таны палитрын хязгаарлалтаас хамааран хүнд жинтэй) бөгөөд нягтрал нь 150-аас 115 пиксель юм. Одоо та шар айраг нээж болно!

Бүх ахиц дэвшил:

Энэ нь үргэлж инээдтэй байдаг. Манай спрайтын хувьслыг харуулсан gif энд байна.

1. Урлаг, практикийн үндсийг сур уламжлалт техник. Зурах, зурахад шаардлагатай бүх мэдлэг, ур чадварыг пикселээр ашиглах боломжтой.
2. Жижиг спрайтуудаас эхэл. Хамгийн хэцүү зүйл бол минийх шиг том спрайт хийхгүйгээр аль болох цөөхөн пиксел ашиглан олон нарийн ширийн зүйлийг хэрхэн байрлуулахыг сурах явдал юм.
3. Өөрийн биширдэг уран бүтээлчдийнхээ бүтээлийг судалж, өвөрмөц байхаас бүү ай. Хамгийн зөв замсуралцах - бусад хүмүүсийн ажлын хэсгүүдийг давтах. Үйлдвэрлэлийн хувьд өөрийн гэсэн хэв маягмаш их цаг зарцуулдаг.
4. Хэрэв танд таблет байхгүй бол үүнийг худалдаж аваарай. Байнгын мэдрэлийн хямралМөн хулганы зүүн товчийг байнга дарах нь тийм ч хөгжилтэй биш бөгөөд эсрэг хүйстний хүмүүсийн сэтгэлийг хөдөлгөдөггүй. Би жижиг Wacom Graphire2 ашигладаг - Би түүний авсаархан, зөөврийн байдалд дуртай. Танд илүү том таблет таалагдаж магадгүй. Худалдан авахаасаа өмнө бага зэрэг туршилт хийх хэрэгтэй.
5. Өөрийн хийсэн ажлаа бусадтай хуваалцаж тэдний санал бодлыг сонсоорой. Энэ нь шинэ найз нөхөдтэй болох сайн арга байж болох юм.

P.S.

Эх нийтлэл нь байрладаг. Хэрэв танд орчуулах шаардлагатай гайхалтай хичээлүүдийн холбоос байгаа бол манай үдэшлэгт илгээнэ үү. Эсвэл бүлгийн мессеж рүү шууд бичээрэй

Энэ зааварт та хүний ​​зургийг хэрхэн пикселийн урлаг болгон хувиргах талаар сурах болно зохиомол дүр 90-ээд оны эхэн үеийн аркад тоглоом.
Жеймс Мэй, өөрөөр хэлбэл Smudgethis нь 2011 онд энэ загварыг бүтээжээ хөгжмийн видеодабстеп рок жүжигт зориулсан. Нерогийн хамгийн анхны хит болох Me & You - тэр харуулахын тулд хөдөлгөөнт дүрсийг бүтээсэн хуучин тоглоом Nero-ийн хоёр гишүүнийг оролцуулсан. Тоглоом нь Double Dragon-той төстэй 16 бит графиктай, гэхдээ Super Mario Bros гэх мэт 8 битийн чимэг сонгодог тоглоомуудаас хамаагүй илүү байсан 2D хэмнэлтэй платформ тоглоом юм.
Энэ хэв маягийг бий болгохын тулд дүрүүд нь блоктой байх ёстой, гэхдээ хуучин тоглоомуудаас илүү төвөгтэй байдаг. Мөн хүрэхийн тулд та хязгаарлагдмал өнгөт палитр ашиглах хэрэгтэй Гадаад төрх, эдгээр тоглоомууд 65,536 өнгөтэй байсан гэдгийг санаарай.
Энд Жеймс энгийн өнгөт палитр болон Харандаа хэрэглүүрийг ашиглан зурагнаас хэрхэн дүр бүтээхийг харуулж байна.
Хөдөлгөөнт хөтчийн нэгэн адил танд тухайн хүний ​​зураг хэрэгтэй болно. Жеймс энэ зааварт төслийн файлд багтсан панкийн зургийг ашигласан.
Дуусмагц энэхүү 16 битийн After Effects Animation хичээлийг үзээрэй. Жэймс энэ дүрийг AE дээр хэрхэн авах, түүнийг хэрхэн хөдөлгөх, чимэг тоглоомын эффектүүдийг хэрхэн хэрэгжүүлэхийг харуулах болно.

1-р алхам

Анимэйшн гарын авлагыг (16 бит) .psd болон 18888111.jpg (эсвэл өөрийн сонгосон зураг) нээснээр дүрийн суурь болгон ашиглаж болно. Бүрэн хэмжээний профайл зураг нь хамгийн сайн ажиллах бөгөөд 16 бит хэлбэрийн өнгөт палитр, хэв маягийг авахад тусална.
Хөдөлгөөнт зургийн гарын авлага нь тусдаа давхарга дээр хэд хэдэн позтой. Тэрийг нь сонго хамгийн зөв замЭнэ нь таны зурган дээрх позтой таарч байна - бидний хөл хүрээгүй тул би 1-р түвшний стандарт поз авахаар явсан.

Алхам 2

Rectangular Marquee Tool (M) ашиглан зурагнаасаа толгойг сонгоод (Cmd /Ctrl + C) хуулаад (Cmd /Ctrl + V) хөдөлгөөнт дүрсний гарын авлага (16бит).psd-д буулгана уу.
Зургийг пропорциональ хэмжээгээр тохируулна уу. PSD хэмжээ нь маш бага тул зураг тэр даруй пиксел зурж эхлэх болно гэдгийг та анзаарах болно.

Алхам 3

Шинэ давхарга үүсгээд нэг пикселийн хар харандаагаар (B) тойм зурж, түүнд өгөгдсөн хөдөлгөөнт гарын авлага болон зургийг суурь болгон ашиглана. \ П
Нийлүүлсэн гарын авлага нь том дарга эсвэл туранхай эмэгтэй дүрүүдээс олон төрлийн дүрийг хөгжүүлэхэд тусалдаг. Энэ бол миний пикселийн зургийн баатруудыг зохиож, хөдөлгөөнт дүрслэх бүдүүлэг гарын авлага юм.

Алхам 4

Нүдний дусаагуур (I) хэрэглүүрийг ашиглан зурган дээрх хамгийн бараан арьсны хэсгийг сорж аваад жижиг дөрвөлжин өнгө үүсгэ. Дөрвөн өнгийн арьсны палитр үүсгэхийн тулд үүнийг дахин гурван удаа хий.
Контурын давхаргын доор өөр давхарга үүсгэж, зургийг сүүдэрлэхийн тулд 1 пикселийн сойз, 4 өнгөт палитр ашиглана уу (дахин зургийг гарын авлага болгон ашиглана уу). \ П
Уран бүтээлийнхээ бүх элементүүд эсвэл өөр өөр давхаргыг хадгалах нь дээр, учир нь энэ нь тэдгээрийг бусад дүрс дээр дахин ашиглахад хялбар болгодог. Ихэнх 16 битийн тоглоомууд маш их ашиглагддаг тул энэ нь ялангуяа "муу хүмүүст" хэрэгтэй ижил төстэй тоо. Жишээлбэл, нэг найз нь улаан цамцтай, хутгатай байж болох юм бол дараагийнх нь цэнхэр цамц, гар буунаас бусад нь адилхан юм.

Алхам 5

Энэ үйлдлийг зургийн бусад хэсгүүдэд давтаж, анхны зураг дээрх бусад элементүүдтэй тааруулахын тулд даавууг сүүдэрлээрэй. Эхлээд өнгөт палитрыг үүсгэхийн тулд Eyedropper хэрэглүүрийг үргэлжлүүлэн түүвэрлэхээ мартуузай, учир нь энэ нь 16 битийн тоглоомуудын харьцангуй хязгаарлагдмал өнгөт палитрт тохирсон, гайхалтай харагдахуйц өнгөний багцыг өгдөг.

Алхам 6

Сүүдэр, шивээс, ээмэг болон бусад зүйлсээр дүрээ сайжруулахын тулд өгөгдөл нэмээрэй. Энд оройн хоолоо идээд тоглоомын орчинд дүрээ хэрхэн харуулахыг хүсч байгаагаа бодоорой. Магадгүй тэд сүх ашиглах эсвэл робот гартай байж болох уу?

Алхам 7

Өөрийн дүрийг амилуулахын тулд бусад таван хөдөлгөөнт хөтөчийн давхаргыг ашиглан өмнөх алхмуудыг давтана уу. Энэ процессыг эзэмшиж, үр дүнгүй үр дүнг бий болгоход хэсэг хугацаа шаардагдах боловч өмнөх хүрээнүүдийн элементүүдийг дахин ашиглах замаар богино тайралт хийх боломжтой. Жишээлбэл, энэ зургаан фрэймийн дараалалд толгой нь өөрчлөгдөөгүй хэвээр байна.

Алхам 8

Хөдөлгөөнт дүрсний дарааллыг шалгахын тулд Photoshop програмын Animation самбарыг нээж, дотор байгаа эсэхийг шалгана уу. Энэ мөчзөвхөн хөдөлгөөнт зургийн эхний кадр. Та хөдөлгөөнт дүрсээ хийхийн тулд шинэ хүрээ нэмж, давхаргыг асааж, унтрааж болно, гэхдээ хамгийн их хурдан аргаЭнэ нь самбарын гарч ирэх цэсний (баруун дээд) "Давхаргаас хүрээ хийх" командыг ашиглах явдал юм.
Эхний хүрээ нь хоосон дэвсгэр тул үүнийг сонгоод самбарын хогийн савны дүрс дээр (доод талд) дарж устгана уу.


6-р хэсэг: Гөлгөр болгох
7-р хэсэг: Бүтэц ба бүдэгрэл
8-р хэсэг: Хавтанцарын ертөнц

Өмнөх үг

Пикселийн урлагийн олон тодорхойлолт байдаг, гэхдээ бид энд үүнийг ашиглах болно: хэрэв энэ нь бүхэлдээ гараар хийгдсэн бол пиксел зургийн дүрс, зурсан пиксел бүрийн өнгө, байрлалыг хянах боломжтой. Пикселийн урлагт сойз, бүдгэрүүлэх хэрэгсэл, задлах машин (муудсан машин, тодорхойгүй байна) болон бусад "орчин үеийн" програм хангамжийн сонголтуудыг оруулахгүй байх нь дамжиггүй. устгах ", гэхдээ логикийн хувьд энэ нь илүү зөв юм шиг санагддаг). Энэ нь "харандаа", "бөглөх" гэх мэт хэрэгслүүдээр хязгаарлагддаг.

Гэсэн хэдий ч та пикселийн урлаг эсвэл пикселийн бус урлагийн графикийг их бага хэмжээгээр үзэсгэлэнтэй гэж хэлж болохгүй. Пиксел урлаг нь өөр бөгөөд чимэг тоглоомуудад (Super Nintendo эсвэл Game Boy гэх мэт) илүү тохиромжтой гэж хэлэх нь илүү шударга юм. Та энд сурсан техникээ пикселийн бус урлагийн эффектүүдтэй хослуулан эрлийз хэв маягийг бий болгож болно.

Тиймээс энд та пикселийн урлагийн техникийн хэсгийг сурах болно. Гэсэн хэдий ч би чамайг хэзээ ч зураач болгохгүй ... энгийн шалтгаанаар би бас зураач биш. Би чамд хүний ​​анатоми, урлагийн бүтцийг заахгүй, хэтийн төлөвийн талаар нэг их ярихгүй. Энэхүү гарын авлагаас та пикселийн зургийн аргын талаар маш их мэдээлэл олж авах боломжтой. Эцэст нь та анхаарлаа хандуулж, тогтмол дасгал хийж, эдгээр зөвлөмжийг хэрэгжүүлбэл тоглоомондоо дүр, үзэмжийг бүтээх чадвартай байх хэрэгтэй.

- Мөн энэ гарын авлагад ашигласан зургуудын зөвхөн заримыг нь томруулсан гэдгийг тэмдэглэхийг хүсч байна. Томруулж амжаагүй зургуудын хувьд эдгээр зургуудыг нарийвчлан судлахын тулд цаг гарган хуулж авбал сайн байх болно. Пикселийн урлаг бол пикселийн мөн чанар бөгөөд тэдгээрийг алсаас судлах нь утгагүй юм.

Эцэст нь би энэхүү гарын авлагыг бий болгоход нэг талаараа надтай нэгдсэн бүх зураачдад талархах ёстой: Шин, бохир ажил, зураасан урлагт нь, Ксеногидроген, өнгөт авьяас билгийнх нь төлөө, Лунн, хэтийн төлөвийн мэдлэгийн төлөө, мөн. Панда, ширүүн Ахруон, Даёо, Крён нар эдгээр хуудсуудыг дүрслэн харуулахад өгөөмөр хувь нэмэр оруулсан.

Ингээд яриандаа эргэн оръё.

1-р хэсэг: Зөв хэрэгсэл

Муу мэдээ: та энэ хэсэгт нэг ч пиксел зурахгүй! (Тэгээд энэ нь алгасах шалтгаан биш биз дээ?) Хэрвээ би тэвчихгүй гэдэг үг байдаг бол "муу багаж гэж байдаггүй, муу ажилчид л байдаг" гэсэн үг. Үнэндээ би юу ч үнэнээс хол байж чадахгүй гэж бодсон (магадгүй "чамайг алахгүй зүйл чамайг хүчирхэг болгодог" гэхээс бусад), мөн пикселийн урлаг, маш сайн нотолгоо. Энэхүү гарын авлага нь пикселийн урлагийг бүтээхэд ашигладаг төрөл бүрийн програм хангамжтай танилцаж, зөвийг сонгоход тань туслах зорилготой юм.

1. Зарим хуучин зүйлс

Пикселийн зураг бүтээх программ хангамжийг сонгохдоо хүмүүс ихэвчлэн “Програм хангамжийн сонголт уу? Энэ галзуу юм! Пикселийн урлагийг бүтээхэд бидэнд зөвхөн будаг л хэрэгтэй! (тоглолт, зураг, программ бололтой) ” эмгэнэлт алдааХ: Би муу багажны тухай ярьж байсан, энэ бол анхных нь. Paint нь нэг давуу талтай (мөн зөвхөн нэг): хэрэв та Windows үйлдлийн системтэй бол танд аль хэдийн байгаа. Нөгөө талаар түүнд маш их дутагдал бий. Энэ бол (бүрэн бус) жагсаалт юм:

* Та нэгээс олон файлыг нэгэн зэрэг нээх боломжгүй
* Палетт менежмент байхгүй.
* Давхарга, ил тод байдал байхгүй
* Тэгш өнцөгт бус сонголт байхгүй
* Цөөн тооны товч
* Аймаар эвгүй

Товчхондоо та Paint-ийн талаар мартаж болно. Одоо бид жинхэнэ програм хангамжийг харах болно.

2. Эцэст нь...

Хүмүүс дараа нь "За, Paint миний хувьд хэтэрхий хязгаарлагдмал тул би найздаа олон мянган боломж бүхий Photoshop (эсвэл Gimp эсвэл PaintShopPro) -ийг ашиглах болно" гэж боддог. Энэ нь сайн эсвэл муу байж болно: хэрвээ та эдгээр програмуудын аль нэгийг мэддэг бол пикселийн дүрслэлийг хийж болно (автоматаар өнгөлөх бүх сонголтыг идэвхгүй болгож, олон нэмэлт функцуудыг унтраах). Хэрэв та эдгээр программуудыг мэдэхгүй байгаа бол тэдгээрийн бүх функцийг ашиглах шаардлагагүй ч гэсэн та тэдгээрийг сурахад маш их цаг зарцуулах бөгөөд энэ нь цаг үрэх болно. Товчхондоо, хэрэв та тэдгээрийг аль хэдийн ашиглаж байгаа бол урт хугацаанд, та pixel art үүсгэж болно (би хувьдаа зуршилгүй Photoshop ашигладаг), гэхдээ өөр тохиолдолд пикселийн урлагт мэргэшсэн програмуудыг ашиглах нь хамаагүй дээр юм. Тиймээ, тэд байдаг.

3. Цөцгий

Таны бодож байгаагаас ч илүү олон пикселийн урлагийн програмууд байдаг, гэхдээ бид энд зөвхөн хамгийн сайныг нь авч үзэх болно. Тэд бүгд ижил төстэй шинж чанартай байдаг (палитрыг хянах, давтагдах хавтангуудыг урьдчилан харах, ил тод байдал, давхарга гэх мэт). Тэдэнд тав тухтай байдал, үнийн хувьд ялгаатай байдаг.

Charamaker 1999- сайн хөтөлбөр, гэхдээ түгээлт зогссон бололтой.

Graphics Gale нь илүү хөгжилтэй, хэрэглэхэд хялбар бөгөөд 20 орчим долларын үнэтэй байгаа нь тийм ч муу биш юм. Би нэмэх болно, туршилтын хувилбар нь цаг хугацаагаар хязгаарлагдахгүй бөгөөд хангалттай хийх хангалттай багцтай ирдэг сайн график. Зөвхөн энэ нь .gif-тэй ажиллахгүй, .png нь илүү сайн тул тийм ч асуудал биш юм.

Пиксел зураачдын хамгийн их ашигладаг программ хангамж нь ProMotion бөгөөд энэ нь Graphics Gale-ээс илүү хялбар бөгөөд хурдан юм. Тийм ээ, тэр үнэ цэнэтэй! та худалдан авч болно бүрэн хувилбарбага хэмжээгээр ... 50 евро ($78).
Mac найзуудаа мартаж болохгүй! Pixen бол Macintosh-д зориулсан сайн програм бөгөөд үнэ төлбөргүй байдаг. Харамсалтай нь надад Mac байхгүй тул илүү ихийг хэлж чадахгүй байна. Орчуулагчийн тэмдэглэл (Франц хэл): Линукс хэрэглэгчид (болон бусад хүмүүс) болон GrafX2 . Тэдгээрийг бүгдийг нь демо хувилбараар туршиж үзээд аль нь таны тав тухтай байдалд тохирохыг харахыг би танд уриалж байна. Эцсийн эцэст энэ бол амтны асуудал юм. Хэрэв та ямар нэгэн програмыг ашиглаж эхэлмэгц өөр зүйл рүү шилжих нь маш хэцүү байдаг гэдгийг санаарай.

Үргэлжлэл бий…

Франц хэлнээс англи хэл рүү орчуулагчийн тэмдэглэл

Энэ бол LesForges.org-ын Фил Разорбэкийн бичсэн пикселийн урлагийн гайхалтай гарын авлага юм. OpenGameArt.org-д эдгээр гарын авлагыг орчуулж, энд нийтлэхийг зөвшөөрсөн Фил Разорбэкт маш их баярлалаа. (Орчуулагчаас орос хэлээр: Би зөвшөөрөл хүсээгүй, хэрэв хэн нэгэн хүсвэл тусалж болно, надад англиар битгий хэл франц хэлээр харилцах хангалттай туршлага байхгүй).

Англиас Орос руу орчуулагчийн тэмдэглэл

Би программист хүн, зураач, орчуулагч биш, уран бүтээлч найзууддаа зориулж орчуулдаг, гэхдээ ямар сайн зүйл гээгдэв, энд байгаасай.
Франц хэл дээрх эх хувийг эндээс www.lesforges.org
Францаас англи хэл рүү орчуулах: opengameart.org/content/les-forges-pixel-art-course
Би франц хэл мэдэхгүй болохоор англи хэлнээс орчуулсан.
Тийм ээ, энэ бол миний анхны нийтлэл тул дизайны саналуудыг хүлээн авах боломжтой. Дээрээс нь асуулт бол үлдсэн хэсгүүдийг тусад нь нийтлэх үү, эсвэл үүнийг шинэчилж, нэмж оруулах нь дээр үү?

Хэрэв та хүүхэд байхдаа Lego тоглоомоор тоглох дуртай байсан бол (эсвэл насанд хүрсэн ч тоглож байгаа бол) та изометрийн пикселийн урлагийг сонирхох нь дамжиггүй. Энэ нь технологиос шалтгаалж, дүрслэл гэхээсээ илүү нарийн шинжлэх ухаан шиг байж болох юм. Гэхдээ ийм урлагт 3D хэтийн төлөв байдаггүй, та элементүүдийг хөдөлгөж болно орчинхамгийн энгийн байдлаар.

Энэ нь бидний бүтээх бусад ихэнх зүйлсийн пропорцийг тодорхойлоход туслах тул бид энэ дүрийг пикселийн зургийн логик лавлах цэг болгон бүтээх болно. Гэсэн хэдий ч эхлээд та изометрийн пикселийн урлагийн зарим үндсийг сурч, дараа нь дүр бүтээх рүү шилжих хэрэгтэй; Хэрэв та үндсийг сурч, шоо зурахыг хүсэхгүй байгаа бол 3-р алхам руу очно уу. Одоо эхэлцгээе.

1. Пикселийн шугамууд

Эдгээр мөрүүд нь изометрийн пикселийн урлагийн хамгийн түгээмэл (болон сонирхолтой) хэв маягийн үндэс болсон бөгөөд бидний энэ зааварт ашиглах болно.

Эдгээр нь пиксел бүрт хоёр пикселийн урттай байдаг. Ийм шугамууд нь харьцангуй зөөлөн харагддаг бөгөөд дөрвөлжин гадаргуу дээр ашиглагддаг.

Хамгийн түгээмэл хэрэглэгддэг шугамын бүтэц (доорх зурган дээрх шиг) сайн ажиллах боловч алхам бүрээр зураг илүү өнцөгтэй, бүдүүлэг болно.

Үүний эсрэгээр, тэгш бус бүтэцтэй шугамууд энд байна:

Маш өнцөгтэй, харагдахгүй

Үзэсгэлэнтэй. Тэдгээрийг ашиглахаас зайлсхий.

2. Эзлэхүүн

Бидний дүр изометрийн дүрмийг яг дагаж мөрдөхгүй тул эхлээд пропорцийг олохын тулд энгийн шоо бүтээцгээе.

Photoshop дээр нягтралтай шинэ документ үүсгэх 400x400px.

Би цэсийг ашиглан ижил файлд нэмэлт цонх нээх дуртай Цонх > Зохицуулах > Шинэ цонх/хичээл.(Цонх > Зохицуулах > Шинэ цонх...). Энэ нь нэмэгдэж ажиллах боломжийг олгодог 600% томруулах цонхонд үр дүнг дагана уу 100% . Сүлжээг ашиглах нь танаас л шалтгаална, гэхдээ заримдаа надад тус болохоос илүү залхмаар санагддаг.

Баримт бичгийг томруулж, нэг мөр үүсгэцгээе 2:1

Би ашиглахыг илүүд үздэг 5% харын оронд саарал өнгөтэй, ингэснээр би дараа нь сүүдэр (хар, бага тунгалаг) нэмж, шидэт балаар тус бүрийг тусад нь сонгох боломжтой болно.

Шугаман зурах хэд хэдэн арга байдаг:

1. Ашиглах Шугамын хэрэгсэл(Мөрийн хэрэгсэл) горимтой Пиксел(Пиксел) сонголтыг арилгасан Гөлгөр болгох(Anti-alias) ба зузаан 1px. Таныг зурах үед хазайлтын өнцгийн зөвлөмж гарч ирнэ 26.6°. Үнэн хэрэгтээ, Line хэрэгслийг тохиромжтой гэж нэрлэж болохгүй, хэрэв өнцөг нь зөв биш бол гөлгөр шугам үүсгэдэг.

2. Та сонголт хийх хэрэгтэй 20 x 40 пиксел, дараа нь K-г сонгоно уу харандаа(Харандаа хэрэгсэл) 1pxдараа нь товчлуурыг дарж сонголтын зүүн доод буланд цэг зурна уу Шилжилтбаруун талд дарна уу дээд булан. Photoshop автоматаар хоёр цэгийн хооронд шинэ шугам үүсгэх болно. Дадлага хийснээр та сонголтгүйгээр гөлгөр шугам үүсгэж болно.

3. Та хоёр пикселийг харандаагаар зурах хэрэгтэй, тэдгээрийг сонгоод, дарна уу Ctrl+Alt, дараа нь сонголтыг шинэ байршил руу чирж, пикселүүд булангаараа нийлнэ. Мөн та гар дээрх сумтай товчлууруудыг ашиглан сонголтыг зөөж болно өөр. Ийм аргыг нэрлэдэг Альтернатив офсет(Alt Nudge).

Энд бид эхний мөрийг үүсгэсэн. Үүнийг сонгоод 3-р алхамын адил зөөх, эсвэл зүгээр л хуулж буулгаад шинэ давхаргыг доош зөөнө. Үүний дараа цэсээр хоёр дахь мөрийг хэвтээ байдлаар эргүүлнэ Засварлах > Өөрчлөх > Хэвтээ эргүүлэх(Засварлах > Өөрчлөх > Хэвтээ эргүүлэх). Би энэ функцийг маш олон удаа ашигладаг тул гарны товчлол хүртэл хийсэн!

Одоо мөрүүдийг нэгтгэж үзье:

Дараа нь Alt-Offset-ийг дахин сонгоод хуулбарыг босоо байдлаар эргүүлж, хоёр талыг нэгтгэн гадаргууг дуусгана уу.

"Гурав дахь хэмжээс"-ийг нэмэх цаг болжээ. "Alt" товчийг дарж дөрвөлжин гадаргууг шилжүүлж, тийш шилжүүлнэ үү 44pxдоош:

Зөвлөмж: Хэрэв та хөдөлж байхдаа сум товчийг удаан дарвал Шилжилт, сонголт руу шилжих болно 10 нэгийн оронд пиксел.

Кубыг илүү цэвэрхэн харагдуулахын тулд квадратуудаас хамгийн зүүн болон баруун талын пикселүүдийг авч булангуудыг зөөлрүүлье. Үүний дараа босоо шугам нэмнэ:

Одоо шоо дөрвөлжин доод талд шаардлагагүй зураасыг арилга. Бидний дүрсийг будаж эхлэхийн тулд ямар ч өнгө (цайвар өнгийн сүүдэр сонгох нь дээр) сонгож, дээд дөрвөлжин хэсгийг дүүргэ.

Одоо сонгосон өнгөний тод байдлыг нэмэгдүүлээрэй 10% (Би хяналтын самбар дээрх HSB гулсагчийг ашиглахыг зөвлөж байна) өнгөт дөрвөлжингийн урд талын дагуу хөнгөн булангуудыг зурах. Бид шоо бага зэрэг тайрсан тул доорх зурган дээрх шиг эдгээр цайвар зураасууд хар ирмэг дээр (тэдгээрийг солихын оронд) илүү сайхан харагдах болно.

Одоо бид хар ирмэгийг арилгах хэрэгтэй. Баллуурт зориулж хоёр дахь шугам зурах аргыг ашиглана уу (үүнийг хэвийн болгох хэрэгтэй баллуур хэрэгсэл(Балгуур хэрэгсэл) горим Харандаа(Харандааны горим), Зузаан 1px).

Дээд талын дөрвөлжингийн өнгийг сонгоно уу Пипеткүүд(Дусаах хэрэгсэл). Энэ хэрэгслийг хурдан сонгохын тулд харандаа эсвэл дүүргэгчээр зурахдаа товчлуурыг дарна уу өөр. Үүссэн дусаагуурын өнгийг ашиглан шоо дөрвөлжин дундах босоо шугамыг бөглөнө үү. Үүний дараа өнгөний тод байдлыг бууруулна 15% мөн кубын зүүн талыг үүссэн өнгөөр ​​дүүргэнэ. Гэрэлтүүлгийг цаашид бууруулна уу 10% баруун талын хувьд:

Манай шоо дууссан. Томруулж харахад цэвэрхэн, харьцангуй гөлгөр харагдах ёстой. 100% . Бид үргэлжлүүлж болно.

3. Тэмдэгт нэмэх

Дүрийн хэв маяг нь огт өөр байж болно, та пропорц эсвэл элементүүдийг хүссэнээрээ өөрчлөх боломжтой. Дүрмээр бол би нимгэн биетэй, бага зэрэг том толгойтой болгодог. Дүрийн туранхай бие нь мөрүүдийг шулуун, энгийн байлгахад тусалдаг.

Нүднээс эхлэх нь логиктой байх болно. Хэрэв бид изометрийн өнцөгт хатуу ханддаг байсан бол нүүрэн дээр нэг нүд нь доогуур байх ёстой, гэхдээ бага хэмжээгээр бид дүрүүдийн царайг илүү тааламжтай болгохын тулд энэ шинж чанарыг үл тоомсорлож болно. Энэ нь хэмжээнээс үл хамааран зургийг цэвэрхэн болгоно.

Хэсэг хугацааны дараа та машин, байшин, бүхэл бүтэн талбай эсвэл бүр хотыг нэмж оруулахыг хүсч болох тул бид дүрийг жижиг болгодог. Тиймээс дүр нь зураг дээрх хамгийн жижиг элементүүдийн нэг байх ёстой. График үр ашгийг мөн анхаарч үзэх хэрэгтэй; дүрийг аль болох цөөн пикселээр (нүүрний онцлогийг илэрхийлэхэд хангалттай том) сэтгэл татам болгохыг хичээ. Үүнээс гадна жижиг объектуудыг зурах нь илүү хялбар байдаг. Үл хамаарах зүйл бол та зөвхөн зан чанар, тэдний сэтгэл хөдлөл, эсвэл хэн нэгэнтэй төстэй байдлыг харуулахыг хүсдэг.

Шинэ давхарга үүсгэцгээе. Нүдэнд зөвхөн хоёр пиксел хэрэгтэй - нүд тус бүрт нэг, хооронд нь хоосон пиксел байна. Нүдний зүүн талд нэг пиксел алгасаад босоо шугам нэмнэ:

Одоо өөр давхаргыг нэмж, 2px хэвтээ тууз зур, энэ нь ам байх болно. Гар дээрх сумыг ашиглан хөдөлгөж, төгс байрлалыг олох үед давхаргыг доошлуул. Эрүүтэй ижил зүйлийг хий, энэ нь зүгээр л урт шугам байх ёстой:

Үс болон толгойн оройг дуусгаад буланг нь зөөлрүүлнэ. Та иймэрхүү зүйлийг авах ёстой:

Одоо хоёр дахь нүдний хажууд хоосон пиксел үлдээж, хажуугийн нүүр (энэ нь дүрийн чихийг зурахад туслах болно) болон үсний шугам хүртэл хэд хэдэн пиксел нэмнэ. Дараа нь дахиад нэг хоосон пиксел үлдээгээрэй, энэ нь чихний эхлэл ба толгойн төгсгөлийг харуулсан шугам юм. Үргэлжлүүлэн шугамын булангуудыг зөөлрүүлээрэй.

Чихний дээд хэсэгт пиксел нэмж, хэрэв хүсвэл толгойг нь өөрчил. Толгойг ихэвчлэн хүзүүний хэсэгт зурсан байдаг.

Эрүүнээс шугам зур - энэ нь цээж байх болно. Хүзүүний эхлэл нь чихэнд, хэдэн пиксел доошоо, хэд хэдэн пикселийн диагональ байх бөгөөд ингэснээр бидний дүрийн мөр харагдах болно.

Одоо мөрний төгсгөлд урттай босоо шугам нэмнэ 12 пикселээр гарны гадна талыг хийх ба дотоод тал нь зүүн тийш хоёр пиксел байх болно. Гар / нударга хийхийн тулд доод талд байгаа мөрүүдийг хэд хэдэн пикселээр холбоно уу (манай тохиолдолд нарийн ширийн зүйл байхгүй тул энэ элементийг анхаарч үзэх хэрэггүй) гар дуусах газраас дээш шугам нэмнэ үү. 2:1 , бүсэлхийн үүрэг гүйцэтгэх болно, дараа нь цээжний шугамыг зурж, дууссан дээд биеийг авна. Баатрын нөгөө гар нь харагдахгүй байгаа ч их биеээр бүрхэгдсэн тул сайхан харагдах болно.

Та үүнтэй төстэй зүйлийг дуусгах ёстой:

Мэдээжийн хэрэг, та хүссэн харьцаагаа ашиглаж болно; Би зурахыг илүүд үздэг янз бүрийн хувилбаруудаль нь хамгийн сайн болохыг шийдэхийн өмнө зэрэгцэн.

Одоо их биеийн доод хэсгийн хувьд бид хэд хэдэн зүйлийг нэмнэ босоо шугамууд. Би явах дуртай 12 ул болон бүсэлхийн хоорондох пиксел. Хөл нь зурахад маш хялбар, та зүгээр л нэг хөлөө бага зэрэг урт болгох хэрэгтэй бөгөөд энэ нь дүрийг илүү том харагдах боломжийг олгоно.

Одоо бид өнгө нэмэх болно. Сайхан арьсны өнгийг олох нь үргэлж хэцүү байдаг тул хэрэв та энэ зааварт байгаатай ижил өнгийг ашиглахыг хүсвэл түүний код нь дараах байдалтай байна. #FCCA5. Үлдсэн элементүүдийн өнгөний зохицол нь асуудал биш байх ёстой. Үүний дараа ханцуйны урт, цамцны зүсэлтийн байрлал, хэв маягийг тодорхойлно. Одоо цамцыг биеэс нь салгахын тулд харанхуй судал нэмнэ. Би бүх гоёл чимэглэлийн элементүүдийг хараас илүү хөнгөн болгохыг илүүд үздэг (ялангуяа олон элемент ижил түвшинд байх үед, жишээлбэл, цамцнаас савхин эсвэл өмд хүртэл). Энэ нь танд шаардлагатай тодосгогчийг авах боломжийг олгодог бөгөөд зураг нь хэтэрхий бүдүүлэг биш байх болно.

Та бараг бүх өнгөний бүсэд гэрлийн эффект нэмж болно. Хэт олон сүүдэр эсвэл градиент ашиглахаас зайлсхий. Хэдэн пиксел илүү ( 10% эсвэл 25% ) элементүүдийг гурван хэмжээст болгож, зургийн тэгш байдлыг арилгахын тулд цайвар эсвэл бараан өнгө хангалттай. Хэрэв та аль хэдийн байгаа хэсэгт тод өнгө нэмэхийг хүсвэл 100% гэрэл гэгээтэй бол түүний ханалтыг бууруулж үзээрэй. Зарим тохиолдолд (жишээлбэл, үс зурах үед) энэ нь сүүдрийг өөрчлөх сайн арга байж болно.

Та үсний олон сонголтыг туршиж үзэж болно. Энд зарим санаанууд байна:

Хэрэв та дүр бүтээсээр байвал хувцасны хэв маяг, ханцуйны урт, өмдний урт, дагалдах хэрэгсэл, хувцас, арьсны өнгө гэх мэт жижиг зүйлүүд олон янз байх болно.

Одоо хийх зүйл бол хоёр элементийг нийлүүлж, ижил нөхцөлд хэрхэн харагдахыг үнэлэх явдал юм.

Хэрэв та бүтээлээ экспортлохыг хүсвэл PNG нь хамгийн тохиромжтой формат юм.

Энэ бол ажил дууссан!

Энэ хичээл хэтэрхий будлиангүй байх гэж найдаж байна. Би хамгийн олон тооны зөвлөмж, гоо зүйн заль мэхийг хамарсан гэж бодож байна. Та өөрийн изометрийн пикселийн ертөнцийг чөлөөтэй өргөжүүлж болно - барилга, машин, дотоод засал, гадна. Энэ бүгдийг хийх нь тийм ч хялбар биш ч боломжтой бөгөөд бүр сонирхолтой юм.

Орчуулагч:Шаповал Алексей

Пикселийн түвшинд зурах нь маш чухал үүрэг гүйцэтгэдэг дүрслэх урлаг. Энгийн пикселийн тусламжтайгаар жинхэнэ бүтээлүүд бий болно. Мэдээжийн хэрэг, та ийм зургийг цаасан хуудсан дээр хийж болно, гэхдээ график засварлагч ашиглан зураг зурах нь илүү хялбар бөгөөд илүү зөв юм. Энэ нийтлэлд бид ийм програм хангамжийн төлөөлөгч бүрийг нарийвчлан шинжлэх болно.

Пикселийн түвшинд ажиллах чадвартай дэлхийн хамгийн алдартай график засварлагч. Энэ засварлагч дээр ийм зураг үүсгэхийн тулд та хэд хэдэн урьдчилсан тохиргоог хийх хэрэгтэй. Уран бүтээлч хүнд уран бүтээл хийхэд хэрэгтэй бүх зүйл энд бий.

Гэхдээ нөгөө талаас пикселийн урлагийг зурахад ийм элбэг дэлбэг функц шаардагдахгүй тул хэрэв та үүнийг зөвхөн тодорхой функцэд ашиглах гэж байгаа бол програмыг хэт их мөнгө төлөх нь утгагүй болно. Хэрэв та эдгээр хэрэглэгчдийн нэг бол бид танд пикселийн график дээр онцгой анхаарал хандуулдаг бусад төлөөлөгчдөд анхаарлаа хандуулахыг зөвлөж байна.

PyxelEdit

Энэхүү програм нь ийм зураг бүтээхэд шаардлагатай бүх зүйлтэй бөгөөд зураачдад хэзээ ч хэрэггүй шинж чанаруудаар дүүрэн биш юм. Тохируулга нь маш энгийн бөгөөд өнгөт палитр дээр ямар ч өнгийг хүссэн өнгө болгон өөрчлөх боломжтой бөгөөд цонхны чөлөөтэй хөдөлгөөн нь програмыг өөртөө тохируулахад тусална.

PyxelEdit нь ижил төстэй контент бүхий объектуудыг бүтээхэд хэрэг болохуйц хавтангаас зотон хийх функцтэй. Туршилтын хувилбарыг албан ёсны вэбсайтаас татаж авах боломжтой бөгөөд ашиглахад хязгаарлалт байхгүй тул та худалдан авалт хийхээсээ өмнө бүтээгдэхүүнийг мэдрэх боломжтой.

Pixelformer

Гадаад төрх байдал, функциональ байдлын хувьд энэ бол хамгийн түгээмэл график засварлагч бөгөөд зөвхөн пикселийн дүрс үүсгэх хэд хэдэн нэмэлт функцтэй байдаг. Энэ бол үнэ төлбөргүй тараагддаг цөөхөн програмуудын нэг юм.

Хөгжүүлэгчид бүтээгдэхүүнээ пикселийн урлагийг бий болгоход тохиромжтой гэж үздэггүй, тэд үүнийг нэрлэдэг гайхалтай аргалого, дүрс зурах.

График Гейл

Бараг бүх ийм програм хангамжид тэд зургийн хөдөлгөөнт системийг нэвтрүүлэхийг оролддог бөгөөд энэ нь ихэвчлэн ашиглах боломжгүй байдаг. хязгаарлагдмал шинж чанаруудболон буруу хэрэгжилт. GraphicsGale дээр ч гэсэн бүх зүйл тийм ч сайн биш, гэхдээ ядаж энэ функцийг хэвийн ажиллах боломжтой.

Зургийн хувьд бүх зүйл редакторуудын дийлэнхтэй яг адилхан: үндсэн функцууд, том өнгөт палитр, олон давхарга үүсгэх чадвартай бөгөөд ажилд саад болох нэмэлт зүйл байхгүй.

дүр бүтээгч

Character Maker 1999 бол хамгийн эртний ийм хөтөлбөрүүдийн нэг юм. Энэ нь бие даасан тэмдэгтүүд эсвэл элементүүдийг үүсгэхийн тулд бүтээгдсэн бөгөөд дараа нь бусад программуудад хөдөлгөөнт дүрслэл хийх эсвэл суулгасан болно. Компьютер тоглоом. Тиймээс уран зураг бүтээхэд тийм ч тохиромжтой биш юм.

Интерфейс нь тийм ч сайн биш юм. Бараг ямар ч цонхыг хөдөлгөж, хэмжээг нь өөрчлөх боломжгүй бөгөөд өгөгдмөл байршил нь тийм ч сайн биш юм. Гэсэн хэдий ч та үүнд дасаж болно.

Pro Motion NG

Энэ програм нь сайн бодож боловсруулсан интерфэйсээс эхлээд бүх зүйлд тохиромжтой бөгөөд цонхыг үндсэн цонхноос хамааралгүйгээр дурын цэг рүү шилжүүлж, хэмжээг нь өөрчлөх боломжтой, мөн дусаагуураас харандаа руу автоматаар солих боломжтой. Энэ бол зүгээр л гайхалтай тохиромжтой функц юм.

Үгүй бол Pro Motion NG бол ямар ч түвшний пикселийн урлагийг бүтээхэд тохиромжтой програм хангамж юм. Туршилтын хувилбарыг албан ёсны вэбсайтаас татаж аваад бүрэн хувилбарыг нь цаашид худалдаж авах шийдвэр гаргахын тулд туршиж үзэх боломжтой.

Асеприт

Үүнийг пикселийн урлагийг бий болгох хамгийн тохиромжтой, үзэсгэлэнтэй програм гэж үзэж болно. Зөвхөн интерфэйсийн дизайн нь үнэ цэнэтэй зүйл боловч энэ нь Aseprite-ийн бүх давуу тал биш юм. Энэ нь зургийг хөдөлгөөнтэй болгох чадвартай боловч өмнөх төлөөлөгчдөөс ялгаатай нь энэ нь зөв хэрэгжиж, хэрэглэхэд тохиромжтой. Үзэсгэлэнт GIF хөдөлгөөнт дүрсийг бүтээх бүх зүйл бий.