Эй ребята еще одно учебное пособие по Photoshop. В этом уроке я найду вам, как создать простую зеленую кнопку в Photoshop. Это очень простое и довольно эффективное руководство. Надеюсь, вам понравится этот урок.

Заключительный результат

Это то, что мы делаем сегодня Gone

Шаг # 1

Откройте Photoshop и создайте новый документ, у меня 550px × 398px с белым фоном.

Шаг # 2

Заполните цвета в фоновый слой, мои цвета # 979696.

Шаг # 3

Выберите Rounded Rectangle Tool и создавать кнопки, мои Радиус 5px, ширина и высота 219px: 40px..

Сейчас мы будем применять некоторый эффект

Gradient Overlay

Стайлинг кнопки дважды щелкните по кнопке миниатюрами слоя на панели "Слои, чтобы открыть Layer Styles диалогового окна, мы будем применять Влияние вертикального градиента на кнопку. Затем щелкните на цвете градиента на правом градиента возможность открыть Редактор градиентов цветов.

Дважды щелкните на левом цвета остановки и введите значения цвета # 55A646, а затем дважды щелкните на правой цвета остановки и введите значения цвета # A5CE3F.

Drop Shadow

Нанесите слой Drop Shadow стиля. Хранить угол при 120o, чем изменения значений дымности, расстояние и размер. Я выбираю установить прозрачность на 20%, расстояние, на 1px и размер, при 5px.

Внутренняя тень

Следующий применять внутренний слой Shadow стиля. Хранить угол при 120o, чем изменения значений дымности, дроссель и размера. Я выбираю установить прозрачность на 27% и дроссель на 100%, а размер на 2px.

Следующее изменение Blending возможность нормального.

Bevel Emboss

Далее мы применять Bevel Emboss, Первый Изменение стиля к Внутреннему Bevel и техники для сглаживания, чем изменение значений глубина, направление, размер и смягчить. Я выбираю установить глубину, на 100%, направление на Up, размер, при 1px и размягчаются при 0px

Хранить угол при 120o, высота, на 30 o

Выделите режим: я выбираю установить Opacity на 0%.

Теневом режиме: я выбираю установить прозрачность на 14%.

Удар

Наконец мы будем применять удар. Первое изменение значений от их размера. Я выбираю для установки размера в 1px. Изменение положения на Inside

Я выбираю установить прозрачность на 50%.

Изменение цвета от хода по умолчанию # 529846

Должна выглядеть следующим образом.

Шаг # 4

Выберите Horizontal Type Tool и введите текст на фронт.

Мы будем применять некоторый эффект для текста.

Gradient Overlay

Дважды щелкните на уменьшенное слой текста на панели "Слои, чтобы открыть Layer Styles диалогового окна. Вначале мы будем применять Gradient Overlay, мы будем применять Влияние вертикального градиента для вашего текста. Затем щелкните на цвете градиента на правом градиента возможность открыть Редактор градиентов цветов ..

Дважды щелкните на левом цвета остановки и введите значения цвета # DDDCDC, затем дважды щелкните по центру цвета остановки и введите значения цвета # FFFFFF.

Drop Shadow

Наконец мы будем применять слоем Drop Shadow стиля. Хранить угол при 120o, чем изменения значений дымности, расстояние и размер. Я выбираю установить прозрачность на 34%, расстояние, на 1px и размер на 1px.

Заключительный результат

Если вы хотите проверить вашу работу, вы можете скачать файл PSD для этого урока

Скачать файл [240KB]

Если Вы хотели бы получать больше вдохновение из нас, пожалуйста, подпишитесь на наш канал по RSS или по электронной почте.

Подано в: Photoshop, Tutorials по администратора