g
Пятница
01.03.2024
00:29
 
Все для редактирования и создания игр
 
Приветствую Вас Новичок | RSS|Главная | Каталог статей | Регистрация | Вход

Каталог статей

Главная » Статьи » Photoshop » Для начинающих

Туториал по дизерингу. (пиксель арт для игры)
  — Дизеринг (Dithering) (англ. dither от староанглийского didderen — дрожать.
В компьютерной графике дизеринг используется для создания иллюзии глубины цвета для изображений с относительно небольшим количеством цветов в палитре.
(Материал из свободной википедии)

Итак, если сказать своими словами: дизеринг дает псевдо-цвет, за счет чередующихся пикселей двух реальных цветов. Допустим у нас есть черно-белый монитор и ,соответственно, только два цвета   —  черный и белый. Чтобы получить иллюзию серого, разместим пиксели черного и белого в шахматном порядке.
Готово! Вы великолепны.

Зачем это было нужно?
Вспомним Gameboy, с его 4-мя оттенками серого или NES с его 54-мя цветами. С такими суровыми ограничениями, дизеринг был очень хорошим приемом.

На кой это нужно сейчас?
Для приадния олдскульного шарма и трушности в пиксель-арте.
Дизеринг   — ,это как минимум,хороший тон. Если игнорировать данный прием, ваш арт будет смотреться незавершенным. (К слову, стоит добавить что дизеринг в пиксель-арте далеко не везде обоснован, и часто заменятся отрисовкой фактуры материала или просто игнорируется)

Вот культовая вещь. Здесь просто дофига дизеринга и всего Два цвета.

Как сделать также круто:


способ №1, Ручной:


Самый провереный способ   —  руками. Берем однопиксельный карандаш и упорно тыцаем пиксели смежных цветов в определенном порядке.
например здесь:


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

способ №2, Паттерны:


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

Например как сдесь:

Создаем кисть с паттерном:
1)Берем фотошоп, создаем новый документ, 4 на 4 пикселя обычно как раз то что нужно. Рисуем однопиксельным карандашом наш черно-белый паттерн.
2)Определяем нашу картинку как пресет для кисти (File > Define brush preset)
3)Называем его как нибудь. Желательно логично, чтобы не искать нужную кисть в будущем.
4)Выбираем нашу кисть и заходим в её настройки (hotkey - F5). Дублируем кисть и выставляем параметр Spacing на 100%. Этот параметр задает через какой промежуток, относительно размера кисти, кисть будет повторяться. Это важный параметр и он должен быть именно 100% Догадываетесь почему?
Готово.


способ №3, Читерский:


Иногда нужно сделать дизеринг на крупной площади, при том монотонной. Обычно это небо для какой нибудь сцены. Можно всё сделать и способом №2, но есть способ быстрее и проще. Использовать алгоритмы дизеринга самого фотошопа.
Создаем новый документ, размером равным нужному фону с дизерингом.
Заливаем градиентом с переходом от одног онужного цвета в другой.
Сохраняем через Save For Web (Shift+Cntrl+Alt+S если кто не знал) и выбираем PNG-8, а в меню палитры понижаем количество цветов, до которого надо уменьшить палитру. Также тут можно выбрать способ програмного дизеринга. Экспериментируйте.



Еще немного теории:


Как видите, количественным соотношением пикселей одного или иного цвета, мы можем регулировать оттенок нашего псевдо-цвета, и управлять плавностью перехода.
Так, если на границе двух цветов использовали соотношение 50/50, а за ним 25/75 (граница с "шахматными", затем полностью столбец основного цвета, а за ним черезпиксельное чередование вносимого цвета) получаем вот такой плавный градиент.



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


Источник: http://gameshaker.ucoz.ru
Категория: Для начинающих | Добавил: gameshaker (16.11.2013) | Автор: rgs E
Просмотров: 6686 | Теги: Tutorials, Туториал, арт, дизеринг, Игровая, Dithering, пиксель, GameDev, игрострой, flash
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы
UnWorld (Unreal Engine 1.5-2)(редактор уровней Harry Potter)
(Комментариев:0)
(Загрузок:2196)
Серия игр:Гарри Поттер " Harry Potter"
(Комментариев:0)
(Загрузок:1421)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack10
(Комментариев:0)
(Загрузок:1538)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack9
(Комментариев:0)
(Загрузок:1029)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack8
(Комментариев:0)
(Загрузок:542)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack5
(Комментариев:0)
(Загрузок:557)
Top 10 Flash Games(флеш игр) по версии GamesHaker.ucoz.ru pack6
(Комментариев:0)
(Загрузок:493)
Категории раздела
Для начинающих [15]
Работа с Photoshop [1]
Фильтры в Photoshop [0]
Фотомонтаж и спецэффекты [0]
Разное о фотографии [0]
Наш опрос
Игры какого жанра вы предпочитаете создать?
Всего ответов: 91
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Зарег. на сайте
Всего: 3668
Новых за месяц: 2
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Админинистраторов:1
Модераторов:0
Проверенных:0
Обычных юзеров:3667
Из них
Парней:3190
Девушек:478
Статистика файлов
Новостей:178
Файлов:494
Статьи:198
Фото:450
Коментариев:162
Форма входа
Поиск



Социум
Друзья сайта
продвижение сайта в поисковых системах GanGstA Game's TOP-100 CounterRambler's Top100 TOP Яндекс.Метрика
продвижение самостоятельно самостоятельное продвижение сайтоврегистрация сайта в каталогах Все для редактирования и создания игр с нуля.Игрострой.Новости моддинга и игростроя.Уроки рисования. Рейтинг SIMPLETOP.NET раскрутка сайта

Бесплатная регистрация в поисковых системах

Locations of visitors to this page

Graffiti Decorations(R) Studio (TM) Site Promoter ТОП GTA-GAME
О сайте Новое в галерее

Здравствуйте уважаемые любители игростроя! Этот сайт создан специально для вас! Здесь есть всё что нужно для редактирования и созданию игр, в том числе и без программирования... На этом сайте вы найдёте очень много файлов статей для редактирования игор. Также на сайте есть очень много различных файлов к играм, программ, патчей, трейнеров и др., для таких известных игор как GTASA, NFS, CS1.6, Crysis и др. Также есть различные программы связаны с играми, для создания 3D-моделей, для извлечения ресурсов из разных игор. На сайте очень много картинок, скриншотов и обоев на рабочий стол из игор. Здесь вы найдёте всё необходимое для создания модификаций к вашим любимым играм, а так же создания собственных игр. Для игроделов на сайте можно скачать необходимые для этого инструменты (конструкторы игр, движки), изучить необходимую литературу (статьи, журналы, книги) и т.д. На нашем форуме вы всегда сможете спросить совет или поделиться своими наработками. Если у вас имеются интересные файлы, то вы так же можете разместить их на нашем сайте.Ващей фантизии нет границ? Тогда вперёд, покажите всем на, что вы способны! А наш сайт вам в этом поможет. Играйте, создавайте, модифицируйте, удивляйте людей! И может быть через какое то время весь мир узнает о Вас!
Подробно о сайте >>>

Ubisoft транспорт GTA IV 3d модели GTA SA Crytek nfs_shift моделирование Новый pc играть Как обзор правильно статьи Туториал Как создать журнала редактор photoshop игровые Моды новое Демо стиле красивый научиться TDU смотреть иностранный локацию pdf интернет персонаж Рисуем персонажа game программирования фон Фотошоп GTA flash ADOBE уроки спрайт графика мод игра FPS журнал 2013 игр GDC программы Выдиралки данных моддинг рисование конструктор версия игры для 3D моделей studio Tools создания скачать новости вышел Android на Nvidia демонстрация CryENGINE анонс Unity Игровая движка текстур выпуск игрового Видео игрострой движок 2D SDK игровой Нарисовать графику GameDev урок 3ds Max sa создание авто Grand Theft Auto из рисовать Флеш Top



Гостевая книга                   Последние комментарии
Администрация не несет ответственности за корректность и достоверность информации в статьях и надежность всех упоминаемых URL-адресов. Все названия и логотипы в файлах и статьях являются собственностью их законных владельцев и не используются в качестве рекламы продуктов или услуг. Материалы портала распространяются согласно условиям лицензии
CreativeCommons.
© 2024
Рейтинг@Mail.ru