Показаны сообщения с ярлыком пиксель. Показать все сообщения
Показаны сообщения с ярлыком пиксель. Показать все сообщения

суббота, 28 июля 2012 г.

Учимся рисовать пиксельную иконку. Создание Pixel Icon.


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





Для начала создадим файл с атрибутами 32x32. Создайте новый слой и увеличите изображения до нужного вам  значения, чтобы легче вам было рисовать. Выберите инструмент «Карандаш» и установить его толщину рисования в один пиксель. И далее шаг за шагом рисуем все, так как показано на следующих рисунках.












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







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







Далее мы рисуем ещё одну иконку, увеличиваем её, скрываем предыдущий слой. При помощи инструмента «Карандаш», рисуем некое подобие бумаги.






Смотрим на рисунок и подбираем цвета для своей иконки.
.





В завершении просматриваем исходный размер работы, открываем спрятанный слой, если чего не так корректируем.


Подведем итог о том, что теперь у нас есть, немного опыта, чтобы рисовать иконки размером 32x32.

Учимся рисовать девочку в Пиксель Арт


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

Всегда начинайте с основной формы головы человека. Нарисуйте форму головы и шапку с нужным вам контуром. Следом нарисуйте волосы и шею.




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






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



Давайте раскрасим шапку, одежду и обувь любым основным цветом (Цвета могут быть разными в зависимости от вашего предпочтения). Смотрите, работа выглядит уже лучше, не так ли? Однако слишком простенько, давайте ее детализировать.





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

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

четверг, 12 июля 2012 г.

Строительство небольшого дома в пиксельной графике


Для начала создайте основные линии (контур)дома, принимая в качестве основание земли, прямоугольник в изометрии.






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






Далее следует раскраска контура, основных частей и углов, цветами соответствующей поверхности.








Добавляем такие элементы как окна, дверь и другие детали..









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

*Примечание: В уроке изображения увеличены в несколько раз. К уроку прилагаются специальные файлы PSD которые можно скачать здесь*

Вторая часть уроков от PixelNascImpact

Создание цилиндра


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



На новом слое, используйте инструмент овальные выделения. С помощью него, вы получите эллипс.




Выключите сглаживание, и обведите контур. Таким образом, вы получите основу цилиндра.



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



Создания растения в пиксель арт'е






Прежде всего, сделать цилиндр для горшка растения. Он будет являться основой нашего объекта.







Сделайте одно изменение которое, придаст правдоподобный вид горшку (серым цветом показано старые линии, а черным новые (измененные).









Затем мы рисуем само растение, чтобы правильно был смоделирован объект.









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


То что получаем в завершении(изображении имеет исходный размер 



Isometric Pixel Graphics -IPG

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

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