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

четверг, 27 декабря 2012 г.

Создаем текстуру камня


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

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

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

Как вы видите в итоге, без тренированного глаза будет довольно сложно различить сетку из тайлов.

Благодарю Марса, за перевод этой замечательной статьи. Рекомендую вам посетить его блог в котором вы найдете статьи с пиксель арт'ом, работы автора и множество другой информации, которую любопытно почитать. Спасибо за внимание, надеюсь урок дал вам многих разъяснений. Автор этого урока: Kiwinuptuo

суббота, 3 ноября 2012 г.

Полезные ссылки

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

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

Рисование пиксельной машины в изометрии


Этот урок покажет тебе, как рисовать простые изометрические автомобили в Pixel Art, используя Photoshop или любые другие графические редакторы, которые есть на вашем компьютере. В Pixel Art используют пиксели, чтобы создать изображение, строя картинку пиксель за пикселем так же, как  в LEGO создают модель по кирпичику. Pixel Art создает
ретро-вид, который возвращает нас к ранней компьютерной графике игры, где разрешение экрана диктовало детали графики игр.
Этот урок взят из pixelparkinglot.com. Он позволяет тебе нарисовать свою собственную машину, купить парковочный билет и соединить авто с веб-сайтом, по твоему выбору. Если ты будешь следовать этому уроку и создашь шедевр, то почему бы и не рассмотреть парковку твоей поездки на нашем лоте. Этот урок был создан при помощи Photoshop,однако ты можешь использовать любую программу для работы с изображением, которая позволит тебе рисовать на уровне пикселей, включая  MS Paint на базовом уровне, или ты можешь попытаться попробовать онлайн инструмент, как SUMO Paint.

Когда ты открываешь документ Photoshop, ты можешь увидеть каркасный шаблон. Этот пример показан на 400% от оригинального размера. 
Откройте файл PSD, включенный в загрузку, или если ты не способен открыть документ Photoshop, открой включенный в архив - GIFimage. Файл содержит простой каркас автомобиля, который даст тебе базовые размеры для собственного творчества. 
Ты можешь изменить проводную структуру, чтобы изменить стиль автомобиля и получить форму, которую ты ищешь.
Сначала выбираем цвет для нашей машины, нам нужно будет два оттенка этого цвета. Не забудь подумать о том, где  будет падать свет, в нашем случае свет в верхнем левом углу и, следовательно, тень ложиться на переднюю часть автомобиля (подробнее об этом позже). 



Мы будем использовать более темный оттенок цвета, которые мы выбрали, чтобы заполнить часть автомобиля. Ты можешь выполнять заполнение инструментом для этого (если ты используешь инструмент Photoshops Pain Bucket, только выключи Anti-aliasing, чтобы не нарушить каркас) или используй инструмент карандаша, чтобы раскрасить область.
Цвет автомобиля добавляем ко всем панелям. Серый используют здесь как пример, ты же можешь использовать любой цвет, какой только пожелаешь.



Заполните остальную часть автомобиля более светлым оттенком выбранного цвета.

Добавление деталей добавляет глубину к изображению.







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



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


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