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

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

Документ предоставляется как есть, мы не несем ответственности, за правильность представленной в нём информации. Используя информацию для подготовки своей работы необходимо помнить, что текст работы может быть устаревшим, работа может не пройти проверку на заимствования.

Если Вы являетесь автором текста представленного на данной странице и не хотите чтобы он был размешён на нашем сайте напишите об этом перейдя по ссылке: «Правообладателям»

Можно ли скачать документ с работой

Да, скачать документ можно бесплатно, без регистрации перейдя по ссылке:

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

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

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

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

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

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

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



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

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

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

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