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

пятница, 10 августа 2012 г.

Линии


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


Грубый эскиз

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







Очистка

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



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

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

среда, 8 августа 2012 г.

Рисуем небольшую иконку женщины


Доброго времени суток читатели блога  IsoPixelGraphics. Сегодня мы будем рисовать иконку женщины. И так мы приступаем.

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

Дублируем, то что мы уже нарисовали ранее.








Мы заполняем часть нашего изображения, любым цветом пожеланию. На рисунке использовали цвет #8F4700.






Создаем новый слой( это можно сделать одновременно нажав Shift,Control,N). После рисуем глаза состоящие из двух черных пикселей и добавляем немного границ для лица. Цвет #FE9E61.




Создайте новый слой и раскрасьте на нем лицо. На рисунке использовали цвет #FDD1A0.







Теперь же нарисуйте пару линий для рта. Здесь использовали цвет #DE1010. И не забудьте изобразить белым цветом лоб.






Создаем новый слой и рисуем линии, которые будут отображать шею. Цвет #CE776D.







Раскрашиваем шею. На рисунке используется цвет #FDD1A0.











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




















Оставшиеся части тела раскрашиваем цветами: белым(#FFFFFF), темно-оранжевым(#FF3401) и светло-оранжевым (#FF7749). Нижнею часть раскрашиваем цветом #FF3401.













Финальный результат. Пожеланию можно продолжить этот рисунок добавляя детали. Например как показано ниже.



















И вот что у нас из этого вышло.

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

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


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





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












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







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







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






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





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


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

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


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

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




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






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



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





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

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

вторник, 17 июля 2012 г.

Как нарисовать дерево в пиксель арт


Нарисуйте круг.
-размером:70px
-цвета:#88bf67






Нарисуйте ещё один круг, однако он должен быть «несовершенным», то есть прорисованным не до конца, чтобы создать эффект тени.
-цвета:#f6d08d






И ещё один «несовершенный» круг.
-цвета:#cddd96








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










Нарисуйте полукруги в нижней части основы так, как показано в этом примере.










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










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










А теперь проделайте тоже самое, и с верхней основой.










Сейчас  нарисуйте в случайном порядке несколько таких пикселей, как эти:

С верхушкой проделайте те же действия.











Добавьте разбитые круги, чтобы заполнить «пустоту».







Напоследок закончите свою работу добавлением нового яркого цвета: -#e1f4a2






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



Как нарисовать сакуру в пиксель арт'е

Для начала рисуем ствол дерева.






Теперь  дорисовываем остальные ветки, которые будут вдалеке и из этого следует, что они будут темнее, чем все остальные.





Далее добавьте листья дереву красно-розоватого оттенка. Нарисуйте один листочек, скопируйте его и вставляйте




Дорисовываем остальные детали, если они потребуются.


В результате у нас получится что-то вроде этого.





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