Линии

Начнем пожалуй с основ lineart. У всех различные методы рисований линий. Многие люди делают это при помощи планшета. Некоторые, рисуют эскиз на бумаге, затем  импортируют на компьютер и по нему рисуют свою работу. Я лично предпочитаю работать мышью. Экспериментируете, чтобы понять что для вас удобней.

Грубый эскиз

Используете мышь или планшет, либо что-то другое, чтобы схематически изобразить объект или сцену. Я здесь начал здесь рисовать подобие кошки. Давайте назовем его Pix.

Очистка

Увеличение масштаба вашей работы, поможет вам отчистить её. Выравнивайте линии, регулируете их длину, придавайте вашей работе более завершенный эскиз. Вы можете изменять свою работу на протяжении всех этапов рисования, так что не переживайте если вы заметили не все на первой отчистке. Старайтесь не использовать линии толщиной больше в 1 пиксель.

Небольшой совет

Это понадобится вам при рисовании линий. Идеально ровная линия строится под углами 90 или 45 градусов, как показано на примере 1,2. Компьютер показывает хорошо линии  только для этих углов. Другие хорошие линии как правильно сделаны из пикселей 2x1, 3x1 как показано на примере 3. Для кривых используете маленькие нарастающие линии как показано на примере 4. Используете их особенно там, где края. Избегайте неправильных, угловых линий пример 5. Они будут выглядеть неровно и криво.

Учебник Марка о Пиксель Арт

Давайте начнем!

Для начала предлагаю ознакомиться с содержанием:

1)Подготовка к работе

2)Общие навыки
3)Отделка контуров

Есть пару вещей, которые ты должен рассчитать при работе с пикселями. Я лучше начну с унылого, но не переживайте! На этом все трудности заканчиваются.

Трата времени и усилий

Работа с пиксель арт занимает много времени и является тяжелым процессом. Чем больше времени ты тратишь на работу, уделяя внимание на детализацию, тем лучше выглядит твоя работа. Это занимает достаточное количество часов, однако награда стоит того. Если ты не готов тратить время на свою работу, то в итоге она  не будет заслуживать чьего-либо внимания, без разницы сколько ты уроков прочитал.

Основные художественные навыки

Основные навыки рисования - подборка цвета, текстуры, знание перспективы, форм и анатомии, иметь опыт и  утонченно оценивать вещи, а также точно передавать с цифрового носителя на другой. Если вы не можете создать спрайт или у вас не получается вы можете почувствовать недостаток в этой области. Если вы не можете нарисовать лицо на бумаге – или по крайней мере отличить хорошее рисование от плохого вы долго будете бороться с пикселями. Исходя из выше сказанного, относится оно к вам? Если да, то нужно получать основные навыки рисования.

Ничего не получается с первого раза

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

1)Что неправильно в нем?

2)Как это можно исправить?

3)Редактирование

Проверка болезненной прогрессии: о чем я думал когда начинал рисовать. Я спас этого персонажа.

Использование ссылок

Если вы задаетесь вопросом при рисовании, то вы можете использовать фотографии и другие изображения. Они могут быть найдены в различных источниках, а также в поисковых запросах в интернете. Также вы сможете найти новые и интересные цвета для вашей работы и пиксельные работы других людей. Следует помнить что прямой плагиат и редактирование работы других людей отчетливо не рекомендуется.

Инструменты которые нужны и не нужны

Я исключительно рекомендую вам один спрайт редактор: Graphics Gale. Это фантастический общедоступный пакет рисования, который ориентирован на пиксель арт. Скачать его вы можете здесь!

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

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

Инструменты которые не нужны

1)Photoshop. В нем присутствуют такие функции как размытие, различные фильтры, всякие эффекты которые могут повредить или испортить вашу работу.

2)Microsoft Paint или Ms Paint. В этом графическом пакете слишком мало функций для более сложной работы. Graphics Gale значительно преимущественнее этой программы.

Уроки от PixelNacsImpact

Предлагаю ознакомится вам с содержанием этих уроков:

1)Изометрия в пиксельной графике и пирамида в изометрическом пиксель арт'е

2)Цилиндр в пиксель арт, а также как нарисовать растением в пиксель арт.

3)Учимся по шагам создавать домик впиксель арт

Изометрия в пиксельной графике

Как вы можете заметить, цепь линий в пиксельной графике всегда строится одинаковым образом. Для линии, которая идет наверх, нужно построить ряд пикселей, которые будут тянуться наверх, создавая образ ступенек, длина которых будет вдвое больше, чем их высота. И для линии, которая «падает» вниз, построить тоже самое. Таким образом, применяя эти знания, можно построить линии во всех направлениях.

В этом примере у вас есть площадь квадрата 30х30, но в изометрии площадь составляет 30x15,а в iso высота соответствует половине к его начальной высоте.

На заметку: угол наклона линии в точности соответствует 26,565 °. Также это полезно знать, чтобы вы использовали API из рисунков для Flash MX для примера.

"Идеальные пиксельные линии", за этот пример (спасибо Pixel Freak) Эти линии наиболее часто используются в изометрической пиксельной графике. С ними, вы сможете сделать почти всё (треугольники, прямоугольники, квадраты и т.д.)

Реализация пирамиды

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

Затем нарисуем линию, которая будет находиться спереди нашей пирамиды (располагаться ближе к нам), она то и станет основой для двух других линий. Высота линии зависит от высоты, которую вы хотите придать вашей пирамиде.

Нарисуйте две линии близко к пирамиде, но достаточно близко, чтобы поставить точку на левом конце (или правой стороне) основного квадрата (отмеченный красным крестом на изображении) и зажимая 'SHIFT', нажмите  на соедините линии на вершине пирамиды.

Удалим заднюю (вспомогательную) линию постройки нашего основного квадрата, так как мы в ней больше не нуждаемся.

Раскрасьте свою пирамиду, также как показано на рисунке и в результате могут, получится такие пирамидки.

Isometric Pixel Graphics -IPG

Isometric Pixel Graphics - интернет ресурс, если быть точнее, блог, связанный с пиксельной графикой, в том числе и с изометрической. Главной тематикой контента, является редкое цифровое искусство – Pixel Art.

VldPixel

Я Влад Гридус – автор, данного блога. С пиксель арт’ом познакомился случайно (кажется это был изометрический пиксель арт), перейдя по ссылке на англоязычный сайт. После я начал подробно изучать статьи и уроки на пиксельную тематику, а также тратить достаточное количество времени на рисование.

В дальнейшем, я пришёл к выводу, что, очень мало информации связанной с пиксельным искусством (по крайней мере русскоязычной). Я видел, приблизительно 10-15 русскоязычных сайтов на данную тему и то в некоторых было всего лишь пару статье и не более. Также я видел в интернете блог с пиксель арт, но он почему то остановился и больше не обновлялся.  После мне пришла идея, о том, чтобы создать интернет пиксельный ресурс, который будет постоянно пополняться свежей актуальной информацией, а также развиваться в нужном направлении. Так и появился блог <<Isometric Pixel Graphics>> в котором задействованы различные уроки, полезные статьи и доброжелательные рекомендации. Перспектива блога заключается в том, что если ресурс будет успешным то в дальнейшем превратиться в полноценный сайт с форумом и надлежащем ему функционалом. Благодарю вас за внимание =)