Реалистичный пульт от телевизора

24 июня 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1200х800 пикселей с разрешением 300dpi в режиме RGB 8-бит. Можете использовать холст меньшего размера, но я предпочитаю большой. Его можно обрезать, когда рисунок будет готов.

Шаг 2

Активируйте Линейки (Ctrl + R) и отведите вертикальную направляющую, проходящую через центр холста. Инструментом Pen Tool (P) нарисуйте левую половину формы пульта цветом #111111.

Создайте копию слоя (Ctrl + J) и поверните её в другую сторону (Edit → Transform → Flip Horizontal). Объедините оба слоя после этого (Ctrl + E). Кликните дважды на слое с базовой формой, чтобы открыть окно стилей. Настройте так:

Шаг 3

На новом слое нарисуйте фигуру цветом #400025 при помощи инструмента Pen Tool (P).

Создайте копию и поверните её в другую сторону. Объедините оба слоя и примените к полученному следующие стили:

Шаг 4

Теперь займёмся кнопками. Инструментом Ellipse Tool (U) создайте круг цветом #a71d1d. Это будет кнопка включения/выключения. Примените к ней следующие стили:

Создайте новый слой «power symbol» и инструментом Pen Tool (P) в режиме контуров нарисуйте символ питания. Выберите инструмент Brush Tool (B) и установите размер на 5 пикселей и максимальную жёсткость. Снова выберите инструмент Pen Tool (P), кликните правой кнопкой мыши на холсте и выберите пункт Stroke Path. В появившемся окне выберите пункт Brush и убедитесь, что функция Simulate Pressure выключена. Установите режим наложения этого слоя на Multiply. Примените следующие стили:

Результат:

Инструментом Horizontal Type Tool (T) подпишите кнопку цветом #cccccc.

Объедините все слои кнопки в группу (Ctrl + G).

Шаг 5

Создайте новый слой и создайте ещё два круга цветом #cccccc. Они должны быть меньше красной кнопки. Примените следующие стили:

Текстовым инструментом подпишите кнопки.

Инструментом Rectangle Tool (U) создайте прямоугольник. Понизьте заливку до 0% и примените внутреннюю 2-пиксельную обводку цветом #111111 через стили слоя. Затем активируйте режим деформации (Edit → Transform → Warp).

Уменьшите полученную фигуру и расположите её на кнопку TV/DTV SOURCE. Объедините слои кнопки и её названия в группу (Ctrl + G). Назовите группу по названию кнопки.

Шаг 6

На новом слое создайте новый круг цветом #cccccc. Примените следующие стили:

Результат:

Инструментом Horizontal Type Tool (T) напишите цифру «1» на созданной кнопке. Цвет шрифта — #111111, непрозрачность — 70%. Создайте копию кнопки и расположите её в центре. Измените цифру на «2». Создайте ещё одну копию и расположите слева.

Объедините все 6 слоёв трёх кнопок в группу (Ctrl + G). Назовите её «1,2,3».

Шаг 7

Создайте несколько копий групп и опустите их ниже. Измените подписи кнопок, как показано на скриншоте.

Шаг 8

Создайте новый слой и нарисуйте круг цветом #679db1. Примените следующие стили:

Результат:

Создайте несколько копий этой кнопки и расположите их, как показано на скриншоте.

Текстовым инструментом напишите знаки «+» и «-» на левых кнопках. На правых кнопках создайте стрелки вверх и вниз: создайте сначала треугольники цветом #cccccc, а затем обрежьте их половинки. После этого выберите инструмент Custom Shape Tool (U) и выберите эту фигуру:

Создайте иконку динамика, сотрите волны и создайте 1-2 пиксельную диагональную линию. Создайте её копию и поверните в другую сторону (Edit → Transform → Flip Horizontal), чтобы получить «Х». Объедините все три слоя динамика в один (Ctrl + E). Назовите полученный «Mute icon».

Расположите иконку на центральной кнопке. Ко всем символам синих кнопок примените следующие стили:

Установите режим наложения на Multiply и понизьте непрозрачность до 70%.

Шаг 10

Выберите инструмент Rounded Rectangle Tool (U) и в настройках установите радиус на 10 пикселей. Создайте фигуру цветом #cccccc под левыми кнопками.

Примените следующие стили:

Текстовым инструментом подпишите кнопку. Цвет — #111111.

Шаг 11

Создайте две копии последней кнопки и сдвиньте их вправо. Измените подписи.

Объедините последние 6 слоёв в группу «Guide Menu W.Link».

Шаг 12

На новом слое создайте круг цветом #cccccc. Примените к нему следующие стили:

Создайте несколько копий:

Подпишите кнопки:

Объедините их в группу.

Шаг 13

В центре создайте ещё один круг и примените к нему стили, показанные ниже.

Шаг 14

Нарисуйте на большой кнопке иконку, показанную ниже. Затем инструментом Pen Tool (P) нарисуйте ещё кнопку цветом #bababa.

Примените к ней следующие стили:

Создайте несколько копий и расположите их вокруг большой кнопки.

Шаг 15

Нарисуйте треугольник цветом #cccccc на верхней кнопке.

Примените следующие стили:

Установите режим наложения на Multiply и понизьте непрозрачность до 70%. Создайте три копии и расположите их на других кнопках.

Объедините слои шагов 13-15.

Шаг 16

На новом слое создайте круги цветом #a71d1d. Примените те же стили, что и на 12-ом шаге.

Измените цвета трёх кнопок на #598527, #0076a3 и #e5bb13.

Объедините цветные кнопки в группу «Color Buttons».

Шаг 17

Повторите шаги 10-11, но на этот раз создавайте кнопки цветом #252525.

Объедините этот ряд кнопок в группу.

Шаг 18

Создайте новый слой и инструментом Pen Tool (P) создайте контур, показанный ниже.

Перейдите в палитру контуров, зажмите клавиши Ctrl + Shift + Alt и кликните на миниатюре контура. Вернитесь в палитру слоёв и выберите слой с базовой формой пульта. Удерживая Ctrl + Shift + Alt + N кликните на миниатюре слоя. Выделение больше не должно выходить за пределы пульта.

Выберите инструмент Gradient Tool (G): от белого к прозрачному. Залейте выделение, как показано ниже.

Результат:

Инструментом Free Transform (Ctrl + T) немного уменьшите размер свечения.

В завершении можно залить фон градиентом.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта slodive.com, автор перевода указан в начале урока.