Автор: Василий Пирогов
Информация об авторе:
Я являюсь творческим руководителем Бюро Пирогова.Область моей специализации
- разработка эффективного дизайна, оказывающего эмоциональное влияние на посетителей.
Преимущества предлагаемых мною решений - полное соответствие дизайна имиджу
компании, её образу для целевой аудитории, поддержка брэнда в интернете, а так
же - кардинальное отличие дизайна сайтов от, практически всех остальных, в подобных тематиках.
e-mail: me@pirogovv.ru
Пирогов Василий. Урок 7: Основы технического дизайна. Часть 1
Внимание: В этой серии уроков описываются только "ручные" способы обработки изображений. Плагины не затрагиваются
по причинам их не универсальности и тотальной нелегальности. (Покажите мне человека, у которого есть лицензия).
А обрабатывать изображения вручную должен уметь любой, уважающий себя профессионал.
В этом уроке я рассматриваю основы технического дизайна. На примере обработки кондиционера,
я покажу какими приёмами можно пользоваться для придания изображениям чёткости, чистоты и приятного вида.
ШАГ 1
Исходное изображение.
На увеличенном изображении видны множество «артефактов» кондиционера. Это и не ровная решётка, и размытые кнопки,
а так же копирайт в правом верхнем углу. Нужно это всё убрать и сделать изображение чётким и красивым.
ШАГ 2
Все дальнейшие шаги, будем рассматривать в масштабе 200% для того, что бы читатели не ломали глаза. Вначале поработаем
над решёткой кондиционера. Самая частая решётка получится если наложить горизонтальные линии «через одну». Сглаживание
в фотошопе следует отключить (в верху на панели Options, галочка Anti-alias).
ШАГ 3
Обрезаем края линий по контуру кондиционера.
ШАГ 4
Для того, что бы отделить панель управления кондиционером от решётки, нарисуем тёмную синюю линию по контуру панели. 
ШАГ 5
Пришло время закрасить копирайт.
ШАГ 6
Займёмся нижней панелью. Марку кондиционера я решил убрать совсем. Что бы избавиться от всей грязи внизу проще просто
нарисовать нижнюю панель заново. Для этого панель обводим вектором по контуру, далее заливаем светло-серым цветом и в
конце добавляем градиент, который делает наш кондиционер более объёмным.
ШАГ 7
Теперь займемся верхней панелью. Её так же придётся полностью перерисовать. Вначале обводим и выделяем область
верхней панели. Заливаем светло-серым цветом. Потом проводим горизонтальными линиями грани, которые практически
не видны были на оригинале.
Примечание: Вообще, при технической обработке изображений полезно полностью перерисовывать какие – то поверхности или грани.
По крайней мере чистый градиент смотрится намного лучше и красивее, нежели испорченный дефектами и грязью, оригинал.
ШАГ 8
Обрабатываем панель управления кондиционером. Берём инструмент brush и выделяем красные и зелёные кнопки,
а также светлые и тёмные полоски. С помощью градиентов и инструмента brush «чистим» сам фон панели управления.
ШАГ 9
Цветокоррекция. Накладываем светлый синий фон. Ставим режим наложения слоя Soft light (выпадающий список всех
режимов наложения слоёв находится в панели “layers” в самом верху слева. По умолчанию там стоит режим «normal»).
Изображение становится приятного синеватого вида.
ШАГ 10
Сравниваем начальное изображение с полученным результатом.
