Фотошоп для фотографа 2013

Создаем механическую кнопку используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

В данном уроке мы рассмотрим, как можно создать механическую кнопку используя Фотошоп.


Финальный результат

Создаем механическую кнопку используя Фотошоп

Приступаем к уроку Фотошопа


Создайте новый файл - пропорции по вкусу (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).

Создайте прямоугольник с помощью Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ): ↓


Создаем механическую кнопку используя Фотошоп

Двойной клик на слое чтобы открыть панель Blending Options (Параметры наложения), примените настройки как показано на изображениях ниже: ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Создаем механическую кнопку используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Создаем механическую кнопку используя Фотошоп

Stroke (Обводка): ↓

Создаем механическую кнопку используя Фотошоп

Создаем механическую кнопку используя Фотошоп

Дублируйте слой дважды (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). Первый дублированный слой перместите вниз, а второй - вверх, расположите эти слои под первым: ↓


Создаем механическую кнопку используя Фотошоп

Создайте нескролько линий и кружков используя стандартные формы (Custom Shape Tool Инструмент - Произвольная фигура (Инструмент "Произвольная фигура" / Клавиша "U")). Примените к ним те же стилевые эффекты что и к первому изображению.


Создаем механическую кнопку используя Фотошоп

Слейте все слои (кроме фона разумеется), дублируйте дважды и разместите, как на рисунке: ↓


Создаем механическую кнопку используя Фотошоп

Создайте несколько кружков, потом кистью в один пиксел нарисуйте проводки (Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B")) и примените к ним всё те же стилевые эффекты: ↓


Создаем механическую кнопку используя Фотошоп

Слейте всё слои (опять же кроме фона). Нажмите Ctrl+L, чтобы открыть окошко Levels (Уровни). Примените показанные на изображении ниже настройки: ↓


Создаем механическую кнопку используя Фотошоп

Вот и все.


Финальный результат

Создаем механическую кнопку используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru