3. Оборудование и Материально-техническое обеспечение

Компьютерные классы, оборудованные ПК с установленным программным обеспечением не ниже:

1) Операционная система Windows XP;

2) Adobe Photoshop CS2 (trial);

4. Задание на лабораторную работу

1) Ознакомиться с основными инструментами рисования.

2) Создать изображение и кисть по образцу приведенному ниже.

Рисунок 6.9. Образец кисти.

3) Используя изображение

Рисунок 6.10. Образец кисти.

Создать еще одну пользовательскую кисть.

4) Используя различные динамики кистей привести изображения к следующему виду.

5. Порядок выполнения работы

1) Ознакомиться с содержанием лабораторной работы.

2) Создать новый файл.

3) Создать новый слой и используя инструменты рисования нарисовать листок. На рисунке должны быть как минимум два тона или прозрачности.

4) Выделить изображение листа и создать на его основе новую пользовательскую кисть.

5) Скопировать в редактор изображение дерева и создать на его основе новую пользовательскую кисть.

6) Удалить все слои с изображениями и с помощью кисти темно-коричневым цветом нарисовать дерево.

7) Для пользовательской кисти в виде листка, настроить на вкладке Brush Tip Shape (Форма кисти) базовый размер и расстояние между соседними отпечатками, на вкладке Shape Dynamics (Динамика Формы) колебание размера, угла, формы кисти, на вкладке Color Dynamics (Динамика Цвета) переход цветов.

8) Выбрать два оттенка зеленого цвета и нарисовать на новом слое основной массив листьев.

9) Сделав оттенки более темными на новом слое нарисовать участки теней.

10) Сделав оттенки более светлыми на новом слое нарисовать участки светов.

11) Объединить все слои и сохранить результат как «ЛР_06.psd».

12) Подготовиться к ответу на контрольные вопросы.

6. Содержание отчета

1) Сохраненный файл «ЛР_06.psd».

7. Контрольные вопросы

1) Перечислите известные вам инструменты рисования.

2) На что влияет жесткость кисти?

3) В каких режимах может функционировать Eraser Tool (Ластик)?

4) Опишите принцип действия инструмента Color Replacement (Замена цвета).

5) Как создать пользовательскую кисть? Что при этом надо учитывать?

6) Какие динамики кистей вам известны?

7) Как увеличить расстояние между отпечатками кисти?

8) Как настоить переход цвета отпечатков кисти от рабочего к фоновому?

9) Какие методы управления динамиками кистей вам известны?

8. Библиографический список

1) Залогова, Л.А. Компьютерная графика.Элективный курс : учеб.пособие / Л.А.Залогова .— М. : БИНОМ:Лаборатория знаний, 2005 .— 216с.

2) Шнейдеров, В.С. Фотография,реклама,дизайн на компьютере : самоучитель / В.С.Шнейдеров .— 2-е изд. — М.и др. : Питер, 2004 .— 331с. : ил. + 1 CD .

3) Сергеев, А.П. Основы компьютерной графики.Adobe Photoshop и CorelDRAW - два в одном / А.П.Сергеев,С.В.Кущенко .— М.[и др.] : Диалектика, 2007 .— 544с.

Лабораторная работа №7 (3 часа)

Заливка цветом, градиент, паттерн

1. Цель и задачи работы

Цель работы: ознакомление с основными способами заливки.

Задачи работы: ознакомиться с заливкой цветом, градиентом и узором. Получить навыки редактирования градиентов и создания и редактирования пользовательских узоров.

2. ОСНОВНЫЕ ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ

Простейший тип заливки – это заливка цветом. При использовании этого способа пиксели в выбранной области заливаются определенным цветом в пределах выбранного цветового допуска.

Второй способ заливки – это заливка градиентом.

Градиент — вид заливки, в которой необходимо задать цвет и прозрачность определённых (ключевых) точек, а цвет и прозрачность остальных точек рассчитываются относительно них по определённым математическим алгоритмам. Таким образом можно получать плавные переходы из одного цвета в другой, задав координаты и цвет начальной и конечной точек.

Основные виды градиентов представлены на рисунках ниже.

Рисунок 7.1. Линейный градиент - ключевые точки располагаются на одной прямой.

Рисунок 7.2. Круговой градиент - относительно первой ключевой точки строятся концентрические окружности, цвет которых зависит от расположения остальных ключевых точек.

Рисунок 7.3. Угловой (конусный) градиент – относительно первой ключевой точки строятся образующие конуса. Цвета образующих переходят от одной ключевой точки к другой, а сами образующие располагаются по кругу изменяя угол.

Рисунок 7.4. Отражённый градиент - похож на линейный, но является осесимметричным и составляется из двух частей: линейного градиента и его отражения.

Рисунок 7.5. Ромбовидный (алмазный) градиент – область заливки делится на 4 сектора и в каждой из них реализуется переход цвета как в линейном градиенте.

Для того, чтобы выбрать тип градиента, его ключевые точки, или создать пользовательский градиент, следует сделать активным инструмент Gradient Tool (Градиент).

Щелчок по выпадающему списку позволяет вызвать диалоговое окно Gradient Editor (Редактор градиентов).

Рисунок 7.6. Gradient Editor (Редактор градиентов).

Внизу диалогового окна располагается текущий редактируемый градиент. Щелчок над полосой градиента добавляет ключевую точку прозрачности. Щелчок под полосой градиента добавляет ключевую точку цвета. Аналогичным образом Щелчок на уже существующей ключевой точке позволяет изменять ее прозрачность или цвет. Так же есть возможность задавать их положение и параметры не только на глаз, перетягиванием ползунков, но и численно.

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

Рисунок 7.7. Здесь был создан градиент, включающий в себя 3 цвета и 2 прозрачности. По краям у ключевых точек непрозрачность 100% и черный цвет. В центре (50% положение) прозрачность не меняется, но цвет задан розовый.

Рисунок 7.7. Здесь был создан градиент, включающий в себя 4 цвета и 4 прозрачности. У всех точек кроме 3-й слева непрозрачность 100%. Это хорошо видно, когда градиент создается поверх какого-либо фона.

Третий способ заливки – это заливка пользовательским узором. Процесс заливки градиетном или узором будет разобран подробно в л/р№ 3. Здесь будет рассмотрен процесс создания бесшовного пользовательского узора.

Узор (паттерн, текстура) – это нарисованный и определенные прямоугольный фрагмент, который будучи повторенным встык множество раз, позволяет заливать большие площади.

Рисунок 7.8. Заливка паттерном. Направляющими выделен повторяющийся фрагмент.

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

Создается квадратный документ и на новом слое рисуется фрагмент абстрактного узора.

Рисунок 7.9. Фрагмент абстрактного узора.

После этого фрагмент делится на 4 части (мысленно, направляющими или по размерам).

Рисунок 7.10. Деление фрагмента.

Левая верхняя часть меняется с правой нижней местами. Правая верхняя часть меняется с левой нижней.

Рисунок 7.11. Замена частей.

После этого производится доводка узора в центре, таким образом, чтобы пиксели по краям ни в коем случае не были затронуты.

Рисунок 7.12. Окончательный узор.

После этого на основе изображения можно определить пользовательский узор и использовать его для заливки больших площадей.

Рисунок 7.13. Заливка пользовательским узором.