Практическая работа № 2 «Создание web-кнопки»

Практическая работа № 2 «Создание web-кнопки»
Задание 1.
1. Создайте документ размерами 2000×2000px, залейте фон белым цветом. Возьмите инструмент «Прямоугольник с округленными углами» с заливкой любого цвета, и размером округления 30 px

2. Растируйте полученный слой с прямоугольником, потом выделите содержимое этого слоя. Затем залейте выделенное на новом слое с помощью линейного градиента (я использовала градиент, состоящий из голубого и синего цветов, вы можете использовать комбинацию других цветов, но обязательно одного оттенка). Слой с прямоугольником можно скрыть.

3. Далее нужно сжать выделение (например на 30px), а затем растушевать на 10px

Затем создайте новый слой и залейте его линейным градиентом от белого до прозрачного

Установите прозрачность последнего слоя на 40%. Далее снимите выделение и добавьте текст (например «отправить»). К слою с текстом добавьте стиля, выбираем «Blending Options». Используем настройку стиля Drop Shadow (Тень ) и установки:

В результате получите

Задание 2.
Создайте документ размерами 2000×2000px, залейте фон белым цветом. Создайте овальное выделение и залейте его на новом слое зеленым цветом. К новому слою примените следующие стили:



В результате получите

Добавьте текст черного света и к слою с текстом следующие стили:

И получите следующую кнопку:

Самостоятельная работа. Создайте кнопку