Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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

Создание пластикового переключателя


Создание фона
Создайте новый документ со следующими параметрами.

Создание пластикового переключателя


Создайте новую группу (Create New Group) и назовите её «Background». Выберите инструмент Прямоугольник (Rectangle Tool) и создайте фигуру белого цвета размером больше холста. Кликните дважды на слое фигуры, чтобы открыть окно стилей. Примените стили, показанные ниже.

Тиснение: Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Режим тени – Умножение.
Наложение цвета: Режим – Нормальный.
Наложение градиента: Режим – Нормальный, Стиль – Радиальный, Градиент - #000000 - #8a8a8a.

Создание пластикового переключателя


Создание кнопки
Создайте ещё одну группу и назовите её «Base». Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже. Примените к ней следующие стили:

Внутренняя тень: Режим – Умножение.
Внешнее свечение: Режим – Нормальный, Метод – Мягкий.
Тиснение: Стиль – Внешний скос, Метод – Плавное, Режим подсветки – Осветление, Режим тени – Умножение.

Создание пластикового переключателя


Создайте ещё одну группу и назовите её «Button». Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже. Примените к ней стиль Внутренняя тень.

Создание пластикового переключателя


Теперь будем рисовать тени и блики на переключателе. Внутри группы «Button» создайте новый слой (Create New Layer) и выберите инструмент Кисть (Brush Tool) с настройками, показанными ниже на скриншоте. Цвет кисти – чёрный. Обрисуйте область под переключателем. Затем кликните правой кнопкой мыши на созданном слое и выберите пункт Создать обтравочную маску (Create Clipping Mask).

Создание пластикового переключателя


Создайте ещё один слой и инструментом Перо (Pen Tool) нарисуйте чёрную фигуру на переключателе. Примените к ней фильтр Размытие по гауссу (Gaussian Blur Filter) со значением радиуса – 1,5 пикселей.
Выберите инструмент Ластик (Eraser Tool), настройте его, как на скриншоте ниже, и сотрите левую часть размытой фигуры (на скриншоте эта область обозначена красным пятном). Установите Непрозрачность (Opacity) слоя – 18% и создайте обтравочную маску (Ctrl + Alt + G).
Выберите кисть размером 15 пикселей и нарисуйте прямую линию цветом #92897f, как показано ниже. Затем создайте обтравочную маску для слоя (Ctrl + Alt + G).

Создание пластикового переключателя


Создайте новый слой и инструментом Перо (Pen Tool) нарисуйте фигуру в центре переключателя цветом #c8b7a5. Примените к ней фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 1,5 пикселя. Ластиком сотрите левую часть размытой фигуры. Затем выберите кисть и нарисуйте линию цветом #c8b7a5. Создайте обтравочную маску (Ctrl + Alt + G).

Создание пластикового переключателя


Создайте ещё один слой и проделайте то же самое с другой фигурой (всё показано на следующем скриншоте). В конце установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность (Opacity) – 80%.

Создание пластикового переключателя


Создайте новый слой и чёрной кистью обрисуйте область под переключателем. Создайте обтравочную маску (Ctrl + Alt + G). Затем создайте ещё один слой и той же кистью обрисуйте правую часть чёрным цветом.
Теперь нужно перенести векторную маску со слоя кнопки на другие слои. Удерживая Alt, перенесите векторную маску в палитре слоёв, как показано ниже.

Создание пластикового переключателя


Создайте новый слой и нарисуйте фигуру на правой части переключателя. Примените к ней всё тот же фильтр размытия. Затем установите Непрозрачность (Opacity) на 20%.
Создайте ещё один слой и кистью размером 2 пикселя нарисуйте маленькую точку цветом #d5c8b5 в левом верхнем углу.
Создайте ещё один слой и инструментом Перо (Pen Tool) нарисуйте ещё три фигуры (смотрите на скриншот ниже). Эти свечения добавят переключателю объёмности.

Создание пластикового переключателя


Создайте новую группу (Create New Group) и расположите её под группой «Base». Назовите группу «Shadow». Инструментом Перо (Pen Tool) нарисуйте фигуру чёрного цвета справа под переключателем. Примените фильтр размытия и понизьте Непрозрачность (Opacity) до 20%. Мягким ластиком подотрите тень.

Создание пластикового переключателя


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

Создание пластикового переключателя




Обсудить данный урок на форуме




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: