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

четверг, 9 августа 2012 г.

Кевин и его рекомендации связанные с пиксель арт

Перед началом предлагаю ознакомится с содержанием данной серии:
1)Подготовка
2)Линии
3)Окраска
4)Дизеринг
5)Сглаживание


Я собираюсь  предоставить вам некоторую информацию о том, как начать рисовать пиксель арт. Я буду показывать основы, определенные методы, и мои собственные мнения. Я не утверждаю, что я был гением пиксельных знаний, однако как бы не было, я настоятельно рекомендую почитать руководство Дерек Ю, которая помогла мне, когда я впервые начинал рисовать. Другой хороший источник информации пиксель арт’а, является Учебник Марка, который вы можете посмотреть здесь.

Инструменты для рисования

В основном, все, что вам понадобиться, это компьютер и программа которая, редактирует изображения. Я использую PaintShop Pro 7, но есть множество программ, которые позволяют свободно рисовать пиксельную графику:
Paint.net
GIMP
Ms Paint
Graphics Gale
Allegro
Все дело в удобстве. Какой вам нравится интерфейс и функциональность к той программе вы и привыкните.

Другие предложения

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

Форматы файлов


 Это пока последняя рекомендация, и её нужно как следует подчеркнуть. Всегда сохраняйте свою пиксельную работу в формате GIF или PNG. Никогда не сохраняйте в формате JPEG. Файлы GIF и PNG используют сжатие без потерь, а также файлы GIF поддерживают анимацию, но ограничивают цветовой палитрой в 256 цветов. PNG формат был разработан, в целях того, чтобы заменить GIF. Его преимущество – поддержка множество цветов, а также альфа прозрачность. JPEG, не предназначен для пиксельной графики, так как, он использует сжатие и тем самым, причиняет ущерб пиксельной работе.



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

Рисование иконок


Значок документа

Создайте новое изображение, атрибуты которого равны 20х20 пикселей. Установите нужный для вас цвет фона. Нажмите сочетание клавиш CTRL +0 для того что увеличить размер изображения на экране. Выберите инструмент «Карандаш» и установите размер рисования в 1 пиксель.
Рисуем, так как показано на рисунке выше. Небольшой совет, если вы будете удерживайте нажатой клавишу Shift, то во время рисования линии, вы будете проводить прямую линию. Теперь просто нарисуйте несколько линий посередине на нашей иконке.





Значок Корзины


Вы можете рисовать в одном и том же стиле как вам только будет удобно.





















Иконка письма, дома и лупы





























Ну в основном это всё. Обязательно пробуйте, практикуйтесь и придумывайте свои иконки.








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


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

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

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








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






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




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







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






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







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











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




















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













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



















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

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

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


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





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












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







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







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






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





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


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