Методические указания по выполнению практической работы «Создание кнопки» учебной практики «Компьютерная графика»

Министерство образования и науки Российской Федерации
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ
ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«САРАТОВСКИЙ НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ИМЕНИ Н.Г.ЧЕРНЫШЕВСКОГО»
Колледж радиоэлектроники имени П.Н.Яблочкова






Методические указания по выполнению
практической работы «Создание кнопки» учебной практики

Дисциплина: Учебная практика «Компьютерная графика»
Разработал преподаватель: М.В. Хамутова








Саратов, 2014г.
Практическая работа «Создание кнопки»
Цель работы: Формирование навыков создания кнопки для web-страниц с помощью графического редактора Adobe Photoshop.
Задание 1.
Создайте документ размерами 2000Ч2000px, залейте фон белым цветом. Возьмите инструмент «Прямоугольник с округленными углами» с заливкой любого цвета, и размером округления 30 px

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

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

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

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

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



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

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

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

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

Рисунок 4Рисунок 10Рисунок 1Рисунок 19Рисунок 22Рисунок 31Рисунок 34Рисунок 37HYPER15Основной шрифт абзаца

Приложенные файлы

  • doc Rabota9
    Размер файла: 1 MB Загрузок: 3