Оценки на уредникот:
Ова е список на 5 бесплатни онлајн создавачи на уметнички пикселишто може да ви помогне да создадете убава уметност од 8 бити/пиксели со пополнување на мрежа од пикселисо различни бои. Повеќето од овие апликации имаат различни алатки за полесно и побрзо цртање. Најчестите алатки што ќе ги најдете во сите овие наведени апликации се молив, гума и корпа за боја. Две од овие онлајн 8-битни уметнички апликацииможе огледалона цртањена едната половина од платното, на другата. Друг производител на уметнички пиксели ви овозможува да цртате различни слоеви. Ова помага во дизајнот комплексни 8-битни дизајни.
Ти можеш користете ги овиеда направи 8-битни spritesшто може да се користи во онлајн форумиили во класичен 8-битни дизајни на игри. Ако дизајнирате 8-битни игри, тогаш проверете дали ќе направите 8-битна музика што може да се вклучи во играта.
Затоа, погледнете што имаме на списокот.
Е комплекс онлајн создавач на уметнички пикселишто може да направи 8-битни GIF-датотекипокрај 8-битни слики. Ако сакате да ги направите оние 8-битни фантастични разновидни слики што ги гледате на профилните слики на форумот, тогаш ова е алатката што ви треба. Пискел има а широк спектар на алаткикои го прават цртањето без напор. Освен молив, гума и кофа, Piskel ви обезбедува и вертикално огледало пенкало, функција која може да се најде и на Danielx’s Pixel Editor (за која ќе зборуваме следно). Постои и варијанта на корпата за боја која слика пиксели со иста боја. Освен овие две, ќе најдете и а алат за осветлувањеи а алатка за избор на ласо.
Правењето GIF на Piskel е прилично основно. Само треба додадете рамкина панелот со рамки директно до лентата со алатки и нацртајте ја секоја рамка од GIF-от што сакате да го направите. Прегледот на GIF-от во горниот десен агол ќе ве држи вклучен правотопатеката. Брзината на GIF може да се промени со мешање со FPS(рамка во секунда) лизгач под прегледот.
Сега, време е да уживате во веселоста на ова насмеано лице што го направив со помош на Piskel:
Piskel исто така ви помага да управувате со користените бои со податлив палета на бои. Имаисто така алатки за трансформирањена десната страна за да манипулирате со 8-битната слика што ја правите. Кликнете на ЗАЧУВАЈна панелот од десната страна за да ја зачувате вашата креација како GIF или ZIP-датотека од сите рамки во PNG.
Уредувач на пиксели на Danielx
Уредувач на пиксели на Danielxе најлесен за употреба 8-битен создавач на уметноство оваа листа. Ви ги нуди основните алатки за цртање едноставна слика со пиксели како молив, кофа за боја, гума, алатка за селекција итн. Најдоброто нешто за оваа алатка треба да биде симетрија на цртањешто дозволува една половина од платното да огледало надруга половина, и двете хоризонтално и вертикално. На овој начин можете да цртате многу побрзо ако вашата слика е симетрична на која било од оските.
Ми требаа едвај 30 секунди да го нацртам тоа глупавото лице на видра ти сигледајќи погоре. Симетријата може да се постави хоризонтално и вертикално истовремено. Ова ги отсликува квадрантите на платното. Ова е одлична поставка за правење калеидоскопски слики.
Даниелкс има и малку Репризакопче на долниот панел што покажува a цртање на брзинана сликата имашштотуку создаден. Единственото нешто што го ограничува овој уредувач на пиксели е недостатокот на пристојна палета на бои со мноштво бои. Сликата може да се преземе како PNG-датотека оддолниот панел.
Е најмногу едноставен бесплатен создавач на уметнички пикселиво оваа листа. Има неколку основни бои со повеќе од 8 алатки за уредување. Ова е единствената веб-апликација во оваа листа која ви дава „ 8-битно чувство“ со својот интерфејс. Makepixelart е единствениот запис во оваа листа што има a алатка за затемнување и осветлувањеза никогаш текстураеднобојна боја насликана на платното. Постои палета на бои што може да се конфигурираат со различни бои од кошницата за бои. Најдобриот дел за makepixelart се 3-те слоеви каде што можете да цртате различни слики и да ги организирате. Ако сте повеќе загрижени за забавата отколку за крајниот производ, тогаш треба да користите Makepixel уметност.
Направете 8-битна уметност
Make 8 Bit Art е уште една бесплатна веб-локација каде што можете да цртате 8-битни spritesна големо пикселирано платно. Ако сакате да скокнете во предизвик каде помалку алаткии повеќе вештинисе вклучени, тогаш оваа страница е она што ви треба. Имате само две алатки за цртање, имено - алатката за молив и кофата за боја. Може да се направи едноставно уредување со сече,копирајте,алатки за пасташто инаку можеше да се направи со едноставна правоаголна алатка за избор и кратенки на тастатурата. Големината на четката може лесно да се смени со лизгачот. Сликата може да се увезе и извезува PSON форматкој подоцна може да се вчита на Make 8 Bit Art за понатамошен развој.
Е друга веб-апликација каде што има многу поголемо платно за цртање. Овој уредувач на пиксели има поширок опсег на алатки за разлика од горенаведениот. Сепак, тоа е слично во однос на палета на бои со Make 8-битна уметност. Лентата со алатки може да се скролува нагоре така што вие ги има ситеплатното за себе. На мрежата може да се исклучи и вклучи запогодност на корисникот. Pixelartmaker може да зачува 8-битна уметност само како PNG. Ова е многу полесна алатка за цртање пиксели од горенаведената, која нема големина на четкаконфигурација, но има повеќе алатки. Ако сакате цртежот да биде малку полесен со минимални алатки, тогаш Pixelartmaker е она што треба да го користите.
Завршни зборови
Пискел е победникна оваа листа бидејќи може да прави 8-битни GIF-и, како и слики. Оваа веб-апликација има многу алатки што го олеснуваат дизајнирањето. Уредувачот на пиксели на Danielx има платформа ориентирана кон симетријатоа го прави дизајнирањето побрзо ако 8-битната уметност што ја правите е симетрична. Ова го прави да стои 2. во оваа тркана 8-битни креатори на уметност. Ако вашата уметност ќе биде сложена, тогаш подобро е да користите makepixelart за тоа апликација базирана на слоевикако и во повеќето платформи за дизајнирање. Останатите се добри за користење ако сакате да направите некои секојдневни чкртаници.
Секој кој се занимавал со Instagram или други апликации за обработка на фотографии може да ја разбере 8Bit Photo Lab. Принципот на работа овде е потполно ист: прикачете фотографија, нанесете филтер на неа, подесете некои детали и прикачете го резултатот на Интернет.
Филтрите во 8Bit Photo Lab ги трансформираат фотографиите како што би изгледале на иконите компјутери и старите видео адаптери:
- Commodore PET е персонален компјутер кој се произведувал од 1977 до 1982 година.
- CGA е првата графичка картичка во боја од IBM PC.
- GameBoy е легендарната конзола за игри од Nintendo.
- Apple II е првиот компјутер на Apple, кој е роден во 1978 година.
Достапни се 12 филтри во бесплатната верзија на 8Bit Photo Lab. Про верзијата за 139 рубли дава пристап до уште 8 филтри, вклучувајќи ги NES, ZX Spectrum и Commodore 64.
Можете и сами да го прилагодите филтерот, на пример, да ја смените резолуцијата. За пикселната уметност, ова е цел уметнички метод. Палетата исто така се менува: можете да изберете од 21 бесплатна опција, вклучувајќи VGA, 6-битен RGB, Commodore 16, CPC 6128 од компјутерот Amstrad CPC.
Можете да примените дитерирање. Како резултат на тоа, се чини дека палетата на бои се шири поради промените во бојата на соседните пиксели. Може да се смени и односот на пикселите.
Гиковите треба да ја испробаат функцијата Хардверски ограничувања. Ги групира пикселите како што би направиле постарите компјутери, со оглед на нивните можности. Точно, од 24 опции, само две се бесплатни.
Но, најбруталниот ефект е Глич. Апликацијата емулира различни грешки на графичкиот адаптер.
8Bit Photo Lab има и класични алатки за уредување: прилагодување контраст, осветленост, заситеност, сечење. Можете да додавате текст, икони, емотикони или да направите рамка.
8Bit Photo Lab е одлична апликација која треба да биде во арсеналот на сите кои се делумни на старите сајбер теми. Покрај тоа, дури и во бесплатната верзија тој е функционален и забавен уредник.
Во оваа статија ќе ви покажам како да креирате неколку различни игри во Photoshop CC/CS6. За ова користиме пикселна графика:
Поставки за Photoshop
1. Направете нов квадратен документ со страни од 20 до 100 пиксели ( во зависност од тоа колку е голем спрајтот). Ќе работам со платно од 50 на 50 пиксели:
- Ширина: 50 px;
- Висина: 50 px;
- Резолуција: 72 dpi;
- Режим на боја: RGB (8-битни);
- Содржина на позадина: Транспарентна.
Слика 1: Нова датотека во Photoshop 50 на 50 пиксели
Слика 2: Ново празно платно во Photoshop 50 на 50 пиксели
2. Да ја продолжиме нашата лекција за уметност со пиксели. Изберете ја алатката Молив ( во паѓачкото мени за алатката четка) и поставете ја големината на четката на 1 пиксел. Изберете ја алатката „Бришач“ и поставете ја нејзината големина на 1 пиксел, Режим - Молив:
Слика 3: Алатката за молив се наоѓа во паѓачкото мени Brush Tool.
Слика 4: Променете ја големината на алатката за молив за 1 пиксел
Слика 5: Променете ги опциите на алатката за бришење
3. За да покажеме каде ќе се наоѓаат графичките пиксели на платното, ќе вклучиме мрежа. Во поглавјето Уреди > Преференции > Водичи, Grid и Fragments ги конфигурираат параметрите на мрежата. Поставете ја мрежата да го прикажува секој пиксел ( поделба - 1 пиксел). Кликнете на копчето добро“ и потоа вклучете ја мрежата за да можете да ја видите. Оди до Прикажи > Прикажи > Решетка:
Слика 6: Конфигурирајте ги поставките за мрежа
Слика 7: Поставете ја мрежата да го прикажува секој пиксел
Слика 8: Вклучете ја решетката
4. Уште една промена, вратете се на Поставки > Општои сменете ја интерполацијата на сликата во " Со соседните пиксели (зачувува остри рабови)»:
Слика 9: Промена на интерполација на сликата во „По соседни пиксели“
Сега сè е подготвено за да започнеме да создаваме уметност со пиксели!
Создавање ликови
Ќе започнеме со креирање на еден знак sprite.
1. Да почнеме со датотеката од 50 на 50 пиксели што ја создадовме. Ќе додадам позадински слој со солидна боја. После ова ќе можеме да ја видиме мрежата.
На дното на палетата Слоеви, кликнете на иконата што изгледа како половина исполнет круг. Изберете ја опцијата „Боја“ и поставете го новиот слој на неутрална боја за полнење:
Слика 10: Кратенката за додавање нов хомоген слој е во менито на дното на палетата на слоеви
2. Додадете нов проѕирен слој на врвот на овој слој за полнење во боја. Оди до Слој > Нов > Слојили едноставно кликнете на иконата завиткан лист во менито на дното на палетата Слоеви.
3. Да го создадеме телото на нашиот карактер. Ајде да ја избереме главната боја на кожата. Јас користам боја #f2cb9f:
Слика 11: Избор на основна боја на кожата
4. Со помош на алатката Pencil, нацртајте го телото на ликот на уметничка игра со пиксели. Сакам да го одржам телото што е можно поедноставно, а потоа да го дотерувам на крајот. Ќе додадеме повеќе детали кога ќе ја креираме главната форма.
Совет: за секој нов елемент, додадете дополнителен слојза да можете да се вратите подоцна и да уредувате.
Совет: Ако сакате да креирате права линија, кликнете еднаш каде што сакате да ја започнете, а потоа задржете го копчето Shift и кликнете каде што сакате да ја завршите линијата. Photoshop автоматски ќе создаде права линија помеѓу двете точки.
Можете да го креирате телото како што сакате. Еве како го направив тоа:
- Кликнете еднаш на платното со молив од 15 пиксели за да ја креирате главата;
- Направете триаголник ( надолу), ова ќе биде градите и нацртајте врат врз него ( користејќи молив од 3 пиксели);
- Направете го торзото користејќи друг триаголник ( нагоре) од под триаголникот на градниот кош;
- Нацртајте ги нозете од дното на триаголникот на торзото;
- Ставете „точки“ на местата каде што ќе завршат рацете. Едната рака на ликот ќе биде крената нагоре, а другата надолу. Држете го копчето Shift и кликнете на работ на рамото за да ги поврзете рамото и крајот на раката;
- Додајте ги рацете и нозете на вашиот карактер на уметничка игра со пиксели;
- Сега можете да додадете или избришете неколку пиксели за да ја прилагодите формата на телото. Додадов малку повеќе волумен на нозете за да се згусне вратот и телото и малку ги заокружив рамената.
Слика 12: Редослед на создавање делови од телото, почнувајќи од главата
5. Сега ќе додадеме облека, коса и лице. Користете ја основната форма на телото како шаблон за да креирате облека. Сакам да додадам шест нови слоеви за кошула, панталони, чевли, коса, лице и мали детали:
Слика 13: Додавање детали за знаци, почнувајќи од кошулата
Слика 14: Завршив со еден слој за полнење во боја, еден слој на телото и шест слоеви со детали.
6. Фотошоп датотека како што постои во моментов.
7. Вклучено на оваа бинаУпатството за уметност со пиксели на нашиот човек е веќе завршено, но сакам да додадам поголема длабочина со светлина и сенка.
Дополнителен чекор, додавање сенки:
Ајде да создадеме срамнета копија од сите слоеви. За да го направите ова, исклучете ја видливоста на слојот за полнење боја ( Кликнете на иконата за очи лево од сликичката на слојот), потоа притиснете Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC). Ова автоматски ќе создаде срамнета копија од сите видливи слоеви на врвот на остатокот од оџакот на слоеви.
Сега предлагам да ги ставите слоевите во посебна папка и да ја исклучите неговата видливост. За брзо групирање на слоеви, изберете ги и кликнете на нив, а потоа притиснете Ctrl / Option -G :
Слика 15: Притиснете Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC) за да креирате срамнета копија
Слика 16: Групирајте неискористени слоеви во папка. Исто така, повторно ја вклучив видливоста на слојот за полнење.
8. Додадете нов слој и променете го неговиот режим на мешање. Режимот на мешање може да се постави со помош на опаѓачкото мени на врвот на палетата Слоеви, лево од опцијата Opacity. Стандардно во оваа програма за уметност со пиксели е поставено на „Нормално“.
Сакам да го изберам режимот за мешање на мека светлина бидејќи убаво ќе ги затемни боите што ги користев за ликот. Со избраниот нов слој ( Јас ќе го наречам „Засенчување“), додека го држите копчето Alt, кликнете на слојот подолу ( срамнети со земја карактер слој) да се создаде маска. На овој начин, сè што ќе нацртате на слојот „Засенчување“ ќе биде видливо во маската на слојот „Карактер“:
Слика 17: Режим на мешање на мека светлина
9. Скицирајте ги областите на слојот „Засенчување“ со црн молив. Со тековниот режим на мешање, црната боја ќе ја затемни бојата одоздола. Црвената боја на кошулата ќе стане темноцрвена, зелена бојакосата ќе стане темнозелена и така натаму.
Совет: Ако засенчувањето е премногу грубо, променете го режимот на мешање или непроѕирноста на слојот. Ако сакате да додадете повеќе нијанси на засенчени бои, креирајте нови слоеви „Засенчување“ со различна непроѕирност.
На крајот, завршив со два слоја во сенка: првиот со 25% непроѕирност, а вториот со 45% непроѕирност:
Слика 18: Додавање длабочина со дополнителни слоеви на сенки
10. Ако сакате да додавате нагласувања, креирајте нов слој „Потенцирање“ на ист начин како што го додадовме слојот „Засенчување“, само поставете го режимот на мешање на „ Преклопување“ и користете бел молив.
11. Откако ќе бидете задоволни со изгледот на вашиот 8-битен карактер, време е да го зачувате последниот спрајт како PNG-датотека. Но, прво треба да го скратиме платното за да се вклопи цврсто околу сликата на ликот на играта со пиксели и да нема дополнителен простор околу рабовите. Ова ќе ни овозможи да ја намалиме големината на датотеката. Исклучете ја видливоста на слојот за полнење во боја, а потоа одете на Слика> Сечењеи поставете го параметарот "Based on" на - " Транспарентни пиксели" Кликнете на копчето "OK":
Слика 19: Исечете го платното околу сликата