s
Sesiya.ru

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

Информация о работе

Тема
Практическая работа № 2 «Создание web-кнопки»
Тип Практическая работа
Предмет Web-программирование
Количество страниц 3
Язык работы Русский язык
Дата загрузки 2014-10-06 18:16:19
Размер файла 1383.58 кб
Количество скачиваний 8
Скидка 15%

Поможем подготовить работу любой сложности

Заполнение заявки не обязывает Вас к заказу


Скачать файл с работой

Помогла работа? Поделись ссылкой

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

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

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

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

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

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

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



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

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

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

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

© Copyright 2012-2020, Все права защищены.