Pixel Art: Рисуем пиксельное изображение в Photoshop GameDev и Ромхакинг. Разное - (Читайте Коды, Секреты, Пароли, Статьи) - OldCityRetroGames

Меню

Категории, жанр

Ромхакинг
Разное
GameDev

Главная » Читать » GameDev и Ромхакинг. » Разное


Pixel Art: Рисуем пиксельное изображение в Photoshop (GameDev и Ромхакинг.)

Pixel Art: Рисуем пиксельное изображение в Photoshop

1) Создадим новый документ , размером 1*1px. Зальём его чёрным и определим как кисть. Назовём её «PixelBrush»

2) Открываем изображение, которое будем превращать в пиксельное. Сделаем его полупрозрачным, чтобы были видно контуры, но линии не были слишком яркими, и мы могли спокойно обводить.
Выбираем карандаш, и установим ему кисть «PixelBrush», диаметр 1px. Перед обводкой, необходимо подумать о уровне детализации, который вам походит. Статичное изображение содержит больше деталей, чем анимированное. Обводим контуры на новом слое. В сложных местах, таких, как окружности, я пользовался инструментом Pen, и затем обводил контуры(панель Path-правый клик на контуре — Stroke Path).

3) Немного теории. Чтобы визуально не возникало ощущения рваности линии, необходимо придерживаться гармоничности. Покажу на примере:

Прямые/наклонные

Скруглённые линии

Чистим и подправляем контуры.

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

Назовём слой «Colors»

5) Помещаем слой контур и «Colors» в новую папку. Теперь дублируем их и объединяем копии. Правый клик на иконке этого слоя и выбираем Select Pixels. Выбираем папку и создаём маску. Теперь мы можем спокойно работать с нашим персонажем, не боясь, что что-то вылезет за его пределы.

6) Наносим тени

7) Как делать плавный переход.

В пиксель-арте свой способ изображения градиентов, если на простом примере, то это выглядит так:

а более сложный градиент выглядит так:

Я добавил что-то подобное к шапке. Я не стал увлекаться «фотореалом», и не стал использовать много градиентов.

8

8) Сгладим шероховатые линии. Объяснить сложно, так что смотрим примеры:

8a

8b

А вот и наш результат:

У меня не точно соблюдена цветовая гамма, но, надеюсь, сам принцип понятен

Желаю успехов!


У вас есть интересный материал - (Коды, секреты, статьи, и даже стихи и др.) и его нет на сайте, и вы желаете его добавить. Мы будем вам признательны за наполнение сайта. Найдите кнопку Добавить. и добавьте то, что вам и гостям будет интересно и полезно. Желаем вам хорошего настроения и ностальгии - OldCityRetroGames.ru

 

Категория: Разное | Добавил: Emerald (02-Апрель-2015)
Просмотров: 528 | Теги: photoshop, пиксельное изображение, Рисуем, pixel art | Рейтинг: 5.0/1
Всего комментариев: 0
avatar

Музыка из игр:

Macross / Choujikuu Yousai Macross / Макросс (Воздушная Крепость) - Избранное Ecco the Dolphin / Дельфин Экко TaleSpin / Чудеса на Виражах 


Онлайн игры:

Поддержать.

 

Мой профиль


[ Управление профилем ]
Чат
Поделиться
Что смотрят
Статистика
Яндекс.Метрика

Геймеров на сайте: 5
Гостей: 5
Участников: 0

Сейчас на сайте:

Сегодня сайт посетили
Друзья сайта.
tmnttf best-football radiogameplay Вся правда о ретроиграх и не только! Скачать игры и программы - Торрентыч KinoLegenda

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

OldCityRetroGames.ru © 2011 - 2016 Мобильная версия

%

Используются технологии uCoz