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

Удиртгал

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

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

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

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

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

Тэгэхээр би яриандаа буцаж оръё.

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

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

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

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

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

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

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

Хүмүүс дараа нь: "За, Paint миний хувьд хэтэрхий хязгаарлагдмал тул би найздаа олон мянган функцтэй Photoshop (эсвэл Gimp эсвэл PaintShopPro) ашиглах болно" гэж боддог. Энэ нь сайн эсвэл муу байж болно: хэрвээ та эдгээр програмуудын аль нэгийг мэддэг бол пикселийн дүрслэлийг хийж болно (автоматаар өнгөлөх бүх сонголтуудыг унтрааж, олон нэмэлт функцуудыг унтраасан). Хэрэв та эдгээр программуудыг хараахан мэдэхгүй байгаа бол тэдгээрийн бүх функцийг ашиглах шаардлагагүй ч гэсэн та тэдгээрийг сурахад маш их цаг зарцуулах бөгөөд энэ нь цаг үрэх болно. Товчхондоо, хэрэв та тэдгээрийг удаан хугацаанд ашиглаж байгаа бол та пикселийн урлагийг үүсгэж болно (би хувьдаа зуршилгүй 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
Би франц хэл мэдэхгүй учраас англи хэлнээс орчуулсан.
Тийм ээ, энэ бол миний анхны хэвлэл тул дизайны санал хүсэлтийг хүлээн авна уу. Дээрээс нь би асуултыг сонирхож байна: үлдсэн хэсгүүдийг тусдаа нийтлэл болгон нийтлэх үү, эсвэл үүнийг шинэчилж, нэмж оруулах нь дээр үү?

Adobe Photoshop: Бид дүрийг зурж, хөдөлгөөнтэй болгодог Пикселийн технологиУрлаг

Энэ хичээлээр та энэ техникийг ашиглан дүрийг хэрхэн зурж, хөдөлгөөнд оруулах талаар сурах болно Pixel Art. Үүнийг хийхийн тулд танд зөвхөн Adobe Photoshop хэрэгтэй. Үр дүн нь гүйж буй сансрын нисгэгчтэй GIF байх болно.

Хөтөлбөр: Adobe Photoshop Хэцүү: анхан шат, дунд түвшин Шаардлагатай хугацаа: 30 мин – цаг

I. Баримт бичиг, багаж хэрэгслийг тохируулах

1-р алхам

Хэрэгслийн самбараас Харандаа сонгох - энэ нь бидний хичээлийн гол хэрэгсэл байх болно. Тохиргоо дотроос Hard Round сойзны төрлийг сонгоод зураг дээрх шиг үлдсэн утгыг тохируулна уу. Бидний зорилго бол харандааны үзүүрийг аль болох хурц болгох явдал юм.

Алхам 2

Баллуур хэрэгсэл (баллуур) тохиргооноос харандаа горимыг сонгоод зурагт үзүүлсэн шиг үлдсэн утгыг тохируулна уу.

Алхам 3

Pixel Grid-г асаана уу (Харах > Харах > Пикселийн сүлжээ). Хэрэв цэсэнд ийм зүйл байхгүй бол тохиргоонууд руу очоод "Тохиргоо"> "Гүйцэтгэл"> График хурдатгалыг асаана уу.

Анхаарна уу: Сүлжээ нь зөвхөн 600% ба түүнээс дээш томруулсан тохиолдолд шинээр үүсгэсэн зураг дээр харагдах болно.

Алхам 4

Preferences > General (Control-K) хэсэгт зургийн интерполяцийн горимыг хамгийн ойрын хөршийн горим болгон өөрчил. Энэ нь объектуудын хил хязгаарыг аль болох тодорхой байлгах боломжийг олгоно.

Нэгж ба захирагчийн тохиргоонд захирагчийн нэгжийг пикселийн тохиргоо > Нэгж ба захирагч > Пиксел гэж тохируулна уу.

II. Дүр бүтээх

1-р алхам

Одоо бүх зүйл тохируулагдсан тул бид дүрийг шууд зурж болно.

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

Алхам 2

Control+T гарын товчлол, эсвэл Засах > Чөлөөт хувиргалтыг ашиглан зургийн масштабыг 60 пикселийн өндөрт бууруулна уу.

Мэдээллийн самбарт объектын хэмжээг харуулна. Интерполяцийн тохиргоо нь 4-р алхам дээр хийсэнтэй ижил гэдгийг анхаарна уу.

Алхам 3

Ноорог 300-400%-иар томруулж, ажиллахад хялбар болгож, давхаргын тунгалаг байдлыг багасгана. Дараа нь шинэ давхарга үүсгэж, харандаа хэрэглүүрийг ашиглан нооргийн тоймыг зур. Хэрэв тэмдэгт нь манайх шиг тэгш хэмтэй бол та зөвхөн талыг нь тоймлож, дараа нь хуулбарлаж, толин тусгал болгон эргүүлэх боломжтой (Засварлах > Өөрчлөх > Хэвтээ эргүүлэх).

хэмнэл:Нарийн төвөгтэй элементүүдийг зурахын тулд тэдгээрийг хэсэг болгон хуваах хэрэгтэй. Шугаман дээрх пикселүүд (цэгүүд) 1-2-3, 1-1-2-2-3-3 гэх мэт хэмнэл үүсгэх үед ноорог илүү жигд харагдана. хүний ​​нүд. Гэхдээ хэрэв хэлбэр нь үүнийг шаарддаг бол энэ хэмнэлийг алдагдуулж болно.

Алхам 4

Контур бэлэн болсон үед та үндсэн өнгийг сонгож, том дүрсийг будаж болно. Үүнийг контурын доор тусдаа давхарга дээр хий.

Алхам 5

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

Сүүдэр нэмж үргэлжлүүлээрэй. Та зурж байхдаа анзаарсан байх, зарим дүрсийг засах боломжтой.

Алхам 6

Тодруулгад зориулж шинэ давхарга үүсгэнэ үү.

Давхаргын самбар дээрх унадаг жагсаалтаас Overlay холих горимыг сонгоно уу. Зурах цайвар өнгөонцлохыг хүссэн хэсгүүдийн дээгүүр. Дараа нь Filter > Blur > Blur ашиглан онцлох хэсгүүдийг жигд болго.

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

Алхам 7

Одоо сансрын нисгэгч тодосгогчийг нэмэх хэрэгтэй. Түвшингийн тохиргоог (Зураг > Тохируулга > Түвшин) ашиглан илүү гэрэлтүүлж, дараа нь Өнгөний тэнцвэрийн сонголтыг ашиглан өнгийг тохируулна уу (Зураг > Тохируулга > Өнгөний тэнцвэр).

Энэ дүр одоо анимейшн хийхэд бэлэн байна.

III. Дүрийн хөдөлгөөнт дүрс

1-р алхам

Давхаргын хуулбарыг үүсгээд (Layer > New > Layer Via Copy) 1 пиксел дээш, баруун тийш 2 пикселээр хөдөлгөнө. Энэ бол дүрийн хөдөлгөөнт дүрслэлийн гол цэг юм.

Өмнөх хүрээг харахын тулд анхны давхаргын тунгалаг байдлыг 50%-иар бууруул. Үүнийг "сонгины хальслах" (олон тооны горим) гэж нэрлэдэг.

Алхам 2

Одоо дүрийнхээ гар, хөлийг гүйж байгаа мэт нугалав.

● Тодруул зүүн гар Lasso хэрэгсэл

● FreeTransformTool (Засварлах > FreeTransform) ашиглан Удирдлагын товчлуурыг удаан дарснаар савны хилийг хөдөлгөж, гараа буцааж хөдөлгөнө.

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

● Хэсгийг засахын тулд харандаа, баллуур ашиглана уу баруун гартохойноос доош.

Алхам 3

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

Алхам 4

Хоёр дахь давхаргын хуулбарыг хийж, хэвтээ байдлаар эргүүлнэ. Одоо танд 1 үндсэн байрлал, 2 хөдөлгөөн байна. Бүх давхаргын тунгалаг байдлыг 100% хүртэл сэргээнэ.

Алхам 5

Цонх > Он цагийн хэлхээс рүү ороод Timeline самбарыг харуулах ба Frame Animation үүсгэх дээр дарна уу.

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

Удиртгал

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

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

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

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

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

Тэгэхээр би яриандаа буцаж оръё.

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

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

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

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

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

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

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

Хүмүүс дараа нь: "За, Paint миний хувьд хэтэрхий хязгаарлагдмал тул би найздаа олон мянган функцтэй Photoshop (эсвэл Gimp эсвэл PaintShopPro) ашиглах болно" гэж боддог. Энэ нь сайн эсвэл муу байж болно: хэрвээ та эдгээр програмуудын аль нэгийг мэддэг бол пикселийн дүрслэлийг хийж болно (автоматаар өнгөлөх бүх сонголтуудыг унтрааж, олон нэмэлт функцуудыг унтраасан). Хэрэв та эдгээр программуудыг хараахан мэдэхгүй байгаа бол тэдгээрийн бүх функцийг ашиглах шаардлагагүй ч гэсэн та тэдгээрийг сурахад маш их цаг зарцуулах бөгөөд энэ нь цаг үрэх болно. Товчхондоо, хэрэв та тэдгээрийг удаан хугацаанд ашиглаж байгаа бол та пикселийн урлагийг үүсгэж болно (би хувьдаа зуршилгүй 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
Би франц хэл мэдэхгүй учраас англи хэлнээс орчуулсан.
Тийм ээ, энэ бол миний анхны хэвлэл тул дизайны санал хүсэлтийг хүлээн авна уу. Дээрээс нь би асуултыг сонирхож байна: үлдсэн хэсгүүдийг тусдаа нийтлэл болгон нийтлэх үү, эсвэл үүнийг шинэчилж, нэмж оруулах нь дээр үү?

4.7 (93.8%) 158 санал

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

Зургийг эсээр хэрхэн зурах вэ

Энэ урлаг нь хэнд ч хүртээмжтэй, гол зүйл бол эсийг тодорхой дагаж мөрдөх явдал юм. Сургуулийн дэвтэр нь дөрвөлжингийн хэмжээ нь 5х5 мм, дэвтэр нь өөрөө 205 мм-ээс 165 мм хэмжээтэй зураг зурахад тохиромжтой. Асаалттай Энэ мөчА4 хуудас бүхий хаврын дэвтэр нь хайрцагны зураачдын дунд түгээмэл болж байна.

Мэргэжлийн зураачид уран бүтээлээ график цаасан дээр (зургийн цаас) бүтээдэг бөгөөд тэнд тэнүүчлэх зай бий. График цаасны цорын ганц сул тал нь цайвар өнгөтэй байдаг ногоон өнгө, энэ нь өнгөт үзгээр ноорог зурахад анзаарагдахгүй.
Зурах дэвтэр сонгохдоо цаасны зузаан, түүний нягтрал, хуудасны буруу талд гарч ирэх эсэхээс хамаарна. Хуудасны хамгийн тохиромжтой нягт нь 50 г / м2-ээс багагүй байна.

Зургийг эсээр хэрхэн зурах вэ

Зургийг эсээр будахын тулд танд ямар ч тусгай хэрэгсэл хэрэггүй болно. Monochrome зургууд нь маш сайхан байдаг, гэхдээ би амьдралдаа өнгө оруулахыг үнэхээр хүсч байна. Өнгө нь олон янз байхын тулд бичгийн хэрэгслийн дэлгүүрт очиж, өөрийн хүссэн зүйлээ сонгоорой. гель үзэг, тос, бөмбөг.

Пиксел урлагт зориулсан бал үзэг

Нүдэнд зурах эсгий үзэг

Хэрэв та эсгий үзэгээр зурах дуртай бол таны баруун, эсгий үзэгний өнгө нь маш баялаг юм. Эсгий үзэг нь хоёр бүлэгт хуваагддаг гэдгийг санах нь зүйтэй: архи, усанд суурилсан нь илүү аюулгүй боловч цаасыг нэвт норгох боломжтой; Согтууруулах ундаа нь цаасыг нэвт норгох боломжтой бөгөөд үнэр нь хүн бүрт тохирохгүй.

Нүдээр зурах харандаа

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

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

Надад таалагдсан хэд хэдэн зургийн схемүүд:

Цэгтэй график - пикселийн урлагийн технологи

Бид ямар дагалдах хэрэгсэл хэрэгтэйг олж мэдсэн, одоо технологитой танилцацгаая. Pixel art технологи нь маш энгийн бөгөөд цэгэн график юм.

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

Аливаа зүйлийг эзэмших хамгийн сайн арга бол дадлага юм, пикселийн урлагийг эзэмшихийг хичээцгээе:

Хар, улаан тосон үзэг аваад, дэвтэр хуудасХайрцганд.

Эхлээд энгийн зураг зуръя. Нүдийг тоолж, тоймыг нь тодорхойлж, өнгөөр ​​нь өнгөөр ​​​​будуулъя.

Жишээлбэл, зүрх зуръя:

1. Алаг навч, хар бэхээр үзэг аваад, зурган дээрх шиг 3 цэг тавь, аль нүдийг хараар будахыг цэгүүд.
   
   
2. Зургийн контурыг харуулсан шугам зур.
   
   
3. Тал бүр дээр гурван цэгийг тэмдэглэ, зургийг харна уу.
   
   
4. Бид зургийн талбайг хоёр шугамаар тэмдэглэв.
   
   
5. Хажуу талдаа дахиад нэг цэг тавьж, дээд цэгүүдийн доор хилийн шугам зуръя.
   
   
6. Доорх зурагт үзүүлсэн шиг босоо тэнхлэгт 8 цэг, хоёр талдаа 4 цэг зуръя.
   
7. Зурагт үзүүлсэн шиг босоо шугамыг зурснаар бид зургийн хил хязгаарыг бүрэн зааж өгнө.
   
8. Үүнтэй адилаар зүүн, баруун талд зүрхний доод хэсгийг тэмдэглэнэ.
   
   
9. Бид зурган дээрх шиг эсүүдийг тоймлодог.
   
   
10. Бидний хийх дараагийн зүйл бол улаан үзгээр будах явдал юм. дотоод хэсэгзүрх сэтгэл, гэрлийн хурц гэрлийг будаагүй үлдээдэг.
    
    
11. Эцэст нь цэгээр тэмдэглэгдсэн нүднүүдийг хар үзэг ашиглан сүүдэрлээрэй. Одоо та найман битийн зургийг хэрхэн зурж сурсан.
    
    

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

Авах

• хар үзэг,
• харандаа,
• дөрвөлжин дэвтэр,
• компьютер,
• Интернетээс авсан зураг эсвэл зураг
• Photoshop програм.

Өргөдөл гаргахын тулд эзэлхүүний зурагБид будсан эсийн тоог тоолох хэрэгтэй. Их хэмжээгээр алдаа гаргахгүй байх нь маш хэцүү байдаг. Мөн анхны зурагтай төстэй өнгөт сүүдэр сонгохоо мартуузай.
Тиймээс, үйлдэл хийцгээе:

Би танд маш их тус болох нэг зөвлөгөө өгөх болно: хэрэв танд өнгөт принтер байгаа бол зургийг хэвлээрэй, үгүй ​​бол асуудалгүй. Илүү зузаан тоймтой 10 нүдтэй тор зур. Хэвлэсэн хуудсан дээр захирагч болон тодосгогч үзэг ашиглан хэвлэх газар байхгүй бол Paint дээр зургийг нээж болно.
Танд уран бүтээлийн амжилт хүсье.

20-р зуунд пиксел график нь өргөн хэрэглээний талбар болсон. Компьютер тоглоом, ялангуяа 90-ээд онд. 3D график хөгжихийн хэрээр пикселийн урлаг буурч эхэлсэн ч вэб дизайны хөгжил, гар утас, гар утасны программууд гарч ирсний ачаар дахин амилсан.

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

Пикселийн урлагийн үндсэн дүрмүүд

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

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

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

Шулуун шугамын хувьд та налуу шулуун шугамын алдартай жишээнүүдийн аль нэгийг ашиглан даалгавраа хөнгөвчлөх боломжтой.

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

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

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

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

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

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

Дитеринг

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

Дитеринг хийх хамгийн түгээмэл арга бол пикселүүдийг даамын самбарт байрлуулах явдал юм.

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

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

Дитрит пикселийн зургийг сайн ажиллуулахын тулд өнгө холих талбар хамгийн багадаа хоёр пикселийн өргөнтэй байх ёстой.

Pixel art-д зориулсан програмууд

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

Өнөөдрийг хүртэл олон хүмүүс Windows үйлдлийн системийн алдартай стандарт програм болох Microsoft Paint дээр пикселээр зурахыг илүүд үздэг. Энэ програмыг сурахад үнэхээр амархан, гэхдээ энэ нь бас сул тал юм - энэ нь маш энгийн, жишээлбэл, давхаргатай ажиллах, тэдгээрийн ил тод байдлыг дэмждэггүй.

Демо хувилбарыг онлайнаар үнэ төлбөргүй олох боломжтой өөр нэг хэрэглэхэд хялбар пиксел зургийн програм бол GraphicsGale юм. Хөтөлбөрийн сул тал нь пикселийн зургийг .gif форматаар хадгалахыг дэмждэггүй байж магадгүй юм.

Эзэмшигч Mac компьютеруудүнэгүй Pixen програмтай ажиллахыг оролдож болно. Линукс үйлдлийн системийн хэрэглэгчид GrafX2 болон JDraw программуудыг өөрсдөө туршиж үзэх хэрэгтэй.

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

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

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

"Бөмбөлөг" зурах

Хамгийн энгийн зүйлээс эхэлцгээе - энгийн зур бөмбөлөг. Photoshop дээр 72 dpi дэлгэцийн нягтралтай шинэ файл үүсгэ. Зургийн хэмжээг том болгох нь утгагүй юм - энэ бол пикселийн урлаг юм. Хатуу, тунгалаг биш сойз сонгоод хэмжээг 1 пиксел болгож тохируулна уу.

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

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

Энэ нь хичнээн энгийн болохыг хараарай - бөмбөг бэлэн боллоо!

"Робот" зурах

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

Шинэ баримт бичгийг нээж, ирээдүйн роботын бүдүүвч зургийг гарга.

Одоо та замд саад болж буй бүх зүйлийг цэвэрлэж, шаардлагатай бол пиксел нэмэх боломжтой:

Үүний нэгэн адил роботын биеийн доод хэсгийг зур. Тохиромжтой газруудад "төгс" шулуун шугам зурах боломжийг бүү алдаарай.

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

Та контурыг дүүргэж эхэлж болно. Роботын биеийг үндсэн өнгөөр ​​"буд". Манай өнгө нь лаванда хөх.

Контурын өнгийг өөрчлөх - хар хөх өнгөөр ​​дүүргэ. Зурган дээрх гэрлийн эх үүсвэр хаана байгааг шийдээрэй. Бидний хувьд энэ нь роботын урд, баруун талд хаа нэгтээ байрладаг. Баатрынхаа цээжийг зурж, эзлэхүүнээ нэмээрэй:

ХАМТ баруун талбиеийн контурын дагуу зурсан хамгийн гүн сүүдрийг тэмдэглэ. Энэ сүүдрээс ирмэгээс төв хүртэл гэрлийн эх үүсвэрээр гэрэлтүүлэх зориулалтын хэсэгт алга болох цайвар сүүдэр зур.

Гэрлийг тусгах гэж буй бүх хэсэгт роботын онцлох хэсгүүдийг нэмнэ үү:

Сүүдэр, гэрлийг ашиглан роботын хөлийг цилиндр хэлбэртэй болго. Үүний нэгэн адил роботын цээжин дээрх дугуйлан нүх гарга.

Одоо өмнө нь хэлэлцсэн пикселийн урлагийн элемент болох dithering-ийг биеийн сүүдрийн хэсгүүдэд нэмж зургийг сайжруулцгаая.

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

Энэ бол бидний хөгжилтэй пиксел робот бэлэн боллоо!

Мөн энэ видеоны тусламжтайгаар та Photoshop дээр пикселийн зургийн хөдөлгөөнт дүрсийг хэрхэн хийхийг сурах болно.

Үүнийг өөртөө аваад найзууддаа хэлээрэй!

Мөн манай вэбсайтаас уншина уу:

дэлгэрэнгүй харуулах