Лабораторная работа №2 Создание изображений в растровом редакторе

Для этой лабораторной работы я использую редактор растровой графики Adobe PhotoShop CS3.

Выбираем фотографию, с которой будем работать.

Создаем три копии основного слоя: Ctrl+J.

Работаем с верхней из них: выделяем тот кусок слоя, который будем выходить за рамки: выбираем инструмент Лассо или Магнитное лассо .

Чтобы отредактировать выделение воспользуйтесь панелью управления инструментов выделения: (1 – новая выделенная область, 2 – добавление к выделенной области, 3 ‑ вычитание из выделенной области, 4 – пересечение с выделенной областью, собственно говоря – это булевы операции).

Теперь добавим слой-маску на слой, с которым работаем: вкладка Слои, нажимаем клавишу Добавить слой-маску . В результате использования слоя-маски мы не удаляем изображением, а лишь прячем его, что впоследствии позволит нам вносить изменения.

Добавим тень к этому слою: вкладка Слои, нажимаем клавишу Добавить стиль слоя – Тень .

Переходим к средней копии фонового слоя во вкладке Слои.

Инструментом Прямоугольное выделение выделяем ту область, которая останется видимой. Для корректировки рамки нажимаем в меню Выделение – Трансформировать выделенную область, после коррекции нажать клавишу Enter.

Нажимаем во вкладке Слои Добавить слой-маску .

Переходим на фоновый слой и создаем над ним пустой слой, создаем на нем выделением инструментом Прямоугольное выделение , таким образом, чтобы оно создавало вокруг изображения, находящегося на слой выше, толстенькую прямоугольную рамку. Нажимаем Shift+F5, выбираем цвет заливки Белый, нажимаем ОК.

Копируем стиль слоя Тень с верхнего слоя на слой с белой рамкой: удерживая на клавиатуре клавишу Alt, хватаемся за и тащим на нужный нам слой.

Обработаем фоновый слой: нажимаем на вкладке Слои клавишу Создать новый корректирующий слой - Цветовой тон\Насыщенность, ставим в окне галочку Тонирование, корректируем параметры, нажимаем ОК.

Лабораторная работа №3 Создание изображений в векторном редакторе

Для данной лабораторной работы я использую редактор векторной графики CorelDraw X3.

Первым делом подбираем изображение, которое будем трассировать и импортируем его на лист ( или через меню Файл – Импорт или горячими клавишами Ctrl+I). Размещаем выбранное изображение щелкнув в любом месте левой клавишей мыши.

Мне комфортнее работать с изображением, занимающим весь рабочий лист, так что я изображение растянула, выделив его инструментом "Указатель" и растянув за один из квадратиков, расположенных по углам изображения (хотя можно было просто увеличить его отображение с помощью инструмента "Лупа" ). Затем, чтобы это изображение постоянно не выделялось инструментами и не сдвинулось нечаянно, закрепляем его на листе, выбирая из контекстного меню команду "Блокировать объект".

Самое интересное, что так как я взяла рисунок из библиотеки Microsoft Word, то оно изначально является представителем векторной графики, но создадим его заново, а заодно упростим при помощи булевых операций.

Первым делом создаем внешний квадрат, чтобы было удобнее предварительно нажимаем кнопочку "Привязка к объектам" . Итак с помощью примитива прямоугольник нарисовали квадрат, теперь берем инструмент "Форма" и потянув за углы "внутрь" тем самым скругляем их. С помощью комбинации клавиш Ctrl+D создаем дубликат этой фигуры и с помощью инструмента "Указатель" уменьшаем размер квадрата, а затем несколько уменьшаем закругленность углов инструментом "Форма" .

Для наглядности цвет линии выбираем контрастный: темно-розовый.

Преобразуем внутренний квадрат в кривые: Упорядочить – Преобразовать в кривую (или Ctrl+Q). Берем инструмент Форма , убираем два нижних смежных узла (центральные), преобразуем нижнюю линию в прямую "Преобразовать кривую в линию" , выделяем нижние узлы инструментом "Форма", удерживая клавишу Shift, и поднимаем линию до уровня газона. Выделяем большой квадрат и полученный увеченный и применяем операцию "Объединить" (или Ctrl+L, не путать с булевой операцией объединения ), если бы они имели заливку, то применили бы "Задние минус передние" . Для наглядности зальем полученную фигуру темно-розовым цветом:

Для того чтобы линия газона вышла ровной, поместила на рабочий лист направляющую. Отменим заливку, так как пока что она будет мешать (или нажать Ctrl+Z, или щелкнув левой клавишей мышки на квадратик с крестом в палитре цветов).

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

Выделяем инструментом "Указатель" все три круга (просто обводим их, нажав левую клавишу мыши) и дублируем их, чтобы получить нужный результат. Можно предварительно их "Объединить" с помощью булевой операции . Выравниваем полученные фигуры:

В конце ряда образовался лишний круг, выделяем эту группы, нажимаем кнопочку "Разъединить" и удаляем лишний. Выделяем все круги и "Объединяем" их и избавляемся от обводки, иначе дырочки будут выглядеть очень маленькими. Получилось:

Рисуем деревья – это "Объединение" двух примитивов: круг и прямоугольник. Рисуем одно дерево, второе получаем дублирование (Ctrl+D). "Объединяем" их с уже имеющимся изображением.

Пришла пора заняться домом. Его можно рисовать тоже с помощью примитивов, а можно воспользоваться инструментом "Свободная форма" , что я в этот раз и сделаю. Там где необходимо, чтобы линия была строго под прямым углом, удерживаю клавишу Ctrl, где необходимо, чтобы узлы располагались строго на одной линии провела направляющие. Заливаем полученный объект и "Объединяем" с уже имеющимся.

Временно убираем заливку, чтобы нарисовать оставшиеся детали дома: окна и дверь. Нижние окна очень просты – это четыре прямоугольника, рисуем с помощью примитива "Прямоугольник" одно окно, "Объединяем" его детали и путем дублирования получаем второе. Пока оставим так.

Для двери рисуем прямоугольник, применяем булеву операцию "Задние минус передние" м из него предварительно нарисованные квадрат и круг (вместе).

Верхние окна получаем путем "Объединения" прямоугольника и треугольника и "Задние минус передние" четырех прямоугольников, которые возьмем путем дублирования из нижних окон, уменьшив их до нужного нам размера. Так как верхняя треугольная часть окна оказалась несимметричной, то придется предварительно перевести ее в кривые и с помощью инструмента "Форма" сместить верхний узел в сторону. И квадраты в верхних окнах оказались разномастные, поэтому проще было отрисовать их заново, аналогично нижним. Мелкими различиями между левым и правым верхними окнами решила пренебречь.

Заливаем цветом основную фигуру, проверяем, чтобы она была расположена в самом низу и применяем операцию "Задние минус передние" .

Меня не вполне устраивают внешние углы фигуры, у исходной они более закругленные. Выбираю инструмент "Форма" и подтягиваю усики узлов, несколько смещаю сами узлы и добиваюсь нужного мне изгиба.

Исходный рисунок черного цвета, а полученный – серого.

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

Если мы "Разъединим" (Ctrl+K), то у нас будет потеряна дверь, дорисовав ее мы сможем разукрасить наше изображение.

13