Это начало Лавель дизайн учебника. В этой статье вы найдете, как создавать красивые кнопки вставке текста в Photoshop. Это очень быстрый и простой графический дизайн tutorial.I надеемся, вам понравится этот урок.

Заключительный Preview

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

Шаг # 1

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

Шаг # 2

Выберите Rounded Rectangle Tool и создавать кнопки, мой радиус 6px.

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

Gradient Overlay

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

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

Drop Shadow

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

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

Удар

Далее мы применять удар. Первое изменение значений от их размера. Я выбираю для установки размера в 1px, позиция во внешних. Я выбираю установить прозрачность на 100%. Изменение цвета от хода по умолчанию # 666666

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

Шаг # 3

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

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

Color Overlay

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

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

Следующий применять внутренний слой Shadow стиль. Наиболее важной частью держать угла 41 °, чем изменения значений дымности, расстояние и размер. Я выбираю установить прозрачность на 75%, а расстояние, на 1px и размер на 1px.

Drop Shadow

Наконец мы будем применять тени, сначала измените Blending возможность нормального. Изменить цвет тени от стандартных до # FFFFFF. Храните угла 90o, чем изменение значений дымности и расстояние. Я выбираю установить прозрачность на 47%, а расстояние, на 1px.

Результаты

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

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

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