Создание векторных и растровых фигур в Photoshop CS5

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ КРАСНОДАРСКОГО КРАЯ

ГБПОУ КК «КОЛЛЕДЖ ЕЙСКИЙ»

Практическая работа

«Сочетание векторных и растровых фигур в Photoshop CS5»

Разработал

преподаватель информатики

Караваев Игорь Григорьевич

г. Ейск

2014 г.Практическая работа №3

«Сочетание векторных и растровых фигур в Photoshop CS5»

Цели работы: способствовать формированию первичных навыков работы в графическом редакторе Photoshop CS5

Обучающая: развитие навыков и умения работы с графическими объектами; развитие элементов творчества и исследовательской деятельности; умение делать правильные выводы

Воспитательная: формирование системного мышления, восприятия компьютера как инструмента информационной деятельности человека.

Развивающая: развитие познавательного интереса, творческой активности учащихся.

Задачи работы: изучить основные приемы создания простейших рисунков из векторных и растровых фигур в Photoshop CS5.

Оборудование: ПК, графический редактор Photoshop CS5

Теоретическая часть практической работы

Графический редактор Photoshop CS5 оснащен профессиональными средствами для создания собственных рисунков и обработки готовых изображений, используя эффекты многослойной структуры.

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

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

Данная практическая работа №3 является частью общего цикла - «Работа в графическом редакторе Photoshop CS5» и логическим продолжением первых двух работ, которые можно открыть по ссылкам:

http://kopilkaurokov.ru/informatika/uroki/139948

http://kopilkaurokov.ru/informatika/uroki/140297

Ход работы

1. Создание произвольных многоугольников

   1. Необходимо создать фигуру, похожую на ступеньку, как показано на рисунке. Для этого:

      1. На панели инструментов включите инструмент «Перо»

      2. Щелкая мышкой в углах фигуры, создайте нужное изображение.

      3. Завершить фигуру необходимо щелчком мышки в той точке, откуда начинали рисовать – например, верхнем правом углу.

   2. Включите инструмент «Стрелка» и щелкните по контуру рисунка – в углах появятся точки, для коррекции формы многоугольника

   3. Превратим ступеньку в кабину грузовичка. Для этого «нос» кабины переместить вниз, а верхний левый угол вправо, как на картинке:

   4. Сохраним фигуру под название «Кабина»
      
      
      

   5. Создадим окошко на фоне кабины, так, что бы оно получилось в отдельном слое:

      1. На панели инструментов включите инструмент «Перо»

      2. На появившейся панели «Параметры» включите режим «Слой фигура»

      3. Включите синий цвет

      4. На фоне кабине создайте окно так, что бы его стороны были параллельны сторонам кабины

      5. Если стороны окна сразу не получились параллельными сторонам кабины, переключитесь на режим «Стрелка» и как в предыдущем примере, цепляясь за углы окошка подредактируйте его форму.
         
         

2. Стили слоев

   1. Создадим на синем фоне окна эффект отсвечивания

   2. Через главное меню задайте команду «Слои – Стиль слоя» и выберите эффект «Внутреннее свечение…»

   3. В открывшемся диалоговом окне выполнить настройки, как показано на рисунке:
      
      
      

      1. Режим наложения: Экран

      2. Непрозрачность: 70%

      3. Шум: 5%

      4. Источник: Из центра

      5. Размер: 40 пикс.

      6. Диапазон: 70%

      7. Колебание: 0%

      8. «ОК»

   4. В результате должна получиться картинка:

   5. Для тренировки поменяем цвет кабины на зеленый:

      1. В окошке «Слои» выполните двойной щелчок по слою кабины
         

      2. Откроется диалоговое окно с названием «Выберите цвет заливки»:
         
         

      3. На вертикальной цветной шкале выберите щелчком зеленый цвет, а в большом квадрате оттенок зеленого

      4. «ОК»

   6. Сохраните созданный проект под названием «Настройка стиля»
      
      

3. Создание растровой фигуры

   1. До сих пор мы создавали векторные объекты. Растровые фигуры создают и редактируют другими командами, отличающиеся от векторных.

   2. Растровую фигуру нельзя создавать в векторном слое, поэтому в проекте «Настройка стиля» надо добавить новый слой:

   3. В окошке слои выберите верхний слой, что бы новый добавился верхним слоем.

   4. Задайте команду «Слои – Новый – Слой …»

   5. Выберите инструмент «Фигура» и на панели параметров нажмите кнопку «Выполнить заливку пикселов», тем самым включится режим создания растровых фигур
      
      
      

   6. Выбираем фигуру «Прямоугольник со скругленными углами»

   7. Пририсовываем к кабине прямоугольный кузов:

   8. Для подстыковки кузова к кабине необходимо выделить скругленный прямоугольник и затем переместить:

   9. Для выделения растровых фигур есть несколько инструментов – попробуем «Волшебную палочку». Выберите этот инструмент на панели инструментов

   10. Щелкните по цветному фону кузова – фигура окантуется пунктирной рамкой
       
       
       

   11. Переключитесь на кнопку «Перемещение» и совместите кнопку с кабиной:

   12. Что бы снять выделение с кузова, переключитесь на инструмент «Прямоугольная область» и щелкните в свободном месте, в результате получится картинка:

   13. Сохраним проект под названием «Растровая фигура»
       
       
       

4. Градиент для растровых фигур

   1. Создадим градиентную заливку кузова, так, чтобы прямоугольник был похож на бочку

   2. На панели инструментов уже включен основной цвет светло – желтый. Переключим цвет фона с белого на темно – коричневый. Для этого выполните двойной щелчок по задней кнопке и на появившейся палитре цветов выберите темно – коричневый

   3. Включите «Волшебную палочку» и выделите кузов

   4. Включите инструмент «Градиент»

   5. На панели параметров выберите нужный способ заливки

   6. Станьте мышкой в центр кузова и с нажатой левой клавишей протащите мышку от центра вертикально вверх до края кузова.

   7. Снимите пометку с кузова

   8. Сохраните проект под именем «Растровый градиент»

Самостоятельно

1. Подрисуйте колеса к грузовичку

2. Выполните на кузове надпись «МОЛОКО»