Пиксел-арт в вопросах и ответах
* Гостевой пост от блога sprosonok.ru
Всем привет!
Начнем, пожалуй, с главного – что же такое пиксел-арт?
Прежде всего – это рисунок, нарисованный с помощью растрового графического редактора с использованием простейших инструментов – карандаша и ластика. Причем наиболее преданные энтузиасты утверждают, что настоящий pixelart должен быть нарисован без использования даже автофигур и заливки, которые упрощают рутинную работу художника.
Как [...]
Рисование древесины
Шаг 0: Найдите цветовую гамму.
На этом этапе я подбираю цветовую гамму. Сложно подобрать правильные оттенки для отдельного объекта, чтобы эти 4 цвета были достаточно контрастны и имели достаточную вариацию, чтобы точно передать свет и тени. Раньше я просто брал какой-нибудь пиксельарт похожего объекта и копировал его цвета. Конкретно для этой древесины, я использовал цвета из [...]
Рисуем горы
Шаг первый… мы рисуем контур, любой контур. Небольшое руководство, как это сделать:
1. Всегда рисуйте его ассиметричным (т.е. не симметричным, не как отражение в зеркале через любую боковую или радиальную линию) иначе будет казаться, что это сделал не человек.
2. Многие горы выглядят так, как будто их высекли из камня. Старайтесь сохранить четкие острые края.
3. Не [...]
Учимся рисовать Pixel Art в Photoshop
Вступление
Пиксельные иллюстрации прекрасно подходят для создания компьютерных иконок, изометрических изображений и даже целых сцен. Они могут быть быстро и легко созданы с помощью Photoshop c парой быстрых настроек параметров.
Единственным недостатком, однако, является то, что пиксельная графика выглядит лучше всего тогда, когда прорисован каждый пиксель без использования фильтров Photoshop. Я знаю, это звучит немного ненормально, особенно [...]
Создаем бесшовный пиксельный узор
В этом уроке я покажу вам, как сделать бесшовный пиксельный узор или паттерн, используя Photoshop и немного фантазии.
Первым делом открываем Photoshop и создаем новый документ с прозрачным фоном размером 25 x 25 пикселей. Почему так мало? Потому что это будет только одна четвертая часть окончательного узора.
После этого используя Zoom (Z) или удерживая клавишу Ctrl нажимаем [...]
Рисуем иконку
1. Создаем новый документ
В Photoshop создайте новый документ размером 14 x 14 пикселей с прозрачным фоном.
2. Рисуем контур
Установите толщину инструмента “Pencil tool” (Карандаш) равную 1 пикселю. Выбираем темно-серый цвет и начинаем рисовать контур страницы. Рисуя прямую линию, первым щелчком мыши определите начальную точку линии и далее, удерживая клавишу “Shift”, щелкните на конечную точку.
Полезный совет: [...]
Палитра Swatches
При работе с пиксельной графикой все так и или иначе используют различные палитры цветов. В этом уроке я расскажу о подборе цветов в Photoshop с помощью палитры “Swatches” (Образцы).
С ее помощью можно как подбирать уже готовые цвета из входящих в комплект Photoshop наборов палитр, так и составлять свои коллекции цветов из часто используемых. Созданные с [...]
Рисуем Аватар “Поросенок”
В этом уроке мы, используя Photoshop, нарисуем маленький пискельный аватар.
Создаем новый документ в Photoshop: Файл – Создать или сочетание клавиш Ctrl + N, размером 50 на 50 пикселей.
Так как мы будем использовать увеличение масштаба изображения для удобства рисования, то подготовим второе окно, в котором наш рисунок будет в 100% масштабе. Окно – Упорядочить – Новое [...]
Рисуем меч
Уважаемые посетители, в этом уроке я покажу, как можно нарисовать пиксельный меч, используя небольшое количество цветов. Начнем с создания палитры. Я взял пять серо-синих оттенков и пронумеровал их.
Теперь, используя самый темный цвет 1, рисуем контур меча.
Далее закрашиваем основу меча цветом 4.
После этого делаем основные линии для теней цветом 3.
Теперь рисуем отражение света на [...]
Неоновая вывеска
В этом уроке я покажу как можно достаточно быстро и легко нарисовать неоновую вывеску.
Первым делом определимся с цветом фона вывески. Желательно чтобы это был темный оттенок какого-либо цвета. На светлом фоне “неоновое свечение” будет выглядеть не так интересно и эффектно. И подберем цветовую палитру для неоновой рамки и светящейся надписи.
Следующим шагом я создал новый слой [...]