Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

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

Описание урока
Программа: Adobe Photoshop
Версия: CS5
Сложность: Для начинающих
Примерное время выполнения: 1.5 часа

Шаг 1
Создайте новый документ в Photoshop со следующими параметрами: 1200×800 px, 300 точек/дюйм, цветовая
схема RGB — 8 bit. Вы можете задать меньший размер, но лично я предпочитаю работать на холстах большого
размера. После завершения работы, вы сможете выполнить кадрирование своего изображения.


Шаг 2
Прежде всего, нужно создать фигуру-основу корпуса нашего пульта дистанционного управления. Для
этого воспользуемся инструментом Перо (Pen Tool (P)). Перед тем как начать расставлять опорные точки,
расположите на холсте вертикальную направляющую, которая будет вертикальной осью симметрии нашего
пульта. Теперь выберите цвет #111111 и нарисуйте фигуру, как показано на рисунке ниже.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Теперь продублируйте этот слой и пройдите в меню Редактирование > Трансформирование > Отразить
горизонтально (Edit -> Transform -> Flip Horizontal). Объедините эти слои и создайте один новый. Пройдите
в меню Редактирование > Трансформирование > Отразить вертикально (Edit -> Transform -> Flip Vertical).
Объедините оба этих слоя и примените вот эти стили:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Шаг 3
Создайте новый слой, выберите цвет #400025 и активируйте инструмент Перо (Pen Tool (P)). Создайте вот
такую фигуру:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Затем пройдите в меню Редактирование > Трансформирование > Отразить горизонтально (Edit -> Transform ->
Flip Horizontal). Объедините эти слои и примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Шаг 4
Настало время заняться кнопками. Создайте новый слой, выберите цвет #a71d1d и активируйте инструмент
Эллипс (Ellipse Tool (U)). Прочертите идеальный круг (удерживая Shift) и расположите его там, где, по-вашему,
должна быть расположена кнопка включения питания. После этого, примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Теперь создайте новый слой и с помощью Пера (Pen Tool (P)) нарисуйте символ включения питания (или
просто найдите в интернете готовый). После того, как нарисуете контур, выберите в списке кистей жесткую,
круглую кисть и задайте Основной цвет (foreground color) — (#ffffff. Задайте размер кисти примерно 5 пикс., и
снова переключитесь на инструмент Перо. Кликните ПКМ по только что созданному контуру и в контекстном
меню выберите пункт Выполнить обводку контура (Stroke Path). Убедитесь, что на пункте Имитировать нажим
(Simulate Pressure) не стоит галочка. Задайте Режим наложения слоя (Blend Mode) – Умножение (Multiply) и
примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



В итоге, ваш символ на кнопке включения питания должен выглядеть вот так:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Теперь активируйте инструмент Горизонтальный текст (Type Tool (T)), напечатайте что-нибудь, измените цвет
на #cccccc и переместите надпись чуть выше кнопки включения. Вот что должно получиться в итоге:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Объедините все три эти слоя в одну группу (Ctrl+G), назовите ее “Кнопка включения” или как-нибудь в этом
роде.



Шаг 5
Далее нам предстоит создать остальные кнопки. Создайте новый слой и снова выберите цвет #cccccc. Теперь,
при помощи инструмента Эллипс (Ellipse Tool (U)) нарисуйте еще один круг, только меньшего диаметра, после
чего примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1




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

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Чтобы создать иконку как у меня, инструментом Прямоугольник (Rectangle Tool (U)) нарисуйте прямоугольник.
Уменьшите непрозрачность заливки (Fill) до 0%, после чего выполните Обводку (Stroke) размером 2 пикс., и
задайте цвет #111111. Далее, пройдите в меню Редактирование > Трансформирование > Искажение (Edit ->
Transform -> Warp) и разведите четыре центральные опорные точки.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Уменьшите ее масштаб и разместите поверх своей кнопки. Сгруппируйте все эти слои и назовите группу так
же, как относящийся к кнопке текст (в моем случае – “ TV/DTV SOURCE ”).


Шаг 6
Подходим к супер-легкой части. Создайте новый слой и нарисуйте еще один идеальный круг, при помощи
все того же инструмента Эллипс. Сделайте его чуть большего диаметра, чем кнопка включения и залейте его
цветом #cccccc. Примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1




Вот что должно получиться в итоге:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Теперь, при помощи инструмента Горизонтальный текст (Type Tool (T)) напечатайте цифру 1. Выберите
жирный шрифт и измените цвет текста на #111111. Уменьшите Непрозрачность слоя (Opacity) до 70%.
Продублируйте эти слои и расположите их по центру корпуса пульта. Не забудьте изменить текст на 2.
Создайте еще одну копию и разместите ее ближе к правой грани корпуса. Ваш пульт, на данный момент,
должен выглядеть вот так.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Сгруппируйте эти 6 слоев и назовите группу “1, 2, 3”.

Шаг 7
Продублируйте группу “1, 2, 3” и при помощи инструмента Перемещение (Move Tool (V)) разместите дубликат
под кнопками 1, 2, 3. Оставьте немного свободного пространства между двумя этими группами. Далее, при
помощи инструмента Горизонтальный текст (Type Tool (T)) измените цифры 1, 2 и 3 на 4, 5 и 6, после чего,
переименуйте соответствующим образом группу. Теперь продублируйте группу “4, 5, 6” и переименуйте
дубликат в “7, 8, 9”. Продублируйте группу “7, 8, 9” и переименуйте ее в “0”. Снова оставив место между
группами с кнопками, измените текст на “-/–”, “0″, “PRE-CH”, или какой-либо другой.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Шаг 8
Мы почти на середине пути. Создайте новый слой и выберите цвет #679db1. Нарисуйте большой
(пропорционально остальным кнопкам) круг (инструментом Эллипс) и примените вот эти стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1




Вот что должно получиться в итоге:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Продублируйте этот слой четыре раза. Расположите дубликаты так, как показано ниже. Заметьте, что масштаб
центральной кнопки уменьшен.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Измените Основной цвет (foreground color) на #ffffff (белый) и декорируйте ваши кнопки. Кнопки слева –
кнопки регулировки громкости, поэтому, при помощи инструмента Текст (Type Tool (T)) напечатайте “+” над
верхней и “-” над нижней. Кнопки справа – переключатели каналов, для них мы напечатаем стрелки вверх
и вниз. Центральная кнопка отключает звук. Для создания ее символа создайте новый слой и выберите
инструмент Произвольная фигура (Custom Shape Tool (U)). Найдите в списке символ громкости.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Растрируйте этот слой и сотрите “звуковые волны”, после чего активируйте инструмент Линия (Line Tool
(U)). Задайте размер 1-2 пикселя и нарисуйте диагональную линию. Продублируйте ее и пройдите в меню
Редактирование > Трансформирование > Отразить горизонтально (Edit -> Transform -> Flip Horizontal), так,
чтобы линии образовали перекрестие. Объедините эти три слоя и назовите новый объединенный слой “Выкл.
звук”.

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Шаг 9
Теперь, когда с декорированием кнопок закончено, нам предстоит применить кое-какие стили слоя (к
элементам “+”, “-”, “Вверх”, “Вниз” and “Выкл. звук”). Измените режим наложения на Умножение (Multiply),

непрозрачность (Opacity) – 70% и примените следующие стили слоя:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Вот что должно получиться в итоге:

Создание реалистичного пульта дистанционного управления телевизора. Часть 1



Чтобы создать иконку громкости над кнопками с символами “+”, “-”, нарисуйте треугольник (цвета #cccccc) и
сотрите правую половину. Сгруппируйте все эти слои и назовите группу “Громкость/Программы”.

Продолжение следует...

Ключевые теги: уроки примеры photoshop онлайн бесплатно


Ретушируем фото

Вас может также заинтересовать:

19 сентября 2018

Байонет: Sony A, Minolta A Тип объектива: широкоугольный Фокусное расстояние: постоянное

19 сентября 2018

19 сентября 2018