Пикселийн урлагийг бүтээх програмууд. Pixel art (pixel art): шилдэг бүтээлүүд болон зураачид Пикселийн урлаг ямар харагддаг вэ

Өнөө үед Photoshop, Illustrator, Corel зэрэг программууд нь дизайнер, зураачийн ажлыг хөнгөвчилдөг. Тэдгээрийн тусламжтайгаар та өнгөрсөн зууны төгсгөлд байсан шиг пикселийн зохион байгуулалтад сатааралгүйгээр бүрэн ажиллах боломжтой. Шаардлагатай бүх тооцоог програм хангамж - график засварлагчаар хийдэг. Гэхдээ өөр чиглэлд, зүгээр нэг өөр биш, бүр огт эсрэгээр ажилладаг хүмүүс байдаг. Тухайлбал, тэд ажилдаа өвөрмөц үр дүн, уур амьсгалыг бий болгохын тулд хуучин сургуулийн пикселийн зохицуулалтыг хийдэг.

Пикселийн урлагийн жишээ. Фрагмент.

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

Pixel Art. Шилдэг бүтээл, зураачид

Хот. Зохиогч: Zoggles

Үлгэрийн цайз. Зохиогч: Тинулеаф

дундад зууны тосгон. Зохиогч: docdoom

Вавилоны өлгөөтэй цэцэрлэгүүд. Зохиогч: Сар хиртэлт

Орон сууцны хороолол. Зохиогч:

Энэ зааварт та хүний ​​зургийг хэрхэн пикселийн урлаг болгон хувиргах талаар сурах болно зохиомол дүр 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) Animation Guide (16bit).psd руу буулгана уу.
Зургийг пропорциональ хэмжээгээр тохируулна уу. PSD хэмжээ нь маш бага тул зураг тэр даруй пиксел зурж эхлэх болно гэдгийг та анзаарах болно.

Алхам 3

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

Алхам 4

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

Алхам 5

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

Алхам 6

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

Алхам 7

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

Алхам 8

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

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

Одоо энэ техник хэзээ үүссэн нь тодорхойгүй байгаа бөгөөд 1970-аад оны эхээр үндэс нь хаа нэгтээ алга болжээ. Гэсэн хэдий ч жижиг элементүүдээс зураг бүтээх арга нь мозайк, хөндлөн оёдол, хивс нэхэх, ирмэгийн урлал гэх мэт илүү эртний урлагийн төрлүүдэд буцаж ирдэг. Пикселийн урлагийн тодорхойлолт болох "пикселийн урлаг" гэсэн хэллэгийг анх ACM-ийн Communications сэтгүүлд Адель Голдберг, Роберт Флегал нарын нийтлэлд ашигласан (1982 оны 12-р сар).

Pixel art нь хамгийн өргөн хэрэглээг хүлээн авсан Компьютер тоглоом, энэ нь гайхмаар зүйл биш юм - энэ нь танд эх сурвалжид үл нийцэх зургуудыг бүтээх боломжийг олгосон бөгөөд нэгэн зэрэг үнэхээр үзэсгэлэнтэй харагдаж байна (үүнтэй зэрэгцэн тэд зураачаас маш их цаг зарцуулж, тодорхой ур чадвар шаарддаг тул сайн цалинтай гэсэн үг юм. ). оргил үе, хамгийн өндөр цэгхөгжилд албан ёсоор 2, 3-р үеийн консолууд дээрх видео тоглоомуудыг хэлдэг (1990-ээд оны эхэн). Технологийн цаашдын дэвшил, эхний 8 битийн өнгө, дараа нь Үнэн өнгө, гурван хэмжээст графикийн хөгжил - энэ бүхэн цаг хугацааны явцад пикселийн урлагийг арын дэвсгэр болон гуравдахь төлөвлөгөөнд түлхэж, дараа нь тэр пиксел шиг санагдаж эхлэв. урлаг дуусч байсан.

Хачирхалтай нь, гэхдээ ноён шинжлэх ухаан, технологийн дэвшил нь пикселийн графикийг өндөр түвшинд хүргэсэн юм. сүүлийн албан тушаалууд, мөн үүнийг дараа нь тоглоомонд буцааж авчирсан - гар утас болон 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 гэх мэт элементүүд огт байж болохгүй гэсэн үг биш юм. Гэхдээ тус тусдаа пикселээс зураг бүтээх нь дээр хэвээр байна.

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

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

Kinks нь зургийг байгалийн гөлгөр байдал, гоо үзэсгэлэнгээс салгадаг. Хэрэв 3, 4, 5-р хэсгүүд нь тодорхой бөгөөд амархан засч залруулсан бол нөхцөл байдал бусадтай харьцуулахад илүү төвөгтэй байдаг - гинжин хэлхээний нэг хэсэг нь тэнд тасарвал энэ нь өчүүхэн мэт боловч мэдэгдэхүйц өчүүхэн зүйл мэт санагдах болно. Ийм газруудыг харж, зайлсхийж сурахын тулд бага зэрэг дасгал хийх хэрэгтэй. Kink 1 нь нэг пиксел учраас шугамаас хасагдсан - харин шаантагтай хэсэгт шугам нь 2 пикселийн сегментээс бүрдэнэ. Үүнээс салахын тулд би гулзайлтын оролтыг зөөлрүүлж дээд сегментийг 3px болгон сунгаж, бүх шугамыг 2px сегмент болгон дахин зурсан. 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 пикселийн өндөр байх ёстой). Пиксел зураачийн гол хэрэгсэл бол харандаа ( Харандаа хэрэгсэл, халуун товчлуураар дуудагдсан Б). Хэрэгслийн самбар дээр сойз идэвхжсэн бол (мөн сойз дүрстэй) дээр нь хулганаа аваачиж, удаан дар LMB- жижиг унждаг цэс гарч ирэх бөгөөд та харандаа сонгох хэрэгтэй. Үзэгний хэмжээг 1 пиксел болгож тохируулна уу (зүүн талд байгаа дээд самбарт унждаг цэс Сойз):

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Өөр хэдэн ашигтай хослолууд. " ctrl+" ба " ctrl-» зургийг томруулж, жижигрүүлнэ. Үүнийг дарах нь бас ашигтай байдаг ctrlба " (ишлэл - Зул сарын гацуур мод, эсвэл Оросын түлхүүр" Э”) сүлжээг асааж унтраадаг бөгөөд энэ нь пикселийн зургийг зурахад маш их тус болдог. Сүлжээний алхамыг өөртөө тохируулах хэрэгтэй, энэ нь 1 пиксел байх үед хэн нэгэнд илүү тохиромжтой, би нүдний өргөнийг 2 пиксель байхад дассан. дарна уу Ctrl+K(эсвэл очих Засварлах->Сонголтууд), цэг рүү оч Хөтөч, тор, зүсмэлүүдболон суулгах Торон шугам 1 пиксел тутамд(надад давтан хэлье, энэ нь илүү тохиромжтой 2).

2. Зурах.

Эцэст нь зурж эхэлцгээе. Яагаад шинэ давхарга үүсгэх вэ ( Ctrl+Shift+N), хар үзэгний өнгө рүү шилжих (товших Данхдагч өнгө, хар цагааныг тохируулдаг) ба дүрийн толгойг зурж, миний хувьд энэ нь тэгш хэмтэй эллипс юм:

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Түүний доод ба дээд суурь нь 10 пикселийн урттай, дараа нь 4 пикселийн сегментүүд, гурав, гурав, нэг, нэг, босоо шугам 4 пиксел өндөр. Photoshop дээр хавчаараар шулуун шугам зурах нь тохиромжтой Шилжилт, Хэдийгээр пикселийн урлагт зургийн масштаб хамгийн бага боловч энэ техник нь заримдаа маш их цаг хэмнэдэг. Хэрэв та алдаа гаргаж, хэт их зурсан бол өнгөрсөн хаа нэгтээ авирсан бол сэтгэлээр унах хэрэггүй, баллуур руу шилжинэ үү ( Баллуур бас l эсвэл түлхүүр " Э") ба хэрэггүй зүйлээ устгана уу. Тийм ээ, баллуурыг мөн үзэгний хэмжээг 1 пиксел болгож тохируулахаа мартуузай, тэгвэл энэ нь пикселээр пиксел, харандаа горим ( Горим: харандаа), эс тэгвээс энэ нь шаардлагатай зүйлийг арилгахгүй. Харандаа руу буцахдаа би чамд сануулж байна " Б»

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

Бид үргэлжлүүлэн зурж, хамар, антен, ам нэмнэ.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Одоо нүд:

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Булангууд хараахан тийм ч сайн харагдахгүй байна, пикселийн урлагийн нэг дүрэм бол харвалт болон элементийн пиксел бүр нь хоёр зэргэлдээх пикселээс илүүгүй хүрч чаддаг явдал юм. Гэхдээ хэрэв та 80-аад оны сүүл - 90-ээд оны эхэн үеийн тоглоомуудын спрайтуудыг сайтар судалж үзвэл энэ алдааг тэндээс олж болно. Дүгнэлт - хэрэв та чадахгүй, гэхдээ үнэхээр хүсч байвал та чадна. Энэ нарийн ширийн зүйлийг дараа нь дүүргэх явцад сүүдэртэй тоглож болох тул одоохондоо бид цааш нь зурна. Их бие:

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

3. Бөглөх.

Тэмдэгтийн элемент бүрийн хувьд одоохондоо бидэнд гурван өнгө хангалттай байх болно - дүүргэлтийн үндсэн өнгө, сүүдрийн өнгө, цус харвалт. Ерөнхийдөө пикселийн урлагийн өнгөт онолын дагуу та маш олон зүйлийг зөвлөж болно эхний шатМастеруудын ажлыг тагнаж, өнгө сонгоход нь дүн шинжилгээ хийх боломжтой. Элемент бүрийн цус харвалт нь мэдээжийн хэрэг, хар өнгөтэй байж болно, гэхдээ энэ тохиолдолд элементүүд нийлэх нь гарцаагүй, би элементийн үндсэн өнгөтэй ойрхон, гэхдээ бага ханасан бие даасан өнгийг ашиглахыг илүүд үздэг. Таны дүрийн ойролцоо жижиг палитр зурж, дараа нь дусаагуур ашиглан өнгө авах нь хамгийн тохиромжтой. Дусаах хэрэгсэл, I):

