Рубрика: Photoshop Уроки | Урок прочитали: 455
 (голосов: 0)

Любимая кнопка в Фотошоп

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

Шаг 1. Создайте новый документ с размерами 1280х1024 пикселей, теперь возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) (U) и создайте фигуру с радиусом 120 пикселей, как показано на изображении ниже.

Шаг 2. Откройте стили слоя и примените  стиль Наложение градиента (Gradient Overlay) со следующими настройками:

Режим наложения – Нормальный, непрозрачность 100, Стиль – Линейный, Выровнять по слою, Угол 90, Масштаб 100.

Шаг 3. Теперь примените стиль слоя Тень (Drop Shadow):

Режим наложения – Умножение, Непрозрачность 57, Угол 120, Использовать глобальное освещение, Смещение 4, Размах 0, Размер 7, Шум 0, Слой выбивает тень.

Шаг 4. Возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) (U) и создайте фигуру с радиусом 120 пикселей, как показано на изображении ниже.

Шаг 5. Примените стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

Режим наложения – Нормальный, непрозрачность 100, Стиль – Линейный, Выровнять по слою, Угол 90, Масштаб 100.

Шаг 6. Опять возьмите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) (U) и создайте фигуру с радиусом 120 пикселей, как показано на изображении ниже.

Шаг 7. Инструментом Произвольная фигура (Custom Shape) (U) нарисуйте сердечко.

Шаг 8. Примените стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:
Режим наложения – Нормальный, непрозрачность 100, Стиль – Линейный, Выровнять по слою, Угол 90, Масштаб 100.

Шаг 9. Теперь примените стиль слоя Тень (Drop Shadow):

Режим наложения – Умножение, Непрозрачность 28, Угол 120, Использовать глобальное освещение, Смещение 4, Размах 0, Размер 6, Шум 0, Слой выбивает тень.

Шаг 10. Инструментом Текст (Text Type tool) добавьте плюсик к сердцу.

Шаг 11. Теперь примените стиль слоя Тень (Drop Shadow), как показано на изображении ниже:

Режим наложения – Умножение, Непрозрачность 57, Угол 120, Использовать глобальное освещение, Смещение 2, Размах 0, Размер 2, Шум 0, Слой выбивает тень.

Шаг 12. Инструментом Текст (Text Type tool) напечатайте нужный вам текст на кнопке.

Надеюсь, вам понравился урок. Буду рад, если он вдохновил вас на новые идеи и мысли.

Автор: buildtutorial
Переводчик: Мирошниченко Валерия
Ссылка на источник

           

Похожие файлы и публикации:

Любимая кнопка в Фотошоп
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 25 минут
Любимая кнопка в Фотошоп
Детали урока Программа: Adobe Photoshop CS3+ Сложность: Легкая Примерное время выполнения: 30 минут
Любимая кнопка в Фотошоп
Детали урока Программа: Adobe Photoshop CS+ Сложность: Легкая Примерное время выполнения: 25 минут
Любимая кнопка в Фотошоп
В этом уроке будем учиться создавать креативный дизайн для блога.
Любимая кнопка в Фотошоп
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Любимая кнопка в Фотошоп
Приближается самый волшебный праздник – Новый год! Пора начинать подготовку, в этом уроке мы создадим простую новогоднюю открытку.
Любимая кнопка в Фотошоп
Создайте новый файл, размером 773х220 px и разрешением 72. Используя следующий инструмент , разметьте документ как показано ниже.
Любимая кнопка в Фотошоп
В этом уроке Вы узнаете, как создать стильный музыкальный мини плеер, используя векторные инструменты фотошоп и стили слоя.
Любимая кнопка в Фотошоп
Вы, наверное, видели где-нибудь в интернете надписи, нацарапанные на плитке, например на Tumblr и Pinterest. Они все очень разные, но не всегда их легко создавать.
Любимая кнопка в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Любимая кнопка в Фотошоп
В этом уроке я покажу, как нарисовать реалистичную фотопленку.
Любимая кнопка в Фотошоп
В этом уроке я покажу Вам, как создать дизайн для приложения записной книжки.
Любимая кнопка в Фотошоп
Итоговый результат:
Любимая кнопка в Фотошоп
Этот урок посвящён тому, как с помощью Adobe Photoshop CS3 создать шаблон портфолио.
Любимая кнопка в Фотошоп
В этом уроке мы будем создавать дизайн шаблона для автомобильного сайта в тёмных цветах.