Pixel Art (Pixel Art) - англи хэлнээс pixel art гэж орчуулагдсан. Пиксел нь эргээд дижитал зургийн хамгийн жижиг график элемент юм.
Тэгэхээр Pixel Art гэдэг нь шууд утгаараа пикселээр зурах урлаг гэсэн үг юм.
Тодорхой болгохын тулд энэ жишээг харцгаая.
Owlboy (пиксел урлагийн тоглоом)
Pixel Art загварын графиктай тоглоомууд иймэрхүү харагдаж байна.
Маш олон удаа ийм графикуудыг инди тоглоомуудад ашигладаг, учир нь тэдгээр нь маш танигдсан компьютер тоглоомын хэв маягтай байдаг.
Гэсэн хэдий ч Pixel Art нь зөвхөн график биш, spritesболон тоглоомын зураг, энэ бол дижитал болон график урлагийн бүхэл бүтэн чиглэл юм.
Pixel art ашиглан үзэсгэлэнтэй зургуудыг зурж болно:
Та энэ чимэг график хэв маягийг юутай ч андуурахгүй.
Энэ хэв маягийн зарим зургууд нь таны ширээний компьютер дээр байр сууриа эзлэх нь зүйтэй юм. 
Энэ хэв маягаар ажилладаг маш дажгүй уран бүтээлчид бас байдаг.
Энэ зургийг хар. Эндхийн пиксел бүрийг тусад нь болон гараар зурсан. Энэ нь өмнөх шигээ мозайк эвлүүлсэнтэй адил бөгөөд одоо ч үүнийг хийсээр байна.
Хэрэв бид энэ зургийг томруулж үзвэл бүх зүйл хэрхэн хийгдсэнийг ойроос харж болно.
Пикселийн урлагийн өвөрмөц хэв маяг нь өнгөний шилжилт нь нэлээд тодорхой бөгөөд эсрэг заалтгүй байдаг. Жишээлбэл, харьцангуй дундаж түвшний дижитал графикийн өөр нэг ажлыг авч үзье нүдний шилтэй охины зураг(18+) www.econdude.pw блог дээр.
Энэ бол SAI2.0 програмын компьютерийн хулгана бүхий зураг юм.
Гэсэн хэдий ч, хэрэв та энэ зургийг томруулж үзвэл, та эсрэг заалтыг харж болно:
Өнгө, сүүдэрт тодорхой шилжилт байхгүй, харин пикселийн урлагт шилжилтүүд тодорхой байдаг.
Жишээлбэл, та пикселийн урлагт өнгө хоорондын шилжилтийг хэрхэн хийж болохыг хараарай.
Энэ бол ойролцоох зураг бөгөөд хэрэв та үүнийг өндөр нарийвчлалтай холоос харвал өнгөний шилжилт нэлээд жигд байх болно, гэхдээ хэв маягийн тод байдал, тууштай байдал энд харагдаж байна.
Өөр нэг жишээ энд байна, энэ бол сонгодог даршилсан ногоотой урлагийн хэв маягийн зураг юм.
http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih
Ойртоод ирэхэд зураг нь тийм ч гоё биш мэт санагдах ч пикселийн урлагийг холоос, өндөр нарийвчлалтай харвал гайхалтай харагдах болно.
Ийм уран бүтээлчдийн хийж буй агуу ажлыг та төсөөлж байна уу?
Заримдаа тэд Pixel Art-ыг ийм аргаар хийдэг, учир нь энэ нь хямд байдаг гэж хэлдэг, тэд инди хөгжүүлэгчдэд орчин үеийн 3D график бүтээх нөөц байхгүй, тиймээс тэд өөрсдийн бодож чадах хамгийн энгийн зүйлийг ашигладаг гэж хэлдэг. график редакторуудпиксел.
Гэсэн хэдий ч, Pixel Art хэв маягаар ямар нэгэн зүйл зурсан хэн бүхэн энэ нь нөөцийн хувьд бараг хамгийн үнэтэй график загвар гэдгийг хэлэх болно (нэгдүгээрт цаг хугацаа).
Pixel Art хэв маягийн хөдөлгөөнт дүрс нь ерөнхийдөө тамын ажил юм.
http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/
Тиймээс Pixel Art бол "залхуу хэв маяг" гэдгийг нотлох шаардлагатай хэвээр байгаа бөгөөд эсрэгээрээ энэ нь хамгийн залхуу график хэв маяг биш гэж би хэлэх болно.
Гэсэн хэдий ч хэн ч Pixel Art хэв маягаар энгийн зүйлийг зурж сурах боломжтой бөгөөд танд ямар нэгэн тусгай програм хэрэггүй, энгийн график засварлагч байхад л хангалттай.
Хэрэв та энэ хэв маягаар хэрхэн зурж сурахыг хүсч байвал бусад тохиолдлын нэгэн адил танд маш их дадлага хийх шаардлагатай бөгөөд жишээлбэл, Хабрегийн нийтлэлээс эхэлж болно. Пиксел зургийн курс
Тэнд та мөн пикселийн урлагийн үндсэн зарчмуудыг олох болно.
Анхан шатны түвшинд пикселийн урлаг (хурдасгасан видео - хурдны зураг) зурах нэг жишээ энд байна:
Pixelart:: сансрын хөлөг зурах
Заримдаа ордог энэ хэв маягТэд үнэхээр галзуу зураг зурдаг, би үүнийг хүн зурсан гэдэгт итгэхгүй байна, үүнд хэр их цаг зарцуулсныг мэдэхийг хүсч байна. Жишээ:
https://www.youtube.com/watch?v=vChMzRnw-Hc
StarCraft-ээс Сара Карриганы энэ зургийг харж байна уу? Энэ юу вэ, яаж хийсэн гэж та бодож байна вэ?
Энэ хүн үүнийг Minecraft тоглоомын блокуудаас барьсан бөгөөд ажил 23 долоо хоног үргэлжилсэн.
Ойролцоогоор харахад эдгээр нь бүгд тусдаа блокууд гэдгийг харж болно.
Албан ёсоор энэ бол пикселийн урлаг байхаа больсон, тэр ч байтугай "minecraft блок урлаг" боловч хэв маягийн мөн чанар нь хэвээр байгаа бөгөөд энэ нь хамгийн том пикселийн зургийн зураг бөгөөд дэлхийн дээд амжилт юм.
Үнэн хэрэгтээ, хэрэв та ямар ч зураг, зургийг сайтар ажиглавал энэ нь ерөнхийдөө ямар ч зураг шиг пикселээс бүрддэг нь ойлгомжтой. Гэхдээ бүх ялгаа нь пикселийн урлагийг гараар, пикселээр пикселээр бүтээдэг.
Өөр нэг жишээ бол зураач, аниматорууд Пол Робертсон, Иван Диксон нар үүнийг бүтээжээ.
Энд асар их ажлын мэдрэмж байдаг, тэр ч байтугай заримыг нь ашиглах үед нэмэлт хэрэгсэл(Зургийг пикселийн урлаг болгон хувиргадаг шүүлтүүрүүд байдаг) энэ нь маш удаан үргэлжлэх болно.
Би хувьдаа Pixel Art хэв маягийн зургуудыг орчин үеийн хамгийн бодит урлаг гэж боддог илүү сайн мэдрэмжэнэ үг.
Pixel Art зураг бүр нь маш тодорхой үнэ цэнэтэй бөгөөд харагдахуйц, мэдрэгддэг.
Үүнийг сайн ойлгодоггүй хүн ч гэсэн үүнийг үнэлж чадна.
Гэсэн хэдий ч харамсалтай нь энэ төрлийн урлагийн төрөл тийм ч түгээмэл биш бөгөөд одоо хуучирсан гэж тооцогддог бөгөөд энэ төрөлд буцаж ирэв. сүүлийн жилүүдэд pixel art-ын хэв маягаар steam-аас олон тоглоом хэлбэрээр хүмүүс бас уйдаж эхэлж байна. Хэдийгээр би хувьдаа энэ чимэг график хэв маяг аль хэдийн сонгодог болсон, жинхэнэ сонгодог хэзээ ч үхэхгүй гэж боддог.
" itemprop = "зураг">
Энэхүү 10 алхамтай Pixel Art хэрхэн зурах тухай зааварт би "спрайт" (ганц 2 хэмжээст дүр эсвэл объект) хэрхэн бүтээхийг заах болно. Энэ нэр томъёо нь мэдээж видео тоглоомуудаас гаралтай.
Миний тоглоомын графикт хэрэгтэй байсан тул би пикселийн урлагийг хэрхэн бүтээх талаар сурсан. Олон жил хичээллэсний эцэст би үүнийг эзэмшиж, пикселийн урлаг бол зүгээр нэг хэрэгсэл гэхээсээ илүү урлаг гэдгийг ойлгож эхэлсэн. Өнөөдөр пикселийн урлаг нь тоглоом хөгжүүлэгчид болон зураачдын дунд маш их алдартай.
Энэхүү заавар нь пикселийн урлагийг бүтээх энгийн ойлголтуудыг хүмүүст заах зорилгоор олон жилийн өмнө бүтээгдсэн боловч олон удаа шинэчлэгдсэн тул анхны хувилбараас эрс ялгаатай болсон. Интернет дээр ижил сэдвээр олон хичээл байдаг, гэхдээ тэдгээр нь бүгд надад хэтэрхий төвөгтэй эсвэл урт юм шиг санагддаг. пикселийн урлаг бол шинжлэх ухаан биш. Пикселийн зургийг бүтээхдээ векторыг тооцоолох ёсгүй.
Багаж хэрэгсэл
Пикселийн урлагийг бүтээх гол давуу талуудын нэг нь танд ямар ч нэмэлт хэрэгсэл хэрэггүй - таны компьютер дээр суулгасан график засварлагч нь хангалттай байх ёстой. Pro Motion эсвэл Pixen (Mac хэрэглэгчдэд зориулсан) гэх мэт пикселийн урлагийг бүтээхэд тусгайлан зориулсан програмууд байдгийг дурдах нь зүйтэй. Би тэдгээрийг өөрөө туршиж үзээгүй ч олон эерэг санал сонссон. Энэ зааварт би Photoshop ашиглах болно, гэхдээ энэ нь маш их зардалтай боловч маш их зүйлийг агуулдаг ашигтай хэрэгсэлурлагийг бүтээх, тэдгээрийн зарим нь пикселжүүлэхэд маш хэрэгтэй байдаг.
Photoshop дээр пикселийн зургийг хэрхэн зурах вэ
Photoshop програмыг ашиглах үед таны гол зэвсэг нь Brush хэрэгслийн өөр хувилбар болох Харандаа хэрэгсэл (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 ашигладаг тул бид үүнд анхаарлаа хандуулах болно.
Өнгө– Өнгө гэдэг нь бидний өнгө гэж нэрлэдэг байсан зүйл юм.
Ханалт– Ханалт – өнгөний эрчмийг тодорхойлно. Хэрэв утга нь 100% бол энэ нь хамгийн их гэрэлтүүлэг юм. Хэрэв та үүнийг доошлуулбал өнгө нь уйтгартай болж, "саарал" болно.
Гэрэлтүүлэг- өнгө ялгаруулдаг гэрэл. Жишээлбэл, хар арьст хүний хувьд энэ үзүүлэлт 0% байна.
Өнгө сонгох
Аль өнгийг сонгохоо шийдэх нь таны сонголт боловч хэд хэдэн зүйлийг анхаарч үзэх хэрэгтэй.
- Уйтгартай, ханасан өнгө нь хүүхэлдэйн киноноос илүү бодитой харагддаг.
- Өнгөт дугуйны талаар бодоорой: дугуйн дээр хоёр өнгө хол байх тусам тэд нийлдэг. Үүний зэрэгцээ бие биентэйгээ ойрхон байдаг улаан, улбар шар нь хамтдаа гайхалтай харагдаж байна.
- Илүү олон өнгө хэрэглэх тусам таны зурсан зураг улам бүдэгрэх болно. Тиймээс хэд хэдэн үндсэн өнгийг сонгоод хэрэглээрэй. Супер Марио нэгэн цагт зөвхөн бор, улаан өнгийн хослолоор бүтээгдсэн гэдгийг санаарай.
Өнгө хэрэглэх
Өнгө түрхэх нь маш энгийн. Хэрэв та Photoshop ашигладаг бол хүссэн фрагментийг сонгоод шидэт балаар (W товчлуур) сонгоод үндсэн өнгө (Alt-F) эсвэл нэмэлт өнгө Ctrl-F-ээр дүүргэ.
Сүүдэрлэх
Сүүдэрлэх нь пикселийн хагас бурхан болох эрэл хайгуулын хамгийн чухал хэсгүүдийн нэг юм. Энэ үе шатанд спрайт нэг бол илүү сайхан харагдаж эхэлдэг эсвэл хачин бодис болж хувирдаг. Миний зааврыг дагаж, та амжилтанд хүрэх нь гарцаагүй.
Нэгдүгээр алхам: гэрлийн эх үүсвэр сонгох
Эхлээд бид гэрлийн эх үүсвэрийг сонгоно. Хэрэв таны спрайт чийдэн, бамбар гэх мэт өөрийн гэрэлтүүлгийн эх үүсвэртэй том фрагментийн нэг хэсэг бол. Мөн тэд бүгд спрайт хэрхэн харагдахад өөр өөр нөлөө үзүүлдэг. Ямар ч байсан нар гэх мэт алс холын гэрлийн эх үүсвэрийг сонгох нь гайхалтай санааихэнх пикселийн зургийн хувьд. Жишээлбэл, тоглоомуудын хувьд та хамгийн тод спрайт үүсгэх хэрэгтэй бөгөөд дараа нь хүрээлэн буй орчинд тохируулж болно.
Би ихэвчлэн спрайтын урд талын хаа нэгтээ алсын гэрлийг сонгохыг сонгодог бөгөөд ингэснээр спрайтын зөвхөн урд болон дээд хэсгийг гэрэлтүүлж, үлдсэн хэсгийг нь сүүдэрлэдэг.
Хоёрдугаар алхам: шууд сүүдэрлэх
Гэрлийн эх үүсвэрийг сонгосны дараа бид түүнээс хамгийн алслагдсан хэсгүүдийг харанхуйлж эхэлнэ. Манай гэрэлтүүлгийн загвар нь толгойн доод хэсэг, гар, хөл гэх мэтийг сүүдэрт бүрхэх ёстой гэж заадаг.
Хавтгай зүйл сүүдэрлэж чадахгүй гэдгийг санацгаая. Нэг цаас аваад, үрчийж, ширээн дээр өнхрүүл. Энэ нь хавтгай биш болсныг яаж мэдсэн бэ? Та зүгээр л түүний эргэн тойронд сүүдэр харсан. Хувцас, булчин, үслэг эдлэл, арьсны өнгө гэх мэт атираа зэргийг онцлон харуулахын тулд сүүдэрлэх аргыг ашигла.
Гуравдугаар алхам: Зөөлөн сүүдэр
Зөөлөн сүүдэр үүсгэхийн тулд эхнийхээс хөнгөн хоёр дахь сүүдэрийг ашиглах хэрэгтэй. Энэ нь шууд гэрэлтүүлэггүй газруудад зайлшгүй шаардлагатай. Тэдгээрийг мөн цайвараас харанхуй газар, тэгш бус гадаргуу дээр шилжүүлэхэд ашиглаж болно.
Дөрөвдүгээр алхам: гэрэлтүүлэгтэй газрууд
Шууд гэрлийн туяа хүлээн авдаг газруудыг мөн тодруулах шаардлагатай. Сүүдэрээс цөөн тодотголтой байх ёстой гэдгийг тэмдэглэх нь зүйтэй, эс тэгвээс тэдгээр нь шаардлагагүй анхаарал татах болно, өөрөөр хэлбэл тэд тодрох болно.
Нэг энгийн дүрмийг санаж, толгойн өвчнөөс өөрийгөө хамгаалаарай: эхлээд сүүдэр, дараа нь онцлох зүйл. Шалтгаан нь энгийн: хэрэв сүүдэр байхгүй бол хэт том хэлтэрхийнүүд гарч ирэх бөгөөд сүүдэр түрхэхэд тэдгээрийг багасгах шаардлагатай болно.
Хэд хэдэн ашигтай дүрэм
Сүүдэр нь эхлэгчдэд үргэлж сорилт болдог тул сүүдэрлэхдээ дагаж мөрдөх хэд хэдэн дүрмийг энд оруулав.
- Градиент бүү ашигла. Эхлэгчдэд гаргадаг хамгийн нийтлэг алдаа. Градиент нь аймшигтай харагддаг бөгөөд гэрэл гадаргуу дээр хэрхэн тоглуулж байгааг ч барагдуулдаггүй.
- Зөөлөн сүүдэрлэж болохгүй. Сүүдэр нь контураас хэт хол байх нөхцөл байдлын талаар би ярьж байна, учир нь энэ нь маш бүдэг харагдаж, гэрлийн эх үүсвэрийг тодорхойлохоос сэргийлдэг.
- Хэт олон сүүдэр бүү ашигла. “Илүү олон өнгө байх тусмаа зураг илүү бодитой” гэж бодоход амархан. Энэ нь ямар ч байсан, in бодит амьдралБид аливаа зүйлийг харанхуй эсвэл гэрлийн спектрээр харж дассан бөгөөд бидний тархи хоорондын бүх зүйлийг шүүнэ. Зөвхөн хоёр бараан (харанхуй ба маш бараан) ба хоёр цайвар (цайвар ба маш цайвар) хэрэглэж, тэдгээрийг нэг нэгнийхээ дээр биш харин үндсэн өнгө дээр давхарлана.
- Хэт ижил төстэй өнгийг бүү ашигла. Хэрэв та үнэхээр бүдэг спрайт хийхийг хүсэхгүй л бол бараг ижил өнгийг ашиглах шаардлагагүй.
Дитеринг
Өнгө хадгалах нь пикселийн урлагийг бүтээгчид үнэхээр анхаарах ёстой зүйл юм. Илүү олон өнгө хэрэглэхгүйгээр илүү их сүүдэр авах өөр нэг арга бол dithering гэж нэрлэгддэг. Уламжлалт уран зураг нь "ангаахай" болон "загалмай" ашигладагтай адил, өөрөөр хэлбэл та хоёр өнгөний хооронд ямар нэгэн зүйлийг олж авдаг.
Энгийн жишээ
Дитеринг ашиглан хоёр өнгөнөөс дөрвөн сүүдэрлэх сонголтыг хэрхэн үүсгэж болох энгийн жишээ энд байна.
Нарийвчилсан жишээ
Дээрх зургийг (Photoshop програмын градиент ашиглан бүтээсэн) dithering ашиглан гурван өнгөөр бүтээсэн зурагтай харьцуул. "Зэргэлдээх өнгө" үүсгэхийн тулд өөр өөр хэв маягийг ашиглаж болно гэдгийг анхаарна уу. Хэрэв та өөрөө хэд хэдэн загвар хийвэл зарчмыг ойлгоход хялбар байх болно.
Өргөдөл
Цөөн тооны өнгөт палитраас шалтгаалж эрт үеийн олон видео тоглоомууд техникийг ихээхэн ашигладаг байсан тул догдлох нь таны спрайтад гайхалтай чимэг дүр төрхийг өгч чадна (хэрэв та эргэлдэх олон жишээг харахыг хүсвэл Sega-д зориулсан тоглоомуудыг үзээрэй. Эхлэл). Би өөрөө энэ аргыг тийм ч их ашигладаггүй, гэхдээ боловсролын зорилгоор үүнийг манай спрайт дээр хэрхэн ашиглаж болохыг харуулах болно.
Та өөрийн сэтгэлд нийцүүлэн dither ашиглаж болно, гэхдээ цөөхөн хүн үүнийг маш сайн ашигладаг гэдгийг тэмдэглэх нь зүйтэй.
Сонгомол контур хийх
Сонгомол контур буюу сонгосон тойм гэж нэрлэдэг нь контурын сүүдэрлэх дэд төрөл юм. Хар шугам ашиглахын оронд бид таны спрайт дээр илүү зохицсон өнгө сонгох болно. Нэмж дурдахад бид энэ тоймыг спрайтын ирмэг рүү ойртуулж, өнгөний эх үүсвэрээс ямар өнгийг ашиглахыг тодорхойлох боломжийг олгодог.
Энэ хүртэл бид хар тоймыг ашигласан. Үүнд ямар ч буруу зүйл байхгүй: хар өнгө нь гайхалтай харагддаг, мөн спрайтыг хүрээлэн буй объектуудаас ялгарах боломжийг олгодог. Гэхдээ энэ аргыг ашигласнаар бидний спрайт хүүхэлдэйн кино шиг хэвээр байгаа тул зарим тохиолдолд бидэнд хэрэг болох бодит байдлыг золиосолж байна. Сонгомол контур хийх нь үүнээс ангижрах болно.
Би түүний булчингийн тодорхойлолтыг зөөлрүүлэхийн тулд selaute ашигласан гэдгийг та анзаарах болно. Эцэст нь хэлэхэд, бидний спрайт биш харин нэг нэгж шиг харагдаж эхэлдэг асар их хэмжээтусдаа хэсгүүд.
Үүнийг эх хувилбартай харьцуулна уу:
- Гөлгөр болгох
Гөлгөр хийх арга нь энгийн: ирмэг дээр завсрын өнгийг нэмж, илүү зөөлөн харагдуулна. Жишээлбэл, хэрэв та цагаан дэвсгэр дээр хар зураастай бол түүний ирмэгийн дагуу жижиг саарал пикселүүд нэмэгдэх болно.
Техник 1: Хагархайг гөлгөр болгох
Ерөнхийдөө, та нугалж байгаа газруудад завсрын өнгийг нэмэх хэрэгтэй, эс тэгвээс шугам нь хонхорхой харагдах болно. Хэрэв энэ нь жигд бус хэвээр байвал илүү хөнгөн пикселийн давхаргыг нэмнэ үү. Завсрын давхаргын хэрэглээний чиглэл нь муруйн чиглэлтэй давхцах ёстой.
Би үүнийг илүү төвөгтэй болгохгүйгээр илүү сайн тайлбарлаж чадахгүй гэж бодож байна. Зургийг хараад л миний юу хэлэх гээд байгааг ойлгох болно.
Техник 2: Говойг дугуйруулна
Техник 3: мөрийн төгсгөлийг арилгах
Өргөдөл
Одоо хэвлэмэл дээрээ antialiasing хэрэглэцгээе. Хэрэв та өөрийн спрайтыг ямар ч өнгөний дэвсгэр дээр сайхан харагдуулахыг хүсвэл шугамын гадна талыг тэгшлэх ёсгүй гэдгийг анхаарна уу. Үгүй бол таны спрайт арын дэвсгэртэй таарч байгаа хэсэгтээ маш тохиромжгүй гэрэлт цагирагтай байх бөгөөд ямар ч дэвсгэр дээр хэт тодрох болно.
Үр нөлөө нь маш нарийн боловч энэ нь маш чухал юм.
Та яагаад үүнийг гараар хийх хэрэгтэй байна вэ?
Та "Хэрэв бид гөлгөр харагдуулахыг хүсвэл яагаад график засварлагч шүүлтүүрийг манай спрайт дээр хэрэглэж болохгүй гэж?" Хариулт нь бас энгийн - ямар ч шүүлтүүр таны спрайтыг адил тод, цэвэр болгохгүй гар хийцийн. Та зөвхөн хэрэглэж буй өнгөнүүдээ төдийгүй хаана ашиглахаа бүрэн хянах болно. Нэмж дурдахад, та ямар ч шүүлтүүрээс илүү сайн мэддэг, хаана anti-aliasing тохиромжтой вэ, мөн пикселүүд нь чанараа алддаг газрууд байдаг.
Дуусгаж байна
Хөөх, бид компьютероо унтраагаад хөргөгчнөөс хүйтэн лонх шар айраг шүүрч авах хэмжээнд ойртож байна. Гэхдээ хараахан ирээгүй байна! Сүүлийн хэсэг нь сонирхолтой сонирхогчийг туршлагатай мэргэжлийн хүнээс юугаараа ялгах тухай юм.
Алхам ухарч, спрайтаа сайн хараарай. Энэ нь "чийглэг" хэвээр байх магадлалтай. Бүх зүйлийг төгс төгөлдөр болгохын тулд бага зэрэг цаг зарцуул. Хичнээн ядарсан байсан ч хөгжилтэй хэсэг таныг хүлээж байна. Спрайтаа илүү сонирхолтой харагдуулахын тулд дэлгэрэнгүй мэдээллийг нэмнэ үү. Энд таны пикселийн ур чадвар, туршлага гарч ирдэг.
Энэ бүх хугацаанд манай Луча өмгөөлөгч нүдгүй байсан, эсвэл барьж байсан боодол нь хоосон байсанд та гайхаж магадгүй юм. Үнэндээ шалтгаан нь би жижиг нарийн ширийн зүйлийг хойшлуулахыг хүссэнтэй холбоотой юм. Мөн түүний үсний туузан дээр нэмсэн гоёл чимэглэл, өмднийх нь ялаа... мөн хөхний толгойгүй хүн хэн байх вэ? Би ч бас түүний гарыг биенээсээ илүү тод харагдуулахын тулд их биеийнх нь доод хэсгийг бага зэрэг харлуулсан.
Эцэст нь та дууслаа! Lucha Lawyer нь хөнгөн жинтэй, учир нь энэ нь ердөө 45 өнгөтэй (эсвэл энэ нь маш хүнд байж болно - энэ бүхэн таны палитрын хязгаарлалтаас хамаарна) бөгөөд нягтрал нь ойролцоогоор 150-аас 115 пиксел юм. Одоо та шар айраг нээж болно!
Бүрэн явц:
Энэ нь үргэлж инээдтэй байдаг. Энд бидний спрайтын хувьслыг харуулсан GIF байна.
- Урлагийн үндсийг сурч, уламжлалт арга барилд дадлага хийнэ. Зурах, зурахад шаардлагатай бүх мэдлэг, ур чадварыг пикселжүүлэхэд ашиглаж болно.
- Жижиг спрайтуудаас эхэл. Хамгийн хэцүү зүйл бол олон эд ангиудыг хэрхэн байрлуулах талаар сурах явдал юм хамгийн бага тоо хэмжээСпрайтуудыг минийх шиг том болгохгүйн тулд пиксел.
- Өөрийн биширдэг уран бүтээлчдийнхээ бүтээлийг судалж, өвөрмөц байхаас бүү ай. Хамгийн сайн аргасуралцах - бусад хүмүүсийн ажлын хэсгүүдийг давтах. Үйлдвэрлэлийн хувьд өөрийн гэсэн хэв маягЭнэ нь маш их цаг хугацаа шаарддаг.
- Хэрэв танд таблет байхгүй бол үүнийг худалдаж аваарай. Тасралтгүй зүүн товшилтоос үүдэлтэй мэдрэлийн хямрал, стресс нь тийм ч таатай биш бөгөөд эсрэг хүйстний хүмүүст сэтгэгдэл төрүүлэхгүй байх магадлалтай. Би жижиг Wacom Graphire2 ашигладаг - Би энэ нь авсаархан, зөөврийн дуртай. Та илүү том таблетыг илүүд үзэж магадгүй юм. Худалдан авахаасаа өмнө богино хэмжээний туршилтын жолоодлого хийнэ үү.
- Өөрийн хийсэн ажлаа бусадтай хуваалцаж санал бодлыг нь аваарай. Энэ нь бас шинэ найз нөхөдтэй болох сайн арга байж болох юм.
P.S.
Эх нийтлэл нь байрладаг. Хэрэв танд орчуулах шаардлагатай гайхалтай хичээлүүдийн холбоос байгаа бол манай үдэшлэгт илгээнэ үү. Эсвэл бүлгийн мессеж рүү шууд бичнэ үү
Орчин үед Photoshop, Illustrator, Corel зэрэг программууд дизайнер, зураачийн ажлыг хөнгөвчлөх болжээ. Тэдгээрийн тусламжтайгаар та өнгөрсөн зууны төгсгөлд байсан шиг пикселийн зохион байгуулалтад сатааралгүйгээр бүрэн ажиллах боломжтой. Бүгд шаардлагатай тооцоопрограм хангамж - график засварлагч хийдэг. Гэхдээ өөр чиглэлд, зүгээр нэг өөр биш, бүр эсрэгээрээ ажилладаг хүмүүс байдаг. Тухайлбал, тэд өөрсдийн бүтээлдээ өвөрмөц үр дүн, уур амьсгалыг олж авахын тулд пикселийн хуучин зохион байгуулалтад оролцдог.
Пикселийн урлагийн жишээ. Фрагмент.
Энэ нийтлэлд бид пикселийн урлаг хийдэг хүмүүсийн талаар ярихыг хүсч байна. Гагцхүү хэрэгжүүлэх нарийн түвэгтэй байдлаасаа болоод хэтрүүлэггүйгээр бүтээл гэж нэрлэж болох шилдэг бүтээлүүдийг нь сайтар ажиглаарай. орчин үеийн урлаг. Үзэхэд таны амьсгаа дарах бүтээлүүд.
Pixel Art. Шилдэг бүтээл, зураачид
Хот. Зохиогч: Zoggles
Үлгэрийн цайз. Зохиогч: Тинулеаф
Дундад зууны тосгон. Зохиогч: Docdoom
Вавилоны өлгөөтэй цэцэрлэгүүд. Зохиогч: Сар хиртэлт
Орон сууцны талбай. Зохиогч:
Пикселийн урлаг(зураасгүйгээр бичсэн) эсвэл пиксел график- пикселийн түвшинд зураг үүсгэхийг багтаасан дижитал урлагийн чиглэл (жишээ нь дүрсийг бүрдүүлдэг хамгийн бага логик нэгж). Хэдийгээр бүх растер зургууд нь пикселээс бүрддэг ч пикселийн урлаг биш юм. Яагаад? Эцсийн эцэст пикселийн урлагийн тухай ойлголт нь үр дүнгээс илүүтэйгээр зураг зурах үйл явцыг хамардаг. Пиксел пиксел, тэгээд л болоо. Хэрэв та дижитал зураг авбал түүнийгээ их хэмжээгээр багасгаж (пикселүүд нь харагдах болно), та үүнийг эхнээс нь зурсан гэж мэдэгдвэл энэ нь жинхэнэ хуурамч байх болно. Хэдийгээр таны шаргуу хөдөлмөрийг магтах гэнэн энгийн хүмүүс байж магадгүй юм.
1970-аад оны эхээр энэ арга яг хэзээ үүссэн нь тодорхойгүй байна. Гэсэн хэдий ч жижиг элементүүдээс зураг бүтээх арга нь мозайк, хөндлөн оёдол, хивс нэхэх, ирмэгийн урлал гэх мэт илүү эртний урлагийн төрлүүдэд буцаж ирдэг. Пикселийн урлагийн тодорхойлолт болох "пикселийн урлаг" гэсэн хэллэгийг анх 1982 оны 12-р сар (1982 оны 12-р сар) Communications of ACM сэтгүүлд Адель Голдберг, Роберт Флегал нарын нийтлэлд ашигласан.
Хачирхалтай нь, гэхдээ 90-ээд оны дундуур пикселийн графикийг тэргүүн эгнээнд гаргасан нь ноён шинжлэх ухаан, технологийн дэвшил юм. сүүлийн албан тушаалууд, дараа нь үүнийг тоглоомд буцааж өгсөн - гар утас болон PDA хэлбэрээр гар утасны төхөөрөмжүүдийг дэлхийд танилцуулсан. Эцсийн эцэст, шинэ төхөөрөмж хичнээн ашигтай байсан ч, хэрэв та түүн дээр ядаж solitaire тоглож чадахгүй бол энэ нь үнэ цэнэгүй гэдгийг та бид мэднэ. За, хаана бага нягтралтай дэлгэц байна, тэнд пикселийн урлаг байдаг. Тэдний хэлснээр дахин тавтай морил.
2. Багаж хэрэгсэл.
Пикселийн урлагийг бүтээхэд юу хэрэгтэй вэ? Дээр хэлсэнчлэн пикселийн түвшинд ажиллах чадвартай компьютер болон ямар ч график засварлагч байхад л хангалттай. Та хаана ч зурж болно, тэр ч байтугай Game Boy дээр, тэр ч байтугай Nintendo DS дээр, тэр ч байтугай Microsoft Paint дээр (өөр нэг зүйл бол сүүлийнх нь зурах нь туйлын тохиромжгүй байдаг). Маш олон төрлийн растер редакторууд байдаг бөгөөд тэдгээрийн олонх нь үнэ төлбөргүй бөгөөд нэлээд ажиллагаатай байдаг програм хангамжхүн бүр өөрөө шийдэж чадна.
Би зурдаг Adobe Photoshop, учир нь энэ нь тохиромжтой бөгөөд энэ нь удаан хугацааны туршид бий болсон. Би худлаа хэлэхгүй бөгөөд хиймэл шүдээрээ бувтнаад "Би Photoshop маш жижиг байсан, энэ нь Macintosh дээр байсан бөгөөд энэ нь 1.0 гэсэн дугаартай байсныг санаж байна." Гэхдээ би Photoshop 4.0 (мөн Mac дээр) -ийг санаж байна. Тиймээс миний хувьд сонголтын асуудал хэзээ ч асуулт байгаагүй. Тиймээс, үгүй, үгүй, гэхдээ би Photoshop-ийн талаар зөвлөмж өгөх болно, ялангуяа түүний чадвар нь бүтээлч байдлыг ихээхэн хялбаршуулах болно.Тиймээс, танд нэг квадрат пикселийн хэрэгслээр зурах боломжийг олгодог ямар ч график засварлагч хэрэгтэй (дөрвөлжин бус пикселүүд байдаг, жишээ нь дугуй, гэхдээ тэдгээр нь одоогоорсонирхолгүй байна). Хэрэв таны редактор ямар ч өнгийг дэмждэг бол гайхалтай. Хэрэв энэ нь танд файл хадгалах боломжийг олгодог бол энэ нь маш сайн хэрэг. Хангалттай ажилласнаас хойш давхаргатай ажиллах боломжтой бол сайхан байх болно нарийн төвөгтэй зураг, түүний элементүүдийг өөр өөр давхаргад задлах нь илүү тохиромжтой, гэхдээ дагуу томоор ньЭнэ нь дадал зуршил, ая тухтай байдлын асуудал юм.
Бид эхлэх үү? Та пикселийн урлагийг хэрхэн зурахыг зааж өгөх зарим нууц арга техник, зөвлөмжийн жагсаалтыг хүлээж байгаа болов уу? Гэхдээ үнэн бол ерөнхийдөө ийм зүйл байхгүй. Пиксел урлагийг хэрхэн зурж сурах цорын ганц арга бол үүнийг өөрөө зурж, оролдоод үзээрэй, бүү ай, турших явдал юм. Бусдын хийсэн ажлыг давтахаас бүү ай (бусдын хийсэн ажлыг өөрийнхөөрөө битгий орхи, хэхэ). Мастеруудын бүтээлийг (минийх биш) анхааралтай, анхааралтай судалж, зурах, зурах, зурах. Өгүүллийн төгсгөлд хэд хэдэн хэрэгтэй холбоосууд таныг хүлээж байна.3. Ерөнхий зарчим.
Тэгээд ч хэд хэдэн байгаа ерөнхий зарчим, үүнийг мэдэхэд гомдохгүй. Тэдгээр нь үнэхээр цөөхөн байдаг, би тэднийг хууль бус "зарчим" гэж нэрлэдэг, учир нь эдгээр нь зөвлөмжийн шинж чанартай байдаг. Эцсийн эцэст, хэрэв та бүх дүрмийг тойрон өнгөрч, гайхалтай пикселийн урлаг зурж чадвал хэн тэдэнд санаа тавих вэ?
Хамгийн үндсэн зарчмыг дараах байдлаар томъёолж болно: зургийн хамгийн бага нэгж нь пиксел бөгөөд хэрэв боломжтой бол найрлагын бүх элементүүд үүнтэй пропорциональ байх ёстой. Үүнийг задалж үзье: таны зурсан бүх зүйл пикселээс бүрдэх бөгөөд пиксел нь бүх зүйлд уншигдахуйц байх ёстой. Энэ нь зураг нь 2х2 пиксел, 3х3 гэх мэт элементүүдийг огт агуулж болохгүй гэсэн үг биш юм. Гэхдээ тус тусдаа пикселээс зураг бүтээх нь дээр хэвээр байна.
Цус харвалт ба ерөнхийдөө зургийн бүх шугам нь нэг пикселийн зузаантай байх ёстой (ховор тохиолдлоос бусад).
Хагарал нь зургийн байгалийн гөлгөр байдал, гоо үзэсгэлэнг алдагдуулдаг. Хэрэв 3, 4, 5-р хэсгүүд нь тодорхой бөгөөд амархан засч залруулах боломжтой бол бусадтай харьцуулахад нөхцөл байдал илүү төвөгтэй байдаг - гинжин хэлхээний нэг хэсгийн урт нь эвдэрсэн бол энэ нь өчүүхэн мэт санагдаж болох ч өчүүхэн нь мэдэгдэхүйц юм. Эдгээр газруудыг харж, тэднээс зайлсхийж сурахын тулд бага зэрэг дасгал хийх хэрэгтэй. Kink 1 нь нэг пиксел учраас шугамаас хасагдсан - оруулсан хэсэгт шугам нь 2 пикселийн сегментээс бүрдэнэ. Үүнээс салахын тулд би муруйн оролтыг гулзайлтын хэсэгт зөөлрүүлж, дээд хэсгийг 3 пиксел болгон уртасгаж, бүх шугамыг 2 пикселийн сегмент болгон дахин зурсан. 2 ба 6-р завсарлага нь бие биетэйгээ адилхан - эдгээр нь аль хэдийн нэг пикселээр бүтээгдсэн хэсгүүдэд 2 пикселийн урттай хэсгүүд юм.
Бараг бүх пикселийн зургийн гарын авлагаас олж болох налуу шулуун шугамын жишээнүүдийн анхан шатны багц (миний хувьд онцгой тохиолдол биш) нь зурахдаа ийм хазайлтаас зайлсхийхэд тусална.
Таны харж байгаагаар шулуун шугам нь ижил урттай сегментүүдээс бүрдэх бөгөөд зурахдаа нэг пикселээр шилждэг - зөвхөн ийм байдлаар л шугаман байдлын үр дүнд хүрдэг. Барилгын хамгийн түгээмэл арга бол сегментийн урт нь 1, 2, 4 пиксел (бусад байдаг, гэхдээ танилцуулсан сонголтууд нь бараг ямар ч уран сайхны санааг хэрэгжүүлэхэд хангалттай байх ёстой). Эдгээр гурваас хамгийн алдартайг нь 2 пикселийн сегментийн урт гэж нэрлэж болно: сегмент зурж, үзэг 1 пикселээр хөдөлж, өөр сегмент зурж, үзэг 1 пикселээр хөдөлж, өөр сегмент зур.
Хэцүү биш, тийм үү? Танд хэрэгтэй зүйл бол зуршил юм. Налуу шулуун шугамыг 2 пикселийн алхмаар зурах чадвар нь изометрийн ажилд тустай тул дараагийн удаад бид үүнийг илүү нарийвчлан авч үзэх болно. Ерөнхийдөө шулуун шугамууд маш сайн байдаг, гэхдээ зөвхөн гайхамшигт зүйлийг зурах даалгавар гарч ирэх хүртэл. Энд бидэнд муруй, олон янзын муруй хэрэгтэй. Мөн бид муруй шугамыг дугуйлах энгийн дүрмийг анхаарч үздэг. муруйн элементүүдийн урт нь аажмаар буурах/өсөх ёстой.
Шулуун шугамаас дугуйруу гарах нь жигд явагддаг тул би сегмент бүрийн уртыг зааж өгсөн: 5 пиксел, 3, 2, 2, 1, 1, дахин 2 (аль хэдийн босоо), 3, 5 гэх мэт. Таны хэрэг ижил дарааллыг ашиглах шаардлагагүй бөгөөд энэ нь шаардлагатай жигд байдлаас хамаарна. Дугуйлах өөр нэг жишээ:
Дахин хэлэхэд, бид зургийг маш ихээр сүйтгэхээс зайлсхийдэг. Хэрэв та сурсан материалаа шалгахыг хүсвэл энд үл мэдэгдэх зохиогчийн зурсан Winamp-д зориулсан арьс, хоосон зай байна.
Зурган дээр бүдүүлэг алдаа, зүгээр л бүтэлгүйтсэн бөөрөнхийлөлт, хазайлт байдаг - аль хэдийн мэддэг зүйл дээрээ үндэслэн зургийг засахыг хичээ. Энэ бол надад зураастай байгаа бүх зүйл, би танд бага зэрэг зурахыг санал болгож байна. Жишээнүүдийн энгийн байдал нь таныг төөрөгдүүлэхийг бүү зөвшөөр, та зөвхөн зурж, тэр ч байтугай хамгийн энгийн зүйлийг ч зурж сурах боломжтой.
4.1. Амьд устай лонх зур.
1. Объектын хэлбэр, та одоохондоо өнгө ашиглах шаардлагагүй.
2. Улаан шингэн.
3. Шилний өнгийг цэнхэр болгож сольж, бөмбөлөг дотор сүүдэртэй хэсгүүдийг нэмж, шингэний зориулалтын гадаргуу дээр цайвар хэсгийг нэмнэ.
4. Бөмбөлөг дээр цагаан өнгийн товруу нэмж, 1 пикселийн өргөнтэй бараан улаан өнгийн сүүдрийг хөөсний хананд хүрээлж буй шингэний хэсгүүдэд нэмнэ. Сайхан харагдаж байна, тийм үү?
5. Үүний нэгэн адил бид цэнхэр шингэнтэй лонх зурдаг - энд ижил өнгийн шил, шингэний хувьд гурван цэнхэр өнгийн сүүдэртэй.
4.2. Тарвас зурах.
Тойрог, хагас тойрог зурцгаая - энэ нь тарвас, зүссэн зүсмэл байх болно.
2. Тарвасны зүслэгийг өөрөө, зүсмэл дээр нь царцдас ба нухаш хоорондын хилийг тэмдэглэе.
3. Бөглөх. Палеттаас авсан өнгө, дунд ногоон нь царцдас, дунд улаан нь целлюлозын өнгө юм.
4. Царцдасаас целлюлоз руу шилжих шилжилтийн хэсгийг тэмдэглэе.
5. Тарвас дээрх цайвар судал (эцэст нь энэ нь өөрөө шиг харагдаж байна). Мөн мэдээжийн хэрэг - үр! Жоомтой тарвасыг гаталж байвал тэд өөрсдөө мөлхөж одно.
6. Бид үүнийг санаж байна. Хэсэг дэх үрийн дээрх тодруулгыг харуулахын тулд бид цайвар ягаан өнгийг ашигладаг бөгөөд пикселүүдийг шатрын самбараар байрлуулснаар бид хайчлагдсан сегментээс тодорхой хэмжээний эзлэхүүнийг олж авдаг (энэ аргыг dithering гэж нэрлэдэг, дараа нь илүү ихийг хэлнэ). ). Тарвасны хэсэг дэх сүүдэртэй хэсгийг харуулахын тулд бид бараан улаан өнгийг, тарвасны эзэлхүүнийг өгөхийн тулд хар ногоон өнгийг (дахин шатрын самбарын пиксел) ашигладаг.
5. Дитеринг.
Дитеринг буюу холих нь өөр өөр өнгийн зэргэлдээх хоёр хэсэгт пикселийг тодорхой дарааллаар (үргэлж биш) холих арга юм. Хамгийн энгийн, хамгийн түгээмэл ба үр дүнтэй арга– даамын самбар дээрх өөр пикселүүд:
Энэхүү техник нь техникийн хязгаарлалтын ачаар (эсвэл эс тэгвээс) бий болсон - хязгаарлагдмал палитр бүхий платформ дээр будалт нь хоёр өөр өнгийн пикселийг хольж, палитрт байхгүй гурав дахь пикселийг авах боломжтой болгосон.
Техникийн хязгааргүй боломжийн эрин үед дитерийн хэрэгцээ өөрөө алга болсон гэж олон хүн хэлдэг. Гэсэн хэдий ч үүнийг зөв ашиглах нь таны ажилд хуучин видео тоглоомын бүх шүтэн бишрэгчдэд танигдахуйц чимэг хэв маягийг өгөх болно. Би хувьдаа dithering ашиглах дуртай. Би үүнд тийм ч сайн биш, гэхдээ би үүнд дуртай хэвээр байна.Хоёр өөр сонголт:
Үүнийг ашиглахын тулд дитерингийн талаар юу мэдэх хэрэгтэй вэ. Холих бүсийн хамгийн бага өргөн нь дор хаяж 2 пиксел (эдгээр алаг шугам) байх ёстой. Илүү их боломжтой. Бага зүйл хийхгүй байх нь дээр.Доорх нь амжилтгүй dithering жишээ юм. Үүнтэй ижил төстэй техникийг видео тоглоомын спрайтуудаас ихэвчлэн олж болох боловч телевизийн дэлгэц нь дүрсийг мэдэгдэхүйц жигд болгож, ийм сам, тэр ч байтугай хөдөлгөөнтэй байсан ч нүдэнд харагдахгүй байсныг та мэдэх хэрэгтэй.
За, хангалттай онол. Би танд бага зэрэг дасгал хийхийг санал болгож байна.
Пикселийн урлагийг дурын растер график программ дээр зурж болно, энэ нь хувийн сонголт, туршлагаас хамаарна (түүнчлэн санхүүгийн боломжууд, мэдээжийн хэрэг). Зарим хүмүүс хамгийн энгийн Paint ашигладаг, би үүнийг Photoshop дээр хийдэг, учир нь нэгдүгээрт, би үүн дээр удаан хугацаанд ажиллаж байсан, хоёрдугаарт, би тэнд илүү тухтай байдаг. Би үнэгүй Paint.NET-ийг туршиж үзэхээр шийдсэн бол энэ нь надад таалагдсангүй - энэ нь машинтай адил юм; хэрэв та автомат хурдны хайрцагтай гадаад машиныг таних юм бол та Запорожец руу орох магадлал багатай. Ажил олгогч маань намайг лицензтэй программ хангамжаар хангадаг болохоор миний ухамсар Adobe корпорацийн өмнө цэвэрхэн байдаг... Хэдий тэд программынхаа төлөө санаанд багтамгүй үнэ төлж, үүний төлөө тэд тамд шатах болно.
1. Ажилд бэлтгэх.
Аливаа тохиргоотой шинэ баримт бичгийг үүсгэ (өргөн нь 60, өндөр нь 100 пиксел). Пиксел зураачийн гол хэрэгсэл бол харандаа ( Харандаа хэрэгсэл, халуун товчлуураар дуудагдана Б). Хэрэв сойз (болон сойзны дүрс) багаж самбар дээр идэвхжсэн бол түүн дээр хулганаа аваачиж, товшоод удаан дарна уу L.M.B.– жижиг унждаг цэс гарч ирэх бөгөөд та харандаа сонгох хэрэгтэй. Үзэгний хэмжээг 1 пиксел болгож тохируулна уу (зүүн талын дээд самбарт унждаг цэс байна Сойз):
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Өөр хэдэн ашигтай хослолууд. " Ctrl+" ба " Ctrl-"зураг томруулж, жижигрүүлнэ. Энэ нь дарах гэдгийг мэдэх нь бас ашигтай байдаг Ctrlболон " (загасны ишлэл, эсвэл орос түлхүүр" Э") сүлжээг асааж, унтраадаг бөгөөд энэ нь пикселийн зургийг зурахад маш сайн тусалдаг. Сүлжээний хоорондох зайг 1 пиксел байхад илүү тохиромжтой гэж үздэг; дарна уу Ctrl+K(эсвэл очих Засварлах->Сонголтууд), цэг рүү оч Хөтөч, тор, зүсмэлүүдболон суулгах Торон шугам 1 пиксел тутамд(Би давтан хэлэхэд 2 нь надад илүү тохиромжтой).
2. Зурах.
Эцэст нь бид зурж эхэлнэ. Яагаад шинэ давхарга үүсгэх вэ ( Ctrl+Shift+N), хар үзэгний өнгө рүү шилжих (дар Дөгөгдмөл өнгө, хар цагааныг тохируулна) ба дүрийн толгойг зур, миний хувьд энэ нь тэгш хэмтэй эллипс юм:
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Түүний доод ба дээд суурь нь 10 пикселийн урттай, дараа нь 4 пикселийн сегментүүд, гурав, гурав, нэг, нэг, босоо шугам нь 4 пикселийн өндөртэй байна. Photoshop дээрх шулуун шугамууд нь зураг зурахад тохиромжтой Шилжилт, Хэдийгээр пикселийн урлагт зургийн масштаб хамгийн бага боловч энэ техник нь заримдаа маш их цаг хэмнэдэг. Хэрэв та алдаа гаргаж, хэт их зурсан бол алдаа гаргасан - битгий уурлаарай, баллуур руу шилжинэ үү ( Баллуур бас l эсвэл "" товчлуур Э") ба хэрэггүй зүйлээ устгана уу. Тийм ээ, баллуурыг мөн үзэгний хэмжээг 1 пиксел болгож тохируулахаа мартуузай, тэгвэл энэ нь пикселээр пиксел, харандаа горим ( Горим: Харандаа), эс тэгвээс энэ нь буруу зүйл угаах болно. Буцаж харандаа руу шилжиж, танд сануулъя, " Б»
Ерөнхийдөө энэ эллипсийг пикселийн урлагийн дүрмийн дагуу хатуу зурдаггүй, гэхдээ үүнийг шаарддаг. уран сайхны дизайн. Энэ бол ирээдүйн толгой тул нүд, хамар, амтай байх болно - энэ нь үзэгчдийн анхаарлыг татахуйц хангалттай нарийн ширийн зүйл бөгөөд толгой яагаад ийм жигд бус хэлбэртэй байгааг асуух хүслийг бууруулдаг.
Бид хамар, сахал, амаа нэмж зурсаар байна.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Одоо нүд нь:
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Ийм жижиг хэмжээтэй бол нүд нь дугуй хэлбэртэй байх албагүй гэдгийг анхаарна уу - миний хувьд тэдгээр нь хажуугийн урт нь 5 пиксель, булангийн цэгүүд нь дотогшоо татаагүй квадратууд юм. Анхны масштаб руу буцах үед тэд нэлээд бөөрөнхий харагдах болно, мөн сүүдрийн тусламжтайгаар бөмбөрцөг байдлын сэтгэгдлийг сайжруулж болно (энэ талаар дараа нь хичээлийн 3-р хэсгийг үзнэ үү). Одоохондоо би толгойн хэлбэрийг бага зэрэг тохируулж, нэг газраас хэд хэдэн пикселийг арилгаж, өөр газар нэмж оруулах болно.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Бид хөмсөг (агаарт өлгөх нь зүгээр юм - энэ бол миний хэв маяг) болон амны буланд нүүрний нугалаа зурж, инээмсэглэлийг илүү илэрхий болгодог.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Булангууд нь хараахан тийм ч сайн харагдахгүй байгаа нь пикселийн урлагийн дүрмийн нэг нь харвалт болон элементийн пиксел бүр нь хоёроос илүүгүй хөрш пикселтэй харьцах боломжтой гэж заасан байдаг. Гэхдээ хэрэв та 80-аад оны сүүл, 90-ээд оны эхэн үеийн тоглоомуудын спрайтуудыг сайтар судалж үзвэл энэ алдааг тэндээс олж болно. Дүгнэлт - хэрэв та чадахгүй, гэхдээ үнэхээр хүсч байвал та чадна. Энэ нарийн ширийн зүйлийг дараа нь сүүдрийн тусламжтайгаар дүүргэх үед тоглож болох тул одоо зурж үргэлжлүүлье. Их бие:
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Одоохондоо шагайнд анхаарлаа хандуулах хэрэггүй, эвгүй харагдаж байна, бид дүүргэж эхлэхэд үүнийг засах болно. Жижиг залруулга: цавины хэсэгт бүс, нугалаа нэмж, мөн тодруулна өвдөгний үе(хөлний шугамаас цухуйсан 2 пикселийн жижиг хэсгүүдийг ашиглан):
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.3. Бөглөх.
Тэмдэгтийн элемент бүрийн хувьд одоохондоо бидэнд гурван өнгө хангалттай байх болно - үндсэн дүүргэх өнгө, сүүдрийн өнгө, цус харвалтын өнгө. Ерөнхийдөө пикселийн урлагт өнгөт онолын талаар зөвлөгөө өгөх олон зүйл байдаг, үүнд: эхний шатМастеруудын ажлыг тагнаж, яг хэрхэн өнгө сонгоход дүн шинжилгээ хийх боломжтой. Элемент бүрийн харвалт нь мэдээжийн хэрэг хар өнгөтэй байж болно, гэхдээ энэ тохиолдолд элементүүд нийлэх нь гарцаагүй, би ашиглахыг илүүд үздэг. бие даасан өнгө, элементийн үндсэн өнгөтэй төстэй боловч ханасан байдал багатай. Хамгийн тохиромжтой арга бол дүрийнхээ ойролцоо жижиг палитр зурж, дараа нь дусаагуур ашиглан өнгө авах явдал юм ( Дусаах хэрэгсэл, I):
Сонгох замаар хүссэн өнгө, "хувин" хэрэгслийг идэвхжүүлнэ үү ( Будаг хувин, Г). Мөн зурсан контурын дотор тодорхой ажиллахын тулд бөглөх шаардлагатай бөгөөд тэдгээрээс хэтэрч болохгүй.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Бид дүрээ бөглөж чадахгүй бол харандаагаар гараар зурдаг.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Шагайнд анхаарлаа хандуулаарай - эдгээр хэсгүүд нь ердөө 2 пикселийн зузаантай тул би хоёр талдаа цус харвахаас татгалзаж, зөвхөн төлөвлөсөн сүүдэрт зурж, нэг пикселийн зузаантай үндсэн өнгөний шугамыг үлдээсэн. Би хөмсөг хар өнгөтэй орхисон гэдгийг анхаарна уу, гэхдээ энэ нь тийм ч чухал биш юм.
Photoshop нь өнгө сонгоход хялбар функцтэй ( -> Өнгөний хүрээг сонгоно уу, дусаагуурыг хүссэн өнгө рүү оруулснаар бид ижил төстэй өнгө бүхий бүх хэсгийг сонгож, тэдгээрийг шууд дүүргэх чадвартай болох боловч үүний тулд та дүрийнхээ элементүүдийг өөр өөр давхаргад байрлуулах хэрэгтэй, тиймээс бид одоохондоо Энэ функцийг Photoshop-ийн дэвшилтэт хэрэглэгчдэд хэрэгтэй гэж үзнэ үү):
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.4. Сүүдэр ба эргэлдэх.
Одоо сүүдрийн өнгийг сонгоод харандаа руу шилжинэ үү ( Б) сүүдэртэй газруудыг болгоомжтой байрлуул. Миний хувьд гэрлийн эх үүсвэр нь зүүн ба түүнээс дээш хаа нэгтээ, тэмдэгтийн өмнө байрладаг тул бид баруун талыг доод тал руу чиглэсэн сүүдэртэй зааж өгдөг. Олон байдаг тул нүүр нь сүүдэрт хамгийн баян байх болно жижиг элементүүд, нэг талдаа сүүдрийн тусламжтайгаар тодорч, нөгөө талдаа өөрсдөө сүүдэрлэдэг (нүд, хамар, нүүрний атираа):
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Сүүдэр маш хүчтэй харааны хэрэгсэл, сайн боловсруулсан сүүдэр нь дүрийн дүр төрх, үзэгчдэд үзүүлэх сэтгэгдэлд эерэгээр нөлөөлнө. Пикселийн урлагт буруу газар байрлуулсан нэг пиксел нь бүхэл бүтэн ажлыг сүйтгэж чаддаг бол үүнтэй зэрэгцэн ийм өчүүхэн тохируулга хийснээр зургийг илүү үзэсгэлэнтэй болгож чадна.
тухайд ганхах"Мөн ийм бяцхан хэмжээс бүхий зураг дээр миний бодлоор тэр үнэхээр илүүц юм. Арга нь өөрөө зэргэлдээх хоёр өнгийг "холих"-оос бүрдэх бөгөөд үүнийг пикселүүдийг шатлан хуваах замаар олж авдаг. Гэсэн хэдий ч, танд техникийн талаар ойлголт өгөхийн тулд би өмд, цамц, нүүрэн дээр бага зэрэг холих хэсгүүдийг танилцуулах болно.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Эхлэгчдэд зориулсан пикселийн урлаг. | Танилцуулга.
Ерөнхийдөө, таны харж байгаагаар ямар ч төвөгтэй зүйл байхгүй. Пикселийн урлагҮүнийг маш сэтгэл татам болгодог зүйл бол зарим хэв маягийг эзэмшсэн хүн бүр мастеруудын бүтээлийг анхааралтай судалж байж өөрөө сайн зурж чаддагт оршино. Тийм ч гэсэн зургийн үндэс, өнгөний онолын талаархи зарим мэдлэг нь гэмтэхгүй. Үүний төлөө яв!
Өнөөдөр өглөө интернет хэсэж байгаад Pixel Art-ын талаар нийтлэл бичихийг хүссэн бөгөөд материал хайж байгаад энэ хоёр нийтлэлийг олж авлаа.
"Пиксел график" гэсэн нэр томъёо нь хүн бүрт танил биш бөгөөд энэ нь газар доорхи хэллэг биш юм. Энэ нь юу болохыг олж мэдэхэд Википедиа туслах болно. Хамгийн гол нь үүнийг ойлгох хэрэгтэй пиксел графикүр дүнгээр бус, зургийг хэрхэн үүсгэх замаар (пиксел пикселээр) тодорхойлно. Тиймээс шүүлтүүр эсвэл тусгай дамжуулагч ашиглан олж авсан зургуудыг үүнд оруулаагүй болно. Өгүүллийн эхний хэсэгт, магадгүй энэ урлагт зориулсан цуврал нийтлэлүүдэд би таалагдсан зарим бүтээлийг харуулах болно.
Гайхамшигтай зургууд, маш сайн сүүдрийн ажил. (Полифонкены пикселийн урлаг).
Сэдэв нэлээд өргөн. Шооны хувилбарууд байдаг.
Род Хантын зургууд нь маш өнгөлөг, бодитой байдаг. Зураач вектор графикийг пикселийн урлагтай хослуулсан.
Бразил-Герман блогчид Тиаго, Пи, Жожо, Мариана нар өөрсдийгөө тааламжтай, инээж буй пикселийн дүрүүд гэж харуулдаг. 
Энэхүү зургийг Хуан Мануэль Дапорта зөвхөн MS Paint ашиглан бүтээжээ! Ажил 8 сар үргэлжилсэн. Гайхалтай.
Пикселүүд нь компьютерийн дэлгэцээс гадуур амьдардаг. Пикселжсэн зургуудын схемүүд нь хичнээн ойлгомжтой байдаг нь гайхалтай юм.
Супер роботын дайны хэв маягийн сансрын дайн. Пикселийн графикийн ертөнцөд Роберсон өөрийн гэсэн өвөрмөц хэв маягтай.
Галзуу хүүхэлдэйнүүдийн хот. Зураг нь вектороор зурсан ч пикселийн урлаг шиг харагдаж байна. Сонирхолтой ажил.
Пикселийн урлагийн энэ чиглэл миний сонирхлыг их татдаг. Эдгээр зургуудыг дэлгэцэн дээр биш, харин зотон дээр зурдаг нийлэг будаг. Энэхүү гайхамшигт бүтээлийг Эшли Андерсон бүтээжээ.
Пиксел хотууд нь тусдаа байдаг том сэдэв. Ихэвчлэн маш олон дэлгэрэнгүй мэдээлэл байдаг өгүүллэгүүд. Энэ зураг дээр далан, өнгөлөг бөмбөг, суши баар, тэр ч байтугай эсэргүүцэгчид байдаг.