Сонгох замаар хүссэн өнгө, хувин хэрэгслийг идэвхжүүлэх ( Будаг хувин, Г). Мөн тохиргоон дахь Anti-alias функцийг унтраахаа мартуузай, бид зурсан контурын дотор тодорхой ажиллахын тулд дүүргэх шаардлагатай бөгөөд тэдгээрээс хэтрэхгүй.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Бид бөглөх боломжгүй дүрээ бөглөдөг - бид үүнийг гараар харандаагаар зурдаг.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

Photoshop нь өнгөний онцлогоор сонгоход хялбар байдаг ( -> Өнгөний хүрээг сонгоно уу, хүссэн өнгийг дусаагуураар хатгаснаар бид ижил төстэй өнгө бүхий бүх хэсгийг сонгох бөгөөд тэдгээрийг шууд дүүргэх чадвартай болох боловч энэ нь таны дүрийн элементүүд өөр өөр давхаргад байх шаардлагатай тул одоохондоо бид авч үзэх болно. Энэ функц нь Photoshop-ийн ахисан түвшний хэрэглэгчдэд хэрэгтэй):

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

4. Сүүдэрлэх, сүүдэрлэх.

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

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

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

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

Эхлэгчдэд зориулсан пикселийн урлаг. | Оршил.

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

Өглөө интернетээр алхаж байгаад нэг нийтлэл бичмээр санагдлаа Pixel Art, материалыг хайж байхдаа эдгээр хоёр өгүүллийг олсон.

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
Би франц хэл мэдэхгүй болохоор англи хэлнээс орчуулсан.
Тийм ээ, энэ бол миний анхны нийтлэл тул дизайны саналуудыг хүлээн авах боломжтой. Дээрээс нь асуулт бол үлдсэн хэсгүүдийг тусад нь нийтлэх үү, эсвэл үүнийг шинэчилж, нэмж оруулах нь дээр үү?

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

Алхам

1-р хэсэг

Танд хэрэгтэй бүх зүйлийг цуглуулах

Сайн график засварлагч татаж авах.Мэдээжийн хэрэг, та Paint дээр шилдэг бүтээлүүдийг хийж болно, гэхдээ энэ нь хэцүү бөгөөд тийм ч тохиромжтой биш юм. Дараахь зүйл дээр ажиллах нь дээр.

• фотошоп
• paint.net
• Пиксен

1. График таблет худалдаж аваарай.Хэрэв та хулганаар зурах дургүй бол таблет, зүү зүү хэрэгтэй болно. Wacom-ийн шахмалууд нь хамгийн алдартай нь юм.

   "Сүлжээ"-г идэвхжүүлнэ үү график засварлагч. Хэрэв таны график засварлагч сүлжээ дэлгэцийг дэмждэггүй бол өөр програм хайх талаар бодох хэрэгтэй. Сүлжээ нь тус бүр пиксел тус бүрийг хаана, хэрхэн байрлуулахыг тодорхой харах боломжийг олгоно. Дүрмээр бол "Харах" цэсээр rosary-г асаана.

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

2. 1 пикселийн хэмжээтэй сойзтой харандаагаар зур.Аливаа график засварлагч нь Харандаа хэрэгсэлтэй байх ёстой. Үүнийг сонгоод сойзны хэмжээг 1 пиксел болгож тохируулна уу. Одоо та ... пикселээр будаж болно.

   2-р хэсэг

   Үндсэн ойлголтуудыг дадлагажуулах

   1. Шинэ зураг үүсгэх.Та пикселийн урлагийн хэв маягаар зурж сурч байгаа тул туульсын зураг руу чиглэх ёсгүй. Хэрэв та санаж байгаа бол Super Mario Bros. Дэлгэц бүхэлдээ 256 x 224 пиксел бөгөөд Марио өөрөө 12 х 16 пикселийн зайд багтсан!

      Томруулах.Тийм ээ, тэгэхгүй бол та тус тусдаа пикселийг харах боломжгүй. Тийм ээ, та үүнийг маш их нэмэгдүүлэх хэрэгтэй болно. 800% нь хэвийн гэж бодъё.

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

      Муруй шугам зурж сур.Муруй шугаманд жигд "шугам тасрах" байх ёстой (энэ нь арай өндөр зураг дээр тодорхой харагдаж байна). Муруй шугам зурж эхлээд 6 пикселийн шугам, доороос нь гурван шугам, доороос нь хоёр, доороос нь нэг пикселээс зурна гэж бодъё. Нөгөө талаас ижил зүйлийг зур (мэдээж толин тусгал). Энэ дэвшилт нь оновчтой гэж тооцогддог. “3-1-3-1-3-1-3” хээгээр зурсан муруй нь пикселийн урлагийн стандартад нийцэхгүй байна.

      Алдаагаа арилгахаа бүү мартаарай.Баллуур хэрэгсэл нь харандаа шиг тохируулагдсан байх ёстой бөгөөд сойзны хэмжээг 1 пикселтэй тэнцүү болгоно. Баллуур том байх тусам илүүдлийг арилгахгүй байх нь илүү хэцүү тул бүх зүйл логик юм.

   3-р хэсэг

   Эхний спрайт үүсгэж байна

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

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

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

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

      • Ноорог нарийн ширийн зүйлийг бүү алдаарай! Эцсийн зураг дээр харахыг хүссэн зүйлээ зур.

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

      • Ноорог зурахдаа тойм өнгө болгон 100% хар өнгийг ашиглана. Хэрэв ямар нэгэн зүйл гарвал та дараа нь гараар өөрчлөх болно, гэхдээ одоохондоо хар өнгөтэй ажиллах нь танд илүү хялбар байх болно.

   3. Зургийн тоймыг илүү боловсронгуй болгох.Энэ утгаараа та мэдээж өөрөөр хэлж болно - илүүдэл бүх зүйлийг арилгах. Гол нь юу вэ - тойм нь 1 пикселийн зузаантай байх ёстой. Үүний дагуу томруулж, арилгах, илүүдлийг арилгах ... эсвэл дутууг харандаагаар бөглөнө үү.

      • Ноорог дээр ажиллахдаа нарийн ширийн зүйлд бүү сатаараарай - тэдний ээлж ирнэ.

   4-р хэсэг

   Спрайтыг будах

   1. Өнгөний онолыг сайтар судлаарай.Ямар өнгө хэрэглэхийг палитрыг хараарай. Тэнд бүх зүйл энгийн байдаг: өнгө нь бие биенээсээ хол байх тусам тэдгээр нь хоорондоо ижил төстэй байдаггүй; Өнгө нь бие биендээ ойртох тусам ижил төстэй, бие биенийхээ хажууд илүү сайн харагддаг.

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

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

      • Марио - зөвхөн гурван өнгө (хэрэв бид ярьж байгаа бол сонгодог хувилбар), тэр ч байтугай тэдгээр нь бараг бие биентэйгээ ойрхон палитр дээр байрладаг.
      • Sonic - Хэдийгээр Sonic нь Мариогаас илүү дэлгэрэнгүй зурсан ч зөвхөн 4 өнгө (мөн сүүдэр) дээр суурилдаг.
      • Рю бараг л сонгодог спрайт юм, учир нь тэд тулааны тоглоомд ойлгогддог, Рю нь энгийн өнгөөр ​​будсан том талбайнууд, мөн хил хязгаарыг тогтооход бага зэрэг сүүдэр юм. Гэхдээ Рю нь Sonic-ээс арай илүү төвөгтэй байдаг - аль хэдийн таван өнгө, сүүдэр байдаг.

   3. Спрайтыг будна уу. Fill хэрэгслээр спрайтаа өнгөөр ​​будаж, бүх зүйл хавтгай, амьгүй харагдаж байна гэж санаа зовох хэрэггүй - энэ шатанд өөр юу ч хүлээхгүй. "Дүүргэх" хэрэгслийн зарчим нь энгийн бөгөөд энэ нь таны сонгосон өнгөний бүх пикселийг хил хязгаарт хүрэх хүртэл дүүргэх болно.

   5-р хэсэг

   Сүүдэр нэмэх

   Гэрлийн эх үүсвэрийг шийднэ үү.Дүгнэлт: гэрэл спрайт дээр ямар өнцгөөр унахыг та шийдэх хэрэгтэй. Үүнийг анхаарч үзвэл та бодит харагдах сүүдэр хийж болно. Тийм ээ, шууд утгаараа "гэрэл" байхгүй болно, гол зүйл бол зураг дээр хэрхэн унахыг төсөөлөх явдал юм.

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

   1. Суурь өнгөнөөс арай бараан өнгийг ашиглан сүүдэр түрхэж эхлээрэй.Хэрэв дээрээс гэрэл тусвал сүүдэр хаана байх вэ? Энэ нь шууд гэрэл унахгүй газар зөв юм. Үүний дагуу сүүдэр нэмэхийн тулд тойм дээрх эсвэл доор тохирох өнгөт пиксел бүхий спрайт дээр хэд хэдэн давхаргыг нэмнэ үү.

      • Хэрэв та "Гэрэлт" тохиргоог бага зэрэг нэмэгдүүлэх замаар үндсэн өнгөний "Contrast" тохиргоог багасгавал сүүдрийг гаргахад тохиромжтой өнгө авах боломжтой.
      • Градиент бүү ашигла. Градиент нь муу юм. Градиент нь хямдхан, хакердсан, мэргэжлийн бус харагддаг. Сийрэгжүүлэх аргыг ашиглан градиентийн нөлөөтэй төстэй үр нөлөөг олж авдаг (доороос үзнэ үү).

   2. Penumbra-ийн талаар бүү мартаарай.Үндсэн өнгө болон сүүдрийн өнгөний хооронд өнгө сонгоно уу. Өөр давхарга үүсгэхийн тулд үүнийг ашиглана уу - гэхдээ аль хэдийн эдгээр хоёр өнгөний давхаргын хооронд байна. Та харанхуй газраас цайвар газар руу шилжих үр нөлөөг авах болно.

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

   6-р хэсэг

   Дэвшилтэт зургийн техникийг ашиглах

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

   • Эхлэн суралцагчид сийрэгжилтийг ихэвчлэн буруугаар ашигладаг, тэдэн шиг байж болохгүй.

   1. Anti-aliasing (контурын жигд бус байдлыг арилгах) талаар бүү мартаарай.Тийм ээ, нэрийн хуудаспикселийн урлаг - зургийн харагдахуйц "пикселжилт". Гэсэн хэдий ч заримдаа та зураасыг бага зэрэг харагдахгүй, бага зэрэг гөлгөр болгохыг хүсдэг. Эндээс antialiasing гарч ирдэг.

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

   2. Сонгосон дүрслэлийг хэрхэн ашиглах талаар суралц.Гол нь юу вэ: тоймыг дүүргэхэд ашигладагтай төстэй өнгөөр ​​зурсан. Энэ нь бага "хүүхэлдэйн киноны" дүр төрх болж хувирдаг бөгөөд энэ нь контурын илүү бодитой харагдаж байгаатай холбоотой юм. Хувцас эсвэл объектод сонгодог хар тойм үлдээж, арьсыг сонгон гаргаж үзээрэй.