Логотипчик



Назад


Отрисовка канцелярской кнопки в Adobe Photoshop

В данной статье о Photoshop мы узнаем, как нарисовать канцелярскую кнопку, которая нам понадобится для одной композиции.

Для начала создадим новый файл в Adobe Photoshop (фотошопе). Пусть у него будут такие настройки

Окно для задания параметров нового файла

1. Два раза щелкнем по слою и нажмем на кнопку Да в появившемся окошке, тем самым сняв замочек с этого слоя и получив возможность для его редактирования.

Теперь начнем рисовать кнопку. С помощью инструмента «Эллипс» сделаем такую фигуру

Больший эллипс

При этом мы получим новый слой. Теперь добавим к нему эффект. Два раза щелкнем по слою с фигурой

Окно стилей слоя

Перейдем к эффекту Наложение градиента и поставим такие настройки или другие в зависимости от желания

Вкладка для эффекта Наложение градиента

Получим такое

Больший эллипс с эффектом

2. Создадим еще одну фигуру с помощью инструмента «Эллипс»

Меньший эллипс

Добавим к новой фигуре тот же стиль, что и к первой. Для этого щелкнем по слою с большим эллипсом правой кнопкой мыши и выберем пункт Скопировать стиль слоя. Затем щелкаем правой кнопкой по слою с меньшим эллипсом и выбираем пункт Вклеить стиль слоя. Теперь наша картинка такая

Меньший эллипс с эффектом

Причем нужно следить, чтобы слой с меньшим эллипсом был выше слоя с большим.

3. Нарисуем последнюю фигуру с помощью инструмента «Прямоугольник». Инструментом «Перемещение» переместим фигуру в нужное место

Заготовка для острия кнопки

Видим, что она загородила шапку кнопки. Исправить это можно, переместив слой с прямоугольником ниже слоев с эллипсами.

Заготовка для острия кнопки на заднем плане

Применим к прямоугольнику инструмент «Перспектива», чтобы придать ему заостренность. Для этого идем Редактирование>>Трансформирование контура>>Перспектива

Вкладка для иструмента Перспектива

По контуру прямоугольника появится сетка, которую можно деформировать как угодно. Мы перейдем к нижней стороне прямоугольника и совместим все три точки в одну

Заострили заготовку

Применим изменения, просто нажав на клавишу Enter. Теперь применим к слою с фигурой эффект Наложение градиента

Вкладка для эффекта Наложение градиента

И получим такую кнопку

Готовая кнопка

Цвет шапки можно легко изменить, перейдя к соответствующей вкладке в окне стилей слоев с эллипсами.

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

Ещё одна кнопка

Чтобы использовать такую кнопку, ее необходимо будет уменьшать и изменять угол наклона относительно вертикали.



К верху страницы


<- К предыдущей статье   К следующей статье ->

Низ сайта