Инфоурок / Информатика / Конспекты / МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНЫХ РАБОТ ПО УЧЕБНОЙ ПРАКТИКЕ для обучающихся по профессиям: 09.01.03 Мастер по обработке цифровой информации 09.01.01 Наладчик программного и аппаратного обеспечения

МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНЫХ РАБОТ ПО УЧЕБНОЙ ПРАКТИКЕ для обучающихся по профессиям: 09.01.03 Мастер по обработке цифровой информации 09.01.01 Наладчик программного и аппаратного обеспечения

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

hello_html_186363c3.gifhello_html_186363c3.gifhello_html_17e54ba1.gifhello_html_186363c3.gifhello_html_m6df24d5d.gifhello_html_17e54ba1.gifhello_html_186363c3.gifhello_html_186363c3.gifhello_html_186363c3.gifОбластное бюджетное образовательное учреждение

среднего профессионального образования

«Курский электромеханический техникум»







МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ПО ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНЫХ РАБОТ

ПО УЧЕБНОЙ ПРАКТИКЕ

для обучающихся по профессиям:

09.01.03 Мастер по обработке цифровой информации

09.01.01 Наладчик программного и аппаратного обеспечения





Разработчик: А.А. Бочарова,

преподаватель,

мастер производственного

обучения





2015

РАССМОТРЕНЫ

на заседании предметной (цикловой) комиссии преподавателей профессионального цикла по направлению подготовки

«Информатика и вычислительная техника»

Протокол №___ от «__»_____2015 г

Председатель ПЦК_________А.В.Ляхов


РАССМОТРЕНЫ



методическим советом техникума



Председатель методического совета

___________Г.Н. Галахова



«__»_________ 2015г.

СОГЛАСОВАНО



заместитель директора



____________ А.В. Ляхов





«__»_________ 2015 г.





МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ПО ВЫПОЛНЕНИЮ САМОСТОЯТЕЛЬНЫХ РАБОТ

ПО УЧЕБНОЙ ПРАКТИКЕ

для обучающихся по профессиям:

09.01.03 Мастер по обработке цифровой информации

09.01.01 Наладчик программного и аппаратного обеспечения





Разработчик:

______________

А.А. Бочарова, преподаватель,

мастер производственного обучения, первой квалификационной категории






Рецензенты: Д.В. Тюпин, кандидат технических наук, технический директор ООО «ПП Микрокод»

Рецензенты: А.В. Ляхов, заместитель директора ОБОУ СПО «КЭМТ»

ОГЛАВЛЕНИЕ



Пояснительная записка………………………………………………..

5

Раздел 1.

Технологии обработки графической растровой информации в программе Аdobe Рhotoshop………………………………………..



9

1.1.

Самостоятельная работа № 1. Надпись огнём………………………

9

1.2.

Самостоятельная работа № 2. Надпись льдом………………………

13

1.3.

Самостоятельная работа № 3. Надпись кровью……………………..

18

1.4.

Самостоятельная работа № 4. Болотная надпись…………………..

22

1.5.

Самостоятельная работа № 5. Буквы под водой……………………..

27

1.6.

Самостоятельная работа № 6. Глубина резкости в программе Adobe Photoshop…………………………………………………......................



31

1.7.

Самостоятельная работа № 7. Имитация глубины резко изображаемого пространства…………………………………………..



38

1.8

Самостоятельная работа № 8. Фотографии как смарт-объекты…….

47

Раздел 2.

Технологии обработки графической векторной информации в программе Corel DRAW……………………………………………….



90

2.1.

Самостоятельная работа № 1. Рисование и обработка линий в векторной графике. Наложение и распыление изображения……….



90

2.2.

Самостоятельная работа № 2. Объединение объектов……………..

100

2.3.

Самостоятельная работа № 3. Изображение девушки………………

115

2.4.

Самостоятельная работа № 4. Рисунок с эффектом «осколка»…….

121

2.5.

Самостоятельная работа № 5. Рисунок с растительным орнаментом……………………………………………………………..



125

Раздел 3.

Приложения…………………………………………………………….

131


Контрольные вопросы по теме «Растровая и векторная графика»………………………………………………………………..



131


Тестовые задания для самоконтроля………………………………….

132


Ответы на тестовые задания для самоконтроля……………………..

136


Список использованных источников………………………………...

137




ПОЯСНИТЕЛЬНАЯ ЗАПИСКА


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

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

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

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

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

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

Реконструктивные задания – наиболее распространенный вид заданий, используемых на всех этапах учебного процесса

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

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

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

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

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

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

ПК 1.1. Выполнять операции с применением современных информационных технологий.

ПК 3.1. Организовывать работу по обработке  документов и осуществлению расчетов.

Выполнение обучающимися самостоятельной работы способствует формированию общих компетенций:

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

ОК 2. Организовывать собственную деятельность, выбирать типовые методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.

ОК 3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность.

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

ОК 5. Использовать информационно-коммуникационные технологии в профессиональной деятельности.

ОК 6. Работать в коллективе и команде, эффективно общаться с коллегами, руководством, потребителями.

ОК 7. Брать на себя ответственность за работу членов команды (подчиненных), результат выполнения заданий.

ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.

ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.

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

Обучающийся обязан:

  • перед выполнением самостоятельной работы, повторить теоретический материал, пройденный на аудиторных занятиях;

  • выполнить работу согласно заданию;

  • по каждой самостоятельной работе представить преподавателю отчет в виде результирующего файла на внешнем носителе;

  • ответить на поставленные вопросы.

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

Методические указания по выполнению самостоятельных работ по учебной практике соответствует предъявленным требованиям, и могут быть использованы как пособие в образовательных учреждениях СПО.

























1.ТЕХНОЛОГИИ ОБРАБОТКИ ГРАФИЧЕСКОЙ РАСТРОВОЙ ИНФОРМАЦИИ В ПРОГРАММЕ ADOBE PHOTOSHOP


Самостоятельная работа № 1. Надпись огнём.

Цель работы: научится создавать надпись в программе Adobe Photoshop с имитацией огня.

Ход выполнения задания:

Откройте приложение Adobe Photoshop. Создайте новое изображение командой Файл ► Новый (+). Укажите следующие параметры нового рисунка:

Ширина:

10 см


Окно Имя
Окно 
Имя

Высота:

7 см

Разрешение:

72 пиксели/дюйм

Режим:

Чёрно-белое

Содержание (фон):

Белый

Инструментом Текст Инструмент Текст(Т) создайте надпись fire:

Тип шрифта:

Time New Roman


Параметры инструмента Текст

Начертание:

Bold Italic

Размер:

150 пкс

Создание надписи

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

Перемещение изображения

Склейте слои командой Слой ► Слить с нижним (+).

Кристаллизуйте надпись: Фильтр ► Pixelate ► Cristallize

Cell Size (размер ячейки):

3-5 пикселя


http://www.modern-computer.ru/images/practice/photoshop/comimg/32.gif

Кристализация изображения

«Размойте» изображение: Фильтр ► Смазывание ► Смазывание Гаусса...

Радиус:

1 пиксель


http://www.modern-computer.ru/images/practice/photoshop/comimg/33.gif

Размытие изображения по Гауссу

Инвертируйте изображение: Изображение ► Регулировки ► Инвертировать (+

Инвертирование изображения

Поверните изображение: Изображение ► Повернуть Холст ► 90o против часовой стрелки

Вращение изображения изображения

Создайте язычки пламени: Фильтр ► Stylize ► Wind...

Для усиления язычков примените фильтр несколько раз


http://www.modern-computer.ru/images/practice/photoshop/comimg/34.gif

Применение фильтра Wind

Для реалистичности добавьте колебания: Фильтр ► Distort ► Ripple...

Amount (эффект):

50%


http://www.modern-computer.ru/images/practice/photoshop/comimg/35.gif

Size (размер):

Medium

Применение фильтра Distort

Поверните изображение: Изображение ► Повернуть Холст ► 90o по часовой стрелке

Вращение изображения изображения

Примените ещё раз: Фильтр ► Distort ► Ripple...

Amount (эффект):

30%


http://www.modern-computer.ru/images/practice/photoshop/comimg/35.gif

Size (размер):

Lage

Применение фильтра Distort

Раскрасьте пламя: Изображение ► Режим ► Индексированные Цвета

Сопоставьте пламени цветовую модель:
Изображение ► Режим ► Палитра.
В окне 
Таблица цветов выберите BlackBody


http://www.modern-computer.ru/images/practice/photoshop/comimg/36.gif


Готовое изображения сохраните в своей папке.

Форма отчета: полученный результат:

Применение фильтра Distort

Рекомендуемая  литература и интернет – источники:

  1. Роуз К. Adobe Photoshop. М., 1999

  2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

  3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

  4. www.modern-computer.ru/practic/photoshop

  5. www.photoshop-master.ru/lessons.php

  6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Что такое основной и фоновый цвета?

Как изменить размер изображения?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.











Самостоятельная работа № 2. Надпись льдом

Цель работы: научится создавать надпись в программе Adobe Photoshop, с имитацией льда.

Ход выполнения задания:

Откройте приложение Adobe Photoshop.

Создайте новое изображение командой Файл ► Новый (+).

Укажите следующие параметры нового рисунка:

Ширина:

10 см


Окно Имя
Окно 
Имя

Высота:

7 см

Разрешение:

72 пиксели/дюйм

Режим:

Чёрно-белое

Содержание (фон):

Белый

Добавьте новый слой Слой ► Новый ► Слой... (++) и залейте его белым цветом с помощью инструмента Заливка Инструмент Заливка (G).

Инструментом Текст Инструмент Текст(Т) создайте надпись ice:

Тип шрифта:

Time New Roman


Параметры инструмента Текст

Начертание:

Bold Italic

Размер:

180 пкс

Цвет:

Черный

Создание надписи

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


Перемещение изображения

Склейте слои командой Слой ► Слить с нижним (+).

Кристаллизуйте надпись: Фильтр ► Pixelate ► Cristallize

Cell Size (размер ячейки): 

6-8 пикселей


http://www.modern-computer.ru/images/practice/photoshop/comimg/32.gif

Применение фильтра Кристализация

Придайте шероховатость ледяной поверхности: Фильтр ► Шум ► Добавить шум:

Количество:

70


Окно Добавить шум
Окно 
Добавить шум

Распределение:

Гауссовское

Одноцветный:


Применение фильтра Шум

Смягчите полученный эффект: Фильтр ► Смазывание ► Смазывание Гаусса...

Радиус

1,5-2 пикселя


http://www.modern-computer.ru/images/practice/photoshop/comimg/33.gif

Применение фильтра Смазывание Гаусса



Произведите цветокоррекцию: Изображение ► Регулировки ► Кривые... 
http://www.modern-computer.ru/images/practice/photoshop/task_2_3/6.gif

Цветокоррекция изображения

Склейте слои командой Слой ► Слить с нижним (+).

Инвертируйте изображение: Изображение ► Регулировки ► Инвертировать (+)

Инвертирование изображения

Поверните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелки

Вращение изображения изображения

Создайте сосульки: Фильтр ► Stylize ► Wind...

Direction (направление): From the Right (Справа)


http://www.modern-computer.ru/images/practice/photoshop/comimg/34.gif


Применение фильтра Wind

Верните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелке

Вращение изображения изображения

Переведите изображение в цветовой режим: Изображение ► Режим ► RGB цвет

Раскрасьте изображение:
Изображение ► Регулировки ► Тон/насыщенность

Установить флажок
Тонирование




http://www.modern-computer.ru/images/practice/photoshop/comimg/39.gif

Тон

191

Насыщенность

77



Яркость

3



Загрузитe кисти (Program_files/ Photoshop/ Goodies/ Brushes/ Assorted Brushes.abr). Выберите опцию Включить возможности пульверизатора Включить возможности пульверизатора и создайте эффект искрящегося льда. Готовое изображения сохраните в своей папке.

Применение фильтра Distort


Форма отчета: полученный результат:






Рекомендуемая  литература и интернет – источники:

    1. Роуз К. Adobe Photoshop. М., 1999

    2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

    3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

    4. www.modern-computer.ru/practic/photoshop

    5. www.photoshop-master.ru/lessons.php

    6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Когда следует использовать команду Save и Copy (Сохранить копию) вместо Save as (Сохранить как)?

Какие форматы файлов используются для изображений, предназначенных для публикации на Web-страницах?

Как глубина цвета влияет на размер файла изображения?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.








Самостоятельная работа № 3. Надпись кровью

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

Откройте приложение Adobe Photoshop.

Создайте новое изображение командой Файл ► Новый (+). Укажите следующие параметры нового рисунка:

Ширина:

15 см


Окно Имя
Окно 
Имя

Высота:

7 см

Разрешение:

72 пиксели/дюйм

Режим:

RGB цвет

Содержание (фон):

Чёрный

Инструментом Текст Инструмент Текст(Т) создайте надпись blood:

Тип шрифта:

Time New Roman


Параметры инструмента Текст

Начертание:

Bold Italic

Размер:

150 пкс

Цвет:

Белый

Создание надписи

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

Перемещение изображения

Склейте слои командой Слой ► Слить с нижним (+).

Поверните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелки

Вращение изображения изображения

Примените 5 раз фильтр ВетерФильтр ► Stylize ► Wind...

Direction (направление): From the Right (Справа)


http://www.modern-computer.ru/images/practice/photoshop/comimg/34.gif


Применение фильтра Wind

Верните изображение: Изображение ► Повернуть Холст ► 90o по часовой стрелке

Вращение изображения изображения

Примените: Фильтр ► Sketch ► Stamp

Light/Dark Balance:

5-6


http://www.modern-computer.ru/images/practice/photoshop/comimg/41.gif

Smoothness:

1

Применение фильтра Stamp

Инвертируйте изображение: Изображение ► Регулировки ► Инвертировать (+).

Инвертирование изображения

Выделите изображение: Выделение ► Всё (+).

Скопируйте выделенное в буфер обмена: Редактирование ► Копировать (+).

На клавиатуре нажмите .

Перейдите в палитру каналов и создайте новый канал Создать новый канал.

Палитра каналов

Вставьте в новый канал содержимое буфера обмена: Редактирование ► Вставить (+).

Перейдите в канал RGB и вернитесь к работе со слоями (+).

Нажмите сочетание клавиш ++<4> (если понадобиться – инвертируйте выделение).

Загрузка выделения из канала

Залейте область выделения подходящим цветом.

Заливка выделенной области цветом

Придайте надписи объём:

Фильтр ► Sketch ► Bas Relief


Окно Bas Relief
Окно 
Добавить шум

Готовое изображения сохраните в своей папке.

Форма отчета: полученный результат:

Применение фильтра Шум





Рекомендуемая  литература и интернет – источники:

  1. Роуз К. Adobe Photoshop. М., 1999

  2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

  3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

  4. www.modern-computer.ru/practic/photoshop

  5. www.photoshop-master.ru/lessons.php

  6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Можно ли объединять области, выделенные различными инструментами выделения?

Как снять выделение с части выделенной области?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.









Самостоятельная работа № 4. Болотная надпись

Цель работы: научится создавать надпись в программе Adobe Photoshop, с имитацией болотного цвета.

Откройте приложение Adobe Photoshop

Создайте новое изображение командой Файл ► Новый (+). Укажите следующие параметры нового рисунка:

Ширина:

15 см


Окно Имя
Окно 
Имя

Высота:

10 см

Разрешение:

72 пиксели/дюйм

Режим:

RGB цвет

Содержание (фон):

Белый

Залейте изображение тёмно-зелёным цветом.

Заливка изображения

Перейдите в палитру каналов и создайте новый канал Создать новый канал.

Палитра каналов

Инструментом Текст Инструмент Текст(Т) создайте надпись на новом канале slime:

Тип шрифта:

Time New Roman


Параметры инструмента Текст

Начертание:

Bold Italic

Размер:

150 пкс

Цвет:

Белый

Создание надписи

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

Перемещение изображения

Отмените выделение Выделение ► Убрать выделение (+).

Перейдите на RGB канал.

Заливка изображения

Добавьте шум: Фильтр ► Шум ► Добавить шум

Количество:

22%


http://www.modern-computer.ru/images/practice/photoshop/comimg/38.gif

Распределение:

Гауссовское

Одноцветный:


Применение фильтра Шум

Примените 2 раз фильтр ВетерФильтр ► Stylize ► Wind...

Direction (направление): From the Right (Справа)


http://www.modern-computer.ru/images/practice/photoshop/comimg/34.gif

Применение фильтра Wind

Перейдите к Альфа 1-каналу.

Поверните изображение: Изображение ► Повернуть Холст ► 90° против часовой стрелки

Вращение изображения изображения

Примените 3 разa фильтр ВетерФильтр ► Stylize ► Wind...

Direction (направление): From the Right (Справа)


http://www.modern-computer.ru/images/practice/photoshop/comimg/34.gif

Применение фильтра Wind

Добавьте колебания: Фильтр ► Distort ► Ripple...

Amount (эффект): 

5-6


http://www.modern-computer.ru/images/practice/photoshop/comimg/41.gif

Size (размер): 

Medium

Применение фильтра Amount

Верните изображение: Изображение ► Повернуть Холст ► 90o по часовой стрелке

Вращение изображения изображения

Перейдите на RGB канал.

Заливка изображения

Примените: Фильтр ► Render ► Lighting Effects... со следующими параметрами:

Style



http://www.modern-computer.ru/images/practice/photoshop/task_2_5/10.gif

Light type:


On:


Intensity:

45

Focus:

69

Gloss:

0

Material:

69

Exposure:

0

Ambience:

8

Texture channal:


White is high:


Height:

50

Удалите Альфа 1-канал.

Готовое изображения сохраните в своей папке.

Форма отчета: полученный результат:

Применение фильтра Amount







Рекомендуемая  литература и интернет – источники:

    1. Роуз К. Adobe Photoshop. М., 1999

    2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

    3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

    4. www.modern-computer.ru/practic/photoshop

    5. www.photoshop-master.ru/lessons.php

    6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Как узнать, когда следует применять наклон, искривление или перспективу, если все эти операции делают почти одно и то же?

Что нужно сделать, если при выполнении ряда преобразований, нужно их отменить?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.









Самостоятельная работа № 5. Буквы под водой

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

Откройте приложение Adobe Photoshop.

Создайте новое изображение:

Ширина:

14 см


Окно Имя
Окно 
Имя

Высота:

14 см

Разрешение:

72 пиксели/дюйм

Режим:

RGB цвет

Содержание (фон):

Белый

Создайте новый канал.

Установите цвета фона и переднего плана светло-серый и тёмно-серый

Установка цветов фона и переднего плана

Примените фильтр ОблакаФильтр ► Render ► Clouds.

Применеие фильтра Clouds

Примените фильтр: Фильтры ► Sketch ► Chrome... 

Detail:

8

Smoothness:

0

Применеие фильтра Chrome

Раскрасьте изображение: Изображение ► Регулировки ► Цветовой баланс
Цветовые уровни: -67, +26, +74.

Раскрашивание изображения инструментом Цветовой балланс

Создайте новый слой.

Установите цвета фона и переднего плана белый и чёрный.

Установка цветов фона и переднего плана

Примените фильтр ОблакаФильтр ► Render ► Clouds.

Применеие фильтра Clouds

Примените фильтр: Фильтры ► Sketch ► Chrome... 

Detail:

8

Smoothness:

0

Применеие фильтра Chrome

Раскрасьте изображение:
Изображение ► Регулировки ► Тон/насыщенность

Установить флажок
Тонирование:



Тон:

218

Насыщенность:

65

Яркость:

-3

Раскрашивание изображения инструментом Тон/Насыщенность

Поменяйте слои местами.

Изменение положения слоев

Установите прозрачность верхнего слоя 52%.

Установка прозрачности слоя

Перейдите к нижнему слою.

Создайте надпись синим или голубым цветом.

Создание надписи на изображение

Растрируйте надпись.

Примените фильтр:
Фильтры ► Distort ► Wave...

Окно фильтра Wave
Окно 
Wave

Готовое изображения сохраните в своей папке.

Форма отчета: полученный результат:

Заливка выделенной области изображения






Рекомендуемая  литература и интернет – источники:

      1. Роуз К. Adobe Photoshop. М., 1999

      2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

      3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

      4. www.modern-computer.ru/practic/photoshop

      5. www.photoshop-master.ru/lessons.php

      6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Что такое режим Duotone (Дуотон) и как можно его применять?

При печати изображения, помещенного в Web-страницу в каком режиме нужно работать: в CMYK или RGB?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.










Самостоятельная работа № 6. Глубина резкости в программе Adobe Photoshop

Цель работы: научится использовать фильтры при создании растрового изображения в программе Adobe Photoshop.


Стена дома в зелени


Откройте исходную фотографию.


http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/1.jpg

Перейдите в палитру «Каналы» и создайте новый канал, для чего щёлкните по второй справа иконке внизу палитры «Каналы». Появится канал «Альфа 1» (название по умолчанию) и всё изображение зальётся чёрным цветом.

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/2.jpg

Включите видимость композитного канала RGB - щёлкните по «глазику» этого канала, изображение зальётся красным цветом. Нажмите клавишу «D» - установите цвета переднего и заднего планов по умолчанию.

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/3.jpg

Выберите инструмент линейный «Градиент» (G), от основного к фоновому.

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/4.jpg

Удерживая клавишу Shift, проведите градиентом от дальней части снимка к передней, т.е. от части снимка, которая будет размыта - к части снимка, которая останется чёткой.

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/5.jpg

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

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/6.jpg

Щёлкните по синему полю композитного канала RGB.

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/7.jpg

Перейдите в «Фильтр - Размытие - Размытие при малой глубине резкости...».

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/8.jpg

Значения всех ползунков устанавливайте на ноль (за исключением «Изогелии» - оставляйте по умолчанию), щёлкните по чёрной стрелке правее поля «Источник» и выберете созданный ранее канал «Альфа 1».


http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/9.jpg

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

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/10.jpg

Автоматически ползунок «Фокусное расстояние размытия» передвинется на величину, соответствующую ранее выбранной точке на изображении (где вы щёлкнули).

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/11.jpg

Ползунок «Радиус» передвиньте вправо и добейтесь оптимального с Вашей точки зрения уровня размытия изображения. Ползунком «Фокусное расстояние размытия» скорректируйте фокусный центр. Нажмите клавишу «Да».

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/12.jpg

В палитре «Каналы» выключите видимость канала «Альфа 1».


http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/13.jpg


Форма отчета: полученный результат:

http://www.photoshopsunduchok.ru/images/stories/2013/obrabotka-foto/glubina-rezkosti-v-photoshope/14.jpg







Рекомендуемая  литература и интернет – источники:

      1. Роуз К. Adobe Photoshop. М., 1999

      2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

      3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

      4. www.modern-computer.ru/practic/photoshop

      5. www.photoshop-master.ru/lessons.php6.www//photoshop world.ru/lessons


Вопросы для самоконтроля:

При наличии вирированной фотографии (окрашенной в коричневые тона), которая выглядит жёлтой в сканированном варианте есть ли способ избавиться от жёлтого оттенка, не потеряв при этом коричневый оттенок?

Если изображение будет напечатано в газете в чёрно-белом виде, нужно ли корректировать цветовой баланс и другие параметры?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.







Самостоятельная работа № 7. Имитация глубины резко изображаемого пространства

Цель работы: научится применять имитацию глубины резко изображаемого пространства при создании растрового изображения в программе Adobe Photoshop.

Улыбающаяся девушка

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


Исходное изображения

Для начала надо выделить девушку из общего фона. Выберите быстрое выделение и обведите им девушку. Участки, которые при этом не попали в выделение, можно добавить с помощью этого же инструмента, но, удерживая при этом клавишу Shift, а участки, которые надо убрать из выделения - удерживая клавишу Alt.

Инструмент

Далее перейдите в режим «Быстрой маски» (нажмите вторую снизу кнопку на панели инструментов или нажать клавишу «Q»), активируйте инструмент «Кисть» (В), в качестве основного цвета установите чёрный цвет (нажмите клавишу «D») и закрасьте кистью участки, которые не попали в выделение.

Режим

Выйдите из режима «Быстрой маски» (нажмите клавишу «Q») и инвертируйте выделение (Shift+Ctrl+I).

Выходим из режима

Перейдите в «Фильтр - Размытие - Размытие при малой глубине резкости». Размытие при малой глубине резкости даёт результат схожий с результатом при съёмке.

Фильтр - Размытие - Размытие при малой глубине резкости

Из всех настроек этого фильтра примените только «Радиус», перемещая который вправо вы всё больше размываете фон.

Окно фильтра

Снимите выделение - Ctrl+D. Вот такой результат должен получиться. Так как съёмка фотоаппаратом не даст такой эффект, при котором объект будет чётким, а всё остальное размыто, то вы должны сделать результат схожим с настоящей съёмкой. А съёмка с широко открытой диафрагмой сделает не только объект чётким, а и небольшой участок местности за ним, а остальное всё будет размыто. Что вы и должны сделать с фотографией.


Снимаем выделение

Выберете инструмент «Архивная кисть» (Y) и установите кисть большого диаметра с нулевой жёсткостью. Возьмите диаметр кисти чуть больше чем ширина девушки. Проведите архивной кистью слева и справа от девушки (показано стрелками), возвращая этим местам былую чёткость.

Инструмент

На этом эффект создания глубины резко изображаемого пространства можно будет завершить. Но можно сделать ещё небольшую виньетку, чтобы ещё больше выделить главный объект съёмки. Перейдите в «Фильтр - Искажение - Коррекция дисторсии».

Фильтр - Искажение - Коррекция дисторсии

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


Окно фильтра

В правой части окна нужна только вкладка «Виньетка». Там всего два ползунка «Эффект» и «Средняя точка», название которых говорит само за себя. Передвиньте ползунки влево и добейтесь такого вида виньетки, который вам понравится.

Окно фильтра


Форма отчета: полученный результат:

Красивая улыбающаяся девушка




Рекомендуемая  литература и интернет – источники:

        1. Роуз К. Adobe Photoshop. М., 1999

        2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

        3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

        4. www.modern-computer.ru/practic/photoshop

        5. www.photoshop-master.ru/lessons.php

        6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Можно ли придать кисти не округлую форму?

Что надо сделать, чтобы кисть рисовала «акварелью»?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.












Самостоятельная работа № 8. Фотографии как смарт-объекты

Цель работы: научится работать с фотографиями, импортируемыми как смарт-объекты при создании растровой композиции в программе Adobe Photoshop.

Создайте новый документ в программе Adobe Photoshop (Ctrl + N) с такими параметрами:

http://photoshopworld.ru/lessons/611/1.jpg

Вставьте фотографию окна в документ, измените размер в режиме Free Transform (Ctrl + T) и расположите, как показано ниже.

http://photoshopworld.ru/lessons/611/2.jpg

Фотография окна должна быть вставлена как смарт-объект. Если этого не произошло, когда Вы перетаскивали файл мышью в текущий документ, воспользуйтесь меню File → Place. В этом случае все изображения будут добавлены в качестве смарт-объектов.

К фотографии примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur).

http://photoshopworld.ru/lessons/611/3.jpg

Под слоем появится смарт-фильтр со своей маской.

http://photoshopworld.ru/lessons/611/4.jpg

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

http://photoshopworld.ru/lessons/611/5.jpg



Результат:

http://photoshopworld.ru/lessons/611/6.jpg

Теперь измените цвета фотографии. Создайте корректирующий слой Hue/Saturation.

http://photoshopworld.ru/lessons/611/7.jpg

Создайте корректирующий слой Selective Color и уменьшите его непрозрачность до 20%.

http://photoshopworld.ru/lessons/611/8.jpg

http://photoshopworld.ru/lessons/611/9.jpg

Создайте корректирующий слой Color Balance. Установите режим наложения Multiply и уменьшите непрозрачность до 60%.

http://photoshopworld.ru/lessons/611/10.jpg

Выберите мягкую кисть с 10-15% непрозрачностью и на маске слоя Color Balance закрасьте чёрным цветом следующие участки:

http://photoshopworld.ru/lessons/611/11.jpg

http://photoshopworld.ru/lessons/611/12.jpg

Они станут светлее.

http://photoshopworld.ru/lessons/611/13.jpg

Добавьте синий цвет при помощи корректирующего слоя Photo Filter. Уменьшите непрозрачность до 42%.

http://photoshopworld.ru/lessons/611/14.jpg

Следующий корректирующий слой — Gradient Map: #000001 — #1А2FF9. Режим наложения Multiply, непрозрачность — 55%.

http://photoshopworld.ru/lessons/611/16.jpghttp://photoshopworld.ru/lessons/611/15.jpg



Скройте эффект от градиента со стен.

http://photoshopworld.ru/lessons/611/17.jpg

И ещё один корректирующий слой — Hue/Saturation. Уменьшите его непрозрачность до 45% и на маске закрасьте землю и часть стены.

Все корректирующие слои поместите в одну группу «adjustments» (Ctrl + G).

http://photoshopworld.ru/lessons/611/18.jpg

Результат:

http://photoshopworld.ru/lessons/611/19.jpg

Создайте новый слой (Ctrl + Shift + Alt + N) над группой «adjustments». Залейте его цветом #oo2524 при помощи инструмента Paint Bucket Tool (G) или сочетания клавиш Ctrl/Alt + Backspace. Установите режим наложения Exclusion и уменьшите непрозрачность до 25%.

http://photoshopworld.ru/lessons/611/20.jpg

http://photoshopworld.ru/lessons/611/21.jpg

Вставьте цветы и расположите их на подоконнике.

http://photoshopworld.ru/lessons/611/22.jpg

К слою цветов примените стиль Drop Shadow.

http://photoshopworld.ru/lessons/611/23.jpg

Создайте для цветов корректирующий слой Hue/Saturation. Установите для него режим наложения Soft Light. На маске закрасьте выделенные участки цветов.

http://photoshopworld.ru/lessons/611/24.jpg

http://photoshopworld.ru/lessons/611/25.jpg

http://photoshopworld.ru/lessons/611/26.jpg

Создайте копию слоя цветов (Ctrl + J) и переместите их.

http://photoshopworld.ru/lessons/611/27.jpg

Теперь понадобится форма сердца. Её можно взять с этой фотографии:

http://photoshopworld.ru/lessons/611/28.jpg

Инструментом Pen Tool (P) обрисуйте объект в руке девушки. Преобразуйте контур в выделение (Ctrl + Enter) и скопируйте его на отдельный слой (Ctrl + J). Затем выделите правую половину формы, скопируйте её на отдельный слой (Ctrl + J). Поверните копию половинки в другую сторону (Edit → Transform → Flip Horizontal) и сдвиньте влево. После этого объедините оба слоя (Ctrl + E).

http://photoshopworld.ru/lessons/611/29.jpg

Перенесите полученный объект в основной документ и измените размер.

http://photoshopworld.ru/lessons/611/30.jpg

Примените следующие стили:

http://photoshopworld.ru/lessons/611/31.jpghttp://photoshopworld.ru/lessons/611/32.jpg

Создайте новый слой под красным объектом. Выберите мягкую кисть и цветом #fe0202 добавьте больше света на стену.

http://photoshopworld.ru/lessons/611/33.jpg

Создайте ещё один слой под объектом и установите для него режим наложения Overlay. Закрасьте стену, как показано ниже. Чтобы усилить свечение, создайте копию слоя и смените режим наложения на Color Dodge. Уменьшите непрозрачность оригинального слоя до 68%, а копии — до 10%.

http://photoshopworld.ru/lessons/611/34.jpghttp://photoshopworld.ru/lessons/611/35.jpg

Все слои свечения поместите в группу «red light» (Ctrl + G). Создайте несколько копий группы и расположите их под другими цветами.

http://photoshopworld.ru/lessons/611/36.jpg

Создайте новый слой на самом верху (Ctrl + Shift + N). Установите режим наложения Overlay и залейте 50% серым цветом.

http://photoshopworld.ru/lessons/611/37.jpg

На этом слое усильте свет и тени. Используйте для этого мягкую кисть с 10-15% непрозрачностью. Рисуйте белым цветом на светлых участках и чёрным — на тёмных.

http://photoshopworld.ru/lessons/611/38.jpghttp://photoshopworld.ru/lessons/611/39.jpg

Теперь добавьте сияния на подоконник. Создайте новый слой, залитый чёрным цветом в режиме Color Dodge.

http://photoshopworld.ru/lessons/611/40.jpg

Нарисуйте голубые сияния.

http://photoshopworld.ru/lessons/611/41.jpg

Чтобы усилить сияние, создайте копию слоя.

http://photoshopworld.ru/lessons/611/42.jpg

Теперь добавьте свечения на оконную раму. Создайте новый слой, выберите кисть и установите для неё 50% жёсткость и 2-3% непрозрачность. На панели инструментов выберите цвет #baffef.

Инструментом Pen Tool (P) нарисуйте линию на рамке. Кликните правой кнопкой мыши на холсте и выберите пункт Stroke Path.

http://photoshopworld.ru/lessons/611/43.jpghttp://photoshopworld.ru/lessons/611/44.jpg

Подобным образом добавьте больше сияний.

http://photoshopworld.ru/lessons/611/45.jpghttp://photoshopworld.ru/lessons/611/46.jpg



Теперь добавьте главного персонажа  — девочку, но перед этим немного отретушируйте её. Откройте фотографию девочки в Фотошопе. Перейдите к панели каналов и выберите зелёный канал. Выделите его (Ctrl + A), скопируйте (Ctrl + C) и вставьте на новый слой (Ctrl + V). Назовите его «green».

http://photoshopworld.ru/lessons/611/47.jpghttp://photoshopworld.ru/lessons/611/49.jpghttp://photoshopworld.ru/lessons/611/48.jpg

Инвертируйте цвета слоя «green» (Ctrl + I).

http://photoshopworld.ru/lessons/611/50.jpg

Примените фильтр High Pass (filter → Others → High Pass).

http://photoshopworld.ru/lessons/611/51.jpg

Установите режим наложения Overlay, добавьте маску и закрасьте глаза, нос, губы и одежду.

http://photoshopworld.ru/lessons/611/52.jpg

Сравните фотографию до и после:

http://photoshopworld.ru/lessons/611/53.jpg

Отделите девочку от фона.

http://photoshopworld.ru/lessons/611/54.jpg

Теперь дорисуйте волосы. Способ похож на тот, который был использован для создания сияний на окне. Рисуйте контур в форме волос и обводите его специальной кистью, доступной в секции ресурсов урока. Цвет волос определяйте пипеткой.

http://photoshopworld.ru/lessons/611/55.jpg

На нижний край добавьте кружева.

http://photoshopworld.ru/lessons/611/56.jpg

Перенесите девочку в основной документ и посадите её на подоконник.

http://photoshopworld.ru/lessons/611/57.jpg

Создайте для девочки корректирующий слой Brightness/Contrast и на маске закрасьте небольшие участки на лице, руках и ногах.

http://photoshopworld.ru/lessons/611/58.jpg

Следующий корректирующий слой — Color Balance.

http://photoshopworld.ru/lessons/611/59.jpg

Создайте для девочки пустой слой (Ctrl + Shift + Alt + N) и уменьшите его непрозрачность до 30-40%. Залейте слой чёрным цветом. Добавьте маску и скройте заливку с освещённых участков рук, ног и лица. С помощью этого слоя тени темнее.

http://photoshopworld.ru/lessons/611/60.jpg

Создайте для девочки ещё один слой. Залейте его 50% серым цветом и установите режим наложения Overlay. На этом слое улучшите свет на платье девочки.

Все слои девочки поместите в группу «model» (Ctrl + G).

http://photoshopworld.ru/lessons/611/61.jpg

http://photoshopworld.ru/lessons/611/62.jpg

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

http://photoshopworld.ru/lessons/611/63.jpg

Установите режим наложения Soft Light и уменьшите непрозрачность до 55-65%.

http://photoshopworld.ru/lessons/611/64.jpg

На новом слое добавьте цвет #f7efc0. Установите режим наложения Hard Light и уменьшите непрозрачность до 20%.

http://photoshopworld.ru/lessons/611/65.jpg

На новом слое добавьте больше цвета. Используйте кисть с 10-15% непрозрачностью.

http://photoshopworld.ru/lessons/611/66.jpg

Создайте ещё один слой и добавьте оранжевый цвет. Установите режим наложения Screen.

http://photoshopworld.ru/lessons/611/67.jpg

На новом слое добавьте жёлтый цвет поверх оранжевого.

http://photoshopworld.ru/lessons/611/68.jpg

В центре огня нарисуйте белое пятно.

http://photoshopworld.ru/lessons/611/69.jpg

Создайте новый слой, залейте его чёрным цветом и установите режим наложения Color Dodge. Добавьте белый и жёлтый цвет на платье девочки. На него должен падать свет от фонаря. Используйте мягкую кисть с 3-5% непрозрачностью. Все слои со свечением фонаря поместите в группу «light of lamp».

http://photoshopworld.ru/lessons/611/70.jpghttp://photoshopworld.ru/lessons/611/71.jpg

Теперь осветите окружение. Создайте новый слой и кистью с 10-15% непрозрачностью добавьте оранжевый цвет на стену.

http://photoshopworld.ru/lessons/611/72.jpg

Создайте копию слоя (Ctrl + J). Установите режим наложения оригинального слоя на Color и уменьшите непрозрачность до 30%. Режим наложения копии — Overlay, непрозрачность — 75%.

http://photoshopworld.ru/lessons/611/73.jpg

Создайте новый слой, залитый чёрным цветом и установите для него режим наложения Color Dodge. Закрасьте правую стену белым, жёлтым и оранжевым цветом.

http://photoshopworld.ru/lessons/611/74.jpg





Результат:

http://photoshopworld.ru/lessons/611/75.jpg

Добавьте свечения на девочку. Создайте новый слой под группой «light of lamp». Нарисуйте контур на верхнем крае платья и обведите его белой кистью размером 1-3 пикселя с 50% жёсткостью.

http://photoshopworld.ru/lessons/611/76.jpg

http://photoshopworld.ru/lessons/611/77.jpg

Таким же способом добавьте больше свечений.

http://photoshopworld.ru/lessons/611/78.jpg

Добавьте больше света на волосы при помощи специальных кистей.

http://photoshopworld.ru/lessons/611/79.jpg

Добавьте свечения по краям лица.

http://photoshopworld.ru/lessons/611/80.jpg

Добавьте линии на нос, губы и глаза.

http://photoshopworld.ru/lessons/611/81.jpg

Создайте новый слой в режиме Soft Light и добавьте оранжевый цвет на нос и щёки мягкой кистью.

http://photoshopworld.ru/lessons/611/82.jpg

Создайте новый слой в режиме Color. Покрасьте губы красным цветом.

http://photoshopworld.ru/lessons/611/83.jpg

Добавьте свечение на края лампы.

http://photoshopworld.ru/lessons/611/84.jpg

http://photoshopworld.ru/lessons/611/85.jpg

Добавьте красные свечения на края платья и ног.

http://photoshopworld.ru/lessons/611/86.jpg

В завершение, займитесь общей цветовой коррекцией. Создайте корректирующий слой Selective Color.

http://photoshopworld.ru/lessons/611/87.jpg

Создайте копию корректирующего слоя. Закрасьте на её маске стены и девочку. Уменьшите непрозрачность копии до 60%.

http://photoshopworld.ru/lessons/611/88.jpghttp://photoshopworld.ru/lessons/611/89.jpg

Добавьте больше сияний на пояс девочки.

http://photoshopworld.ru/lessons/611/90.jpg

Выберите самый верхний слой и нажмите Ctrl + Shift + Alt + E. У Вас появится новый слой со всей картиной. Преобразуйте его в смарт-объект и примените фильтр Unsharp Mask (Filter → Sharpen → Unsharp Mask).

http://photoshopworld.ru/lessons/611/91.jpg

Форма отчета: полученный результат:

http://photoshopworld.ru/lessons/611/final.jpg

Рекомендуемая  литература и интернет – источники:

1. Роуз К. Adobe Photoshop. М., 1999

2. Топорков С. Adobe Photoshop CS в примерах. СПб, 2012

3. Миронов Д. Основы Photoshop CS2. Учебный курс. М., 2010

4. www.modern-computer.ru/practic/photoshop

5. www.photoshop-master.ru/lessons.php

6. www//photoshop world.ru/lessons


Вопросы для самоконтроля:

Диалоговая панель Color Picker (Палитра цветов) содержит слишком много кнопок и чисел. Какими из них следует воспользоваться, чтобы изменить цвета?

Что происходит, если для инструмента Eyedropper (Пипетка) установлен размер образца 5х5 пикселов, а в этой области находится больше, чем один цвет?

В чём отличие инструментов Smudge (Палец) и Blur (Размытие)?

Из каких изображений получаются хорошие цифровые рисунки?

Можно ли применять к изображению больше одного фильтра?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями и с добавлением авторских элементов;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.

























2.ТЕХНОЛОГИИ ОБРАБОТКИ ГРАФИЧЕСКОЙ ВЕКТОРНОЙ ИНФОРМАЦИИ В ПРОГРАММЕ COREL DRAW


Самостоятельная работа № 1. Рисование и обработка линий в векторной графике. Наложение и распыление изображения

Цель работы: научится рисовать и обрабатывать линии в векторной графике, наложение и распыление изображения

Откройте программу Сorel DRAW. Выберите Новый. Нарисуйте картинку «Пирс» с применением инструментов: полигон, указатель, эллипс, свободная рука, форма, заливка, интерактивная тень, применяя дублирование.

  1. Сначала нарисуйте кафель. Используйте инструмент Полигон. Установите 6 вершин и, удерживая Ctrl, нарисуйте правильный шестиугольник, закрасьте его в серый цвет.

hello_html_797ef94d.png

Для придания объема плитке, дублируйте ее (клавиша +). Сдублированный шестиугольник перекрасьте в цвет на тон светлее. Конвертируйте в кривые. Для редактирования формы используйте панель редактирования узлов. Выделите нижние узлы и поднимите вверх (отступив от края). Группируйте два шестиугольника и удалите контур:

hello_html_m3a86aafe.png

2. Дублирование кафеля. Откройте панель преобразования (Alt F7).
Пирс *

Далее дублируйте плитки и группируйте их, выделяя все плитки при помощи инструмента Указатель, в меню Компоновка выберите Группа и щелкните кнопкой мыши:

hello_html_m70eef402.png

Все выделяете и группируете.
3. Чтобы земля «лежала», используйте инструмент Добавить перспективу в меню Эффекты:

hello_html_m7d7d5248.png

С помощью узлов преобразуйте «трапецию». Чтобы ровно по горизонтали передвигать узлы - удерживайте клавишу Ctrl.


Нарисуйте темный прямоугольник поверх плиток, и перенесите на задний план
Shift + Page Down. Это нужно для того, чтобы плитки выглядели более выразительно, был виден шов.
hello_html_m47dd04f3.png


hello_html_1b67f89b.png
Пирс *

hello_html_25aa7d21.png

Для того чтобы обрезать лишнее, что за пределами листа: нарисуйте прямоугольник по ширине листа. Откройте панель линз (Alt F3). Прямоугольник будет служить линзой. Выберите в панели любой тип линзы (например, Color add) и установите 0% , замораживая Замороженный.

hello_html_m15c4e837.png

Полученный кафель «в прямоугольнике» оставьте, удалив контур, а исходный кафель «в трапеции» удалите.
4. Придайте земле естественный вид.
Для создания перспективы нарисуйте такой же прямоугольник и закрасьте в серый цвет. Затем создайте линейную фронтальную прозрачность.
hello_html_m72e1b029.png

5. Нарисуйте море при помощи инструмента Прямоугольник. Затем задайте текстурную заливку Soft water (Спокойная вода).
Чтобы придать перспективу воды, аналогично поступайте, как и с землей. Дублируйте этот же прямоугольник, задайте однотонную заливку серо-синего цвета и придайте линейную полупрозрачность.

hello_html_m5bbc2b08.png

6. Нарисуйте берег с помощью инструмента свободной руки и создайте контур берега (F5).

hello_html_3ac21586.png





Придайте берегу тёмно-зелёный цвет.
7. Для того чтобы на берегу были видны освещенные места, используйте инструмент Интерактивная заливка сеткой:

hello_html_2b1c9ba7.png

Задайте нужное количество клеток сетки по горизонтали и вертикали:


hello_html_m61fb8c8c.pnghello_html_30253807.png

Выделите узлы верхнего края берега и перекрасьте в более светлый цвет.


hello_html_m5803530f.png

8. Нарисуйте столб для ограждения. Создайте 3 объекта: прямоугольник (будущий цилиндр), овал (основание цилиндра), круг (шар). Прямоугольник конвертируйте в кривые (Ctrl Q) и скруглите нижнюю сторону.


Пирс *


Для каждого объекта задайте градиентные заливки (F11): для цилиндра линейный градиент, для круга - радиальный. Только эллипс закрасьте в однородный светло-серый цвет.


hello_html_2dc03f05.png



9. Нарисуйте тень от шара. Используйте инструмент интерактивная тень.

Пирс *

Чтобы тень легла под шаром, нужно ее отделить от основного объекта (Ctrl K)

Пирс *

Тень можно независимо от круга переместить, масштабировать и т.д.
10. Создайте цепь. Нарисуйте два объекта для цепи.

Пирс *

Нить - половина эллипса в режиме дуги (Arc); колечко для цепи - два концентрических эллипса, из них сделайте комбинацию (Ctrl L).
Дублируйте второе колечко и между этими звеньями создайте
интерактивное перетекание, установите нужное количество промежуточных звеньев.

Пирс *

Дуга послужит в качестве пути перетекания. Щелкните на кнопке Новый путь панели перетекания, затем стрелочкой укажите на дугу (путь)

Пирс *hello_html_68e3c453.png

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

hello_html_31cbfbe.png

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

Пирс *

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

Пирс *

Выделите только цилиндры и цепи, группируйте их, создайте падающую тень с размытием 8%. Отделите тень от ограды, передвигая ее так, чтобы основания тени находились под столбами. Сделайте линейную полупрозрачность тени.
Для фона (неба) нарисуйте прямоугольник, переместите его на задний план и задайте градиентную линейную заливку.
Для создания блика от тусклого солнца задайте радиальную полупрозрачность небу. При этом прозрачное пятно будет в центре мнимого солнца.


Форма отчета: полученный результат:


Пирс












Рекомендуемая  литература и интернет – источники:


1.Глушков С.В. Кнабе Г.К. Corel 11: всё для дизайнера. Харьков 2006

2.Миронов Д. CorelDraw 10. Учебный курс. СПб, 2011

3.Бурлаков М. Corel 11. Справочник. М., 2010

4.Николь. Графический редактор Corel. СПб, 2012

5. www.coreldraw.com/ru/

6. www.modern-computer.ru/practice/corel-draw/prcatic-coreldraw main.html

7. corel.demiart.ru

8. www.coreldrawgromov.ru

9. www.teachvideo.ru/course/366

10. life-prog.ru/view_komputernaya_grafika.php


Вопросы для самоконтроля:

Что такое векторная графика?

Что такое векторизация?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.






















Самостоятельная работа № 2. Объединение объектов

Цель работы: научится объединять объекты в векторной графике, рисование бабочки.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka1.jpg

Рассмотрим инструменты, которые понадобятся:

  • Инструмент «Перо», «Ломаная линия»

  • «Форма» F10

  • Инструменты «Эллипс», «Звезда»

  • Инструмент «Интерактивная заливка»(G)

  • «Прозрачность»

  • Инструмент «Тень»

  • «Нож»

  • «Интеллектуальная заливка»

  • Инструмент «Перетекание»

  • Инструмент «Power Clip»

Сначала нарисуйте тело бабочки. Возьмите инструмент «Эллипс» F7. Постройте им два объекта туловища бабочки, далее преобразуйте их в кривые (правая кнопка мыши по эллипсу, в появившемся меню выбрать «Преобразовать в кривую»). Теперь возьмите инструмент «Форма». Добавляя новые узлы и перемещая старые, либо изменяя тип узлов, или перемещая опорные точки данных узлов, видоизмените эллипсы.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b2.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/b3.jpg

Таким же образом, используя эллипс, постройте глаз и усы для будущей бабочки.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b4.jpg

Нарисуйте крылья бабочки. Для этого используйте инструмент «Перо» либо «Безье». При помощи данного инструмента можно построить контур крыльев за один раз.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b6-0.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/b6.jpg

Постройте кайму в левой части крыльев бабочки. Создайте копию крыла (выделить объект и нажать клавишу (+)). Сместите немного копию крыла влево. Возьмите инструмент «Интеллектуальная заливка». Нажмите инструментом по форме, которая получилась пересечением крыла и его копии. http://www.render.ru/images/uploads/Image/Tutor/all/595/b7.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/b7-1.jpg

Постройте объекты, имитирующие прожилки на крыльях бабочки. Для этого можно воспользоваться инструментом «Свободная форма», «Ломаная линия» либо «Безье». Также инструментом «Эллипс» постройте небольшие чередующиеся пятна на краях крыльев.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b8.jpg

Используя инструмент «Эллипс» постройте пятна на крыльях бабочки.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b9.jpg

Нарисуйте объект у основания верхнего крыла бабочки. Для этого создайте копию крыла. Далее возьмите инструмент «Нож», разделите им объект по необходимой кривой, ненужную часть объекта удалите.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b10.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/b10-2.jpg

Для заливки цветом можно интерпретировать, используя свои цвета. Но можно просто обратиться к специализированным инструментам.

Постройте три прямоугольника. Залейте их оранжевым цветом. Далее выделите один из прямоугольников, нажмите правую кнопку, в появившемся меню выберите «Свойства», далее справа в прикрепленном окне нажмите кнопку «Заливка» - «Дополнительно». В появившимся окне сверху нажмите вкладку «Краскосмесители».

http://www.render.ru/images/uploads/Image/Tutor/all/595/b11.jpg

Выберите оттенок например «Треугольник 1». Программа предложила следующие цвета в сочетание оранжевому цвету - это желто-оранжевый и синий (смотрите под цветовым кругом). Выберите один из предложенных цветов и нажмите кнопку ОК.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b13.jpg

Приступите к раскрашиванию крыльев бабочки. Верхнее крыло залейте «Интерактивной заливкой», нижнее крыло и объекты края, элементы туловища - однородной заливкой.

http://www.render.ru/images/uploads/Image/Tutor/all/595/b14.jpg

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

Примените инструмент «Тень» к копиям крыльев. Настройки тени следующие: непрозрачность тени около 97, размытие тени 14-19, режим прозрачности (важно) - обычный, цвет тени - оранжевый.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka15.jpg

Отделите тень от конура крыльев, для этого нажмите правой кнопкой мыши инструментом «Тень» по границе объекта и тени, в выпадающем меню выберите «Разъединить группа тени».

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka16.jpg

Выделите объекты теней и нажмите клавишу + , тем самым вы создадите копию по верх выделенных объектов. Далее воспользуйтесь инструментом «Power Clip». При помощи данного инструмента созданную тень, можно поместить внутрь крыльев бабочки.

Чтобы воспользоваться инструментом необходимо сначала выделить объект созданной тени, далее вверху выбрать текстовую вкладку «Эффекты» -«Power Clip» - «Поместить в контейнер», далее появившемся большим указателем-стрелкой, кликнуть левой кнопкой мыши по крылу бабочки.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka17.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka17-2.jpg

Если не устраивает расположение объекта теней внутри объектов крыльев бабочки, то можно отредактировать положение. Для этого кликните правой кнопкой мыши по объекту крыла-контейнера, и в появившемся меню выберите «Редактировать содержимое».

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka18.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka18-2.jpg

Закрасьте пятна на крыльях бабочки. Для нижнего крыла примените однородную оранжевую заливку R247 G172 B7. Пятна верхнего крыла залейте белым цветом. Далее примените ко всем пятнам линейную прозрачность.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka19.jpg

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka19-2.jpg

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

Получите зеркальную копию крыла бабочки. Для этого выделите все объекты входящие в крыло, далее сверху на панели инструментов нажмите кнопку «Отразить по горизонтали».

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka20.jpg

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

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka21.jpg

Постройте инструментом «Прямоугольник» F6 прямоугольник. Далее возьмите инструмент «Форма» и закруглите им углы прямоугольника.

Залейте прямоугольник «Интерактивной заливкой» G, тип заливки - радиальная.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka22.jpg

Для рисования пузырька постройте инструментом «Эллипс» , «Ломанная линия», «Перо» следующие объекты:

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka23.jpg

Залейте все объекты, кроме одной большой окружности, белым цветом. И примените к ним «Линейную прозрачность»

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka24.jpg

Постройте еще две окружности и примените к ним «Прозрачность», тип - радиальная, также поменяйте ползунки в инструменте прозрачность местами, черный по центру, белый на край. Таким образом, прозрачность будет плавно увеличиваться от центра к краям.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka25.jpg

Осталась еще одна окружность не залитая белым цветом. Придайте толщину ее контуру, далее примените к ней инструмент «Тень». Настройки тени следующие: непрозрачность около 50, размытие - 15, цвет белый, режим наложения (обязательно) - обычный

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka26.jpg

Отделите тень от окружности, окружность удалите. Далее поместите тень используя инструмент «Power Clip» в большую окружность залитую белым цветом.
Постройте звезду для усиления эффекта блика. Возьмите инструмент
«Звезда» постройте им необходимых размеров звезду, далее задайте ей, сверху на панели свойств, количество лучей - 8, возьмите инструмент «Форма», сдвиньте данным инструментом лучи в цент звезды. Примените к объекту звезды радиальную прозрачность.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka27.jpg

Соберите разрозненные объекты в единое целое и тем самым получите симпатичный прозрачный пузырь.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka28.jpg

Разнообразьте композицию абстрактным элементом из линий. Возьмите инструмент «Свободная форма». Постройте произвольную кривую. Далее создайте ее копию (выделить объект и нажать клавишу + на клавиатуре).
Отразите копию объект по горизонтали, нажав соответствующую кнопку сверху на панели инструментов.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka29.jpg

Примените к данным линиям инструмент «Перетекание». Настройте сверху на панели инструментов необходимое количество объектов перетекания. Также поэкспериментируйте с положением кривых, либо добавлением узлов инструментом «Форма», таким образом можно добиться весьма интересных результатов.

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochka30.jpg

Примените к линиям инструмент «Прозрачность», тип прозрачности - однородная. Соберите композицию. Создайте копии пузырьков, добавьте бликов.


Форма отчета: полученный результат:

http://www.render.ru/images/uploads/Image/Tutor/all/595/babochkaobrazec.jpg


Рекомендуемая  литература и интернет – источники:


1.Глушков С.В. Кнабе Г.К. Corel 11: всё для дизайнера. Харьков 2006

2.Миронов Д. CorelDraw 10. Учебный курс. СПб, 2011

3.Бурлаков М. Corel 11. Справочник. М., 2010

4.Николь. Графический редактор Corel. СПб, 2012

5. www.coreldraw.com/ru/

6. www.modern-computer.ru/practice/corel-draw/prcatic-coreldraw main.html

7. corel.demiart.ru

8. www.coreldrawgromov.ru

9. www.teachvideo.ru/course/366

10. life-prog.ru/view_komputernaya_grafika.php


Вопросы для самоконтроля:

Почему и какие виды кривые Безье получили широкое распространение в векторной графике?

Что такое сплайн?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.









Самостоятельная работа № 3. Изображение девушки

Цель работы: научится работать творчески.

Создайте документ. Щелкните на инструменте Перо и нарисуйте контур девушки, черты лица, тени:







Прибавьте плавности очертаниям, в
палитре CMYK добавьте цвет лицу (2;6;4;0):


http://images.photoshopia.ru/post_images/2012/05/378.jpghttp://images.photoshopia.ru/post_images/2012/05/376.jpg











Нарисуйте набросок волос девушки, используя инструмент Живопись. Тем же инструментом прибавляем ресниц. Тени должны обрести заливку по палитре CMYK (2;23;10;0). Примените инструмент Прозрачность, выбрав нормальный режим.
http://images.photoshopia.ru/post_images/2012/05/379.jpg
Придайте очертания губам, залив их
градиентом из двух цветов (1;80;56;0) и (3;25;7;0).






http://images.photoshopia.ru/post_images/2012/05/380.jpg







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

http://images.photoshopia.ru/post_images/2012/05/381.jpg













Далее работаете с руками, кружевами и платьем. Прозрачность будет базовая. Кожа рук требует еще одного слоя, к которому добавляется тень и объем (2;23;10;0). Прозрачность должна быть линейная.


http://images.photoshopia.ru/post_images/2012/05/382.jpg















Добавьте плавности рукам, прорисуйте кисти рук, при помощи Пера. Нарисуйте сумочку, залив цветом. Сделайте наброски ног. 




http://images.photoshopia.ru/post_images/2012/05/383.jpg










Добавьте приятный фон и прибавьте мелких деталей платью и самой девушке. Используя Перо, нарисуйте сапоги, а верх ног снабжаем объемом и тенью, с помощью линейной Полупрозрачности и заливки (0;16;0;17). Также работайте со складками платья. 











http://images.photoshopia.ru/post_images/2012/05/384.jpg















Нарисуйте колготки в сетку, добавляя слой поверх ног. Используйте для этого заливку узором двумя цветами (0;11;6;38) и (0;10;5;11). Узор высотой и шириной в 7 мм




http://images.photoshopia.ru/post_images/2012/05/385.jpg









Добавьте цветов фону. При помощи инструмента Кривая Безье нарисуйте шнурок для сапог. 





Форма отчета: полученный результат. (Так как задание вариативного типа, то цвета могут быть использованы по усмотрению обучающегося):




hello_html_m315a0a0c.png





















Рекомендуемая  литература и интернет – источники:

1.Глушков С.В. Кнабе Г.К. Corel 11: всё для дизайнера. Харьков 2006

2.Миронов Д. CorelDraw 10. Учебный курс. СПб, 2011

3.Бурлаков М. Corel 11. Справочник. М., 2010

4.Николь. Графический редактор Corel. СПб, 2012

5. www.coreldraw.com/ru/

6. www.modern-computer.ru/practice/corel-draw/prcatic-coreldraw main.html

7. corel.demiart.ru

8. www.coreldrawgromov.ru

9. www.teachvideo.ru/course/366

10. life-prog.ru/view_komputernaya_grafika.php



Вопросы для самоконтроля:

Какие виды заливок вам известны?

Есть ли различия в визуализации кривых и шрифтов?


Критерии оценок:

  • «5» - задание выполнено в соответствии с указанными  требованиями и с добавлением авторских элементов;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.



















Самостоятельная работа № 4. Рисунок с эффектом «осколка»

Цель работы: научится работать творчески.

Выберите на панели инструментов Кривые Безье:
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_2_1.gif

Создайте продолговатый треугольник. Для этого понадобится всего четыре клика:
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_2_2.gif

Выделите созданный вами треугольник, откройте панель Extrude (выдавливание) и нажмите кнопку Edit (редактирование).

В появившемся диалоговом окне установите тип выдавливания Back Parallel (параллели). Под треугольником пунктирной линией будет отображаться копия. Обратите внимание на положение перекрестья, обозначающего точку исчезновения. Захватите его мышкой и поместите так, чтобы добиться желаемой толщины стекла:
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_2_3.gif

Когда вы добьетесь нужной толщины вашего «осколка», нажмите Apply (применить). Если все же захотите что-то изменить, кликните на осколке, зайдите в панель «Выдавливание» и установите положение точки исчезновения. Когда результат вас удовлетворит, нажмите применить.

Осколок должен быть похож на тот, что изображен на рисунке:
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_3_1.gif

Теперь выделите исходный треугольник на созданном вами осколке. Кликните на Arrange/Separate (упорядочить/разделить). После этого исходный треугольник отделится от выдавленного. Примечание: если пункт Separate выпадающего меню недоступен, значит, вы выделили не ту часть осколка

После разделения вы не заметите никаких изменений на экране. Теперь выделите выдавленную часть осколка. 
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_3_2.gif

Кликните на Un-Group (разгруппировать) и вы получите выдавленную форму, разбитую на три части.

Выделите поочередно каждую часть и залейте светлым голубовато-зеленым цветом (C20 M0 Y0 K20). Затем удалите контур всех трех частей. Ваш осколок должен походить на изображенный ниже:
http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_4_1.gif

  1. Выделите каждую часть в отдельности и примените Fountain Transparency, изменяя направление прозрачности в каждом случае. Ваш осколок будет напоминать этот:
    http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_4_2.gif

Теперь откройте панель Lens (линза). Выделите исходный треугольник. Для этого можно использовать клавишу Tab - с ее помощью вы будете перемещаться по объектам, составляющим ваш осколок. Исходный треугольник будет выделен рамкой.

Выделив исходный треугольник, зайдите в панель Lens (линза), нажмите Magnify (увеличение), выберите установку по умолчанию (2.0) и нажмите Apply (применить). Выделите весь осколок и сгруппируйте его.

Вы не сможете в полной мере оценить этот эффект, пока не поместите под изображением осколка фотографию.

Форма отчета: полученный результат. (Фотография может быть выбрана по усмотрению обучающегося).

http://www.render.ru/images/uploads/Image/Tutor/fromgraphics/314/Glass_5_1.jpg




Рекомендуемая  литература и интернет – источники:


1.Глушков С.В. Кнабе Г.К. Corel 11: всё для дизайнера. Харьков 2006

2.Миронов Д. CorelDraw 10. Учебный курс. СПб, 2011

3.Бурлаков М. Corel 11. Справочник. М., 2010

4.Николь. Графический редактор Corel. СПб, 2012

5. www.coreldraw.com/ru/

6. www.modern-computer.ru/practice/corel-draw/prcatic-coreldraw main.html

7. corel.demiart.ru

8. www.coreldrawgromov.ru

9. www.teachvideo.ru/course/366

10. life-prog.ru/view_komputernaya_grafika.php


Вопросы для самоконтроля:

Какие существуют интерактивные инструменты?

Для чего нужно применение Перспективы?

Критерии оценок:


  • «5» - задание выполнено в соответствии с указанными  требованиями и с добавлением авторских элементов;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.





Самостоятельная работа № 5. Рисунок с растительным орнаментом

Цель работы: научится работать творчески.

Определившись с будущей формой и композицией, сделайте набросок инструментом Freehand Tool (F5):

http://www.render.ru/images/uploads/Image/Tutor/all/517/01_nabrosok.gif

Теперь поверх наброска аккуратно отрисуйте линии Bezier или Pen Tool`ом, линии должны быть именно незамкнутыми линиями, а не объектами, это пути для кистей.

http://www.render.ru/images/uploads/Image/Tutor/all/517/02_otrisovka.gif

Теперь создайте кисти для основы орнамента, а также листики, цветочки и другие детали для оформления орнамента.
Достаточно нескольких вариантов кистей, заостренных и закругленных, тонких и пузатых, остальное можно сделать с помощью настроек и ручной правки. Как правило, кисть представляет собой простой объект как на рисунке, но можно поэкспериментировать и с более сложными формами.
Сохраняйте кисти, выбрав инструмент
Artistic Media и нажав на значок сохранения рядом с выпадающим меню кистей.

http://www.render.ru/images/uploads/Image/Tutor/all/517/03_bruches.gif

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

http://www.render.ru/images/uploads/Image/Tutor/all/517/04_elem.gif

Создайте простую форму из пересечения двух эллипсов.
Сделайте прожилку для листика обрезав простой кривой, и контур для лепестка обрезав ее уменьшенной копией, также нарисуйте простую серединку в лепестке.
Скопируйте заготовку несколько раз и примените эффект скручивающий искажения
Interactive Distortion Tool`ом к каждой копии с разными настройками, тем самым создавая разнообразные элементы оформления. Из нескольких лепестков соберите цветок.

http://www.render.ru/images/uploads/Image/Tutor/all/517/05_flw_make.gif

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

http://www.render.ru/images/uploads/Image/Tutor/all/517/06_osnova.gif

Теперь расставьте вдоль основных линий орнамента листики. Для этого используйте Blend Tool (перетекание) и указывайте в качестве пути форму, регулируйте расстояние между листиком и формой, смещая его центр вращения:

http://www.render.ru/images/uploads/Image/Tutor/all/517/07_rotate_center.gif

Так же не забудьте поставить галочку Rotate all objects, чтобы листики вращались в соответствии с изгибом пути:

http://www.render.ru/images/uploads/Image/Tutor/all/517/08_blend1.gif

Когда объекты перетекания привязаны к пути их можно без проблем перемещать, поворачивать и изменять размер, это очень удобно и наглядно, естественно заполнить всю форму одним блендом не получится, все делается в несколько этапов, а кое-где возможно потребуется ручная расстановка. Так же можно поиграться с опциями Acceleration:

http://www.render.ru/images/uploads/Image/Tutor/all/517/09_blend2.gif

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

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

Форма отчета: полученный результат. (Орнамент может быть выбран по усмотрению обучающегося).


http://www.render.ru/images/uploads/Image/Tutor/all/517/10_end.gif



Рекомендуемая  литература и интернет – источники:


1.Глушков С.В. Кнабе Г.К. Corel 11: всё для дизайнера. Харьков 2006

2.Миронов Д. CorelDraw 10. Учебный курс. СПб, 2011

3.Бурлаков М. Corel 11. Справочник. М., 2010

4.Николь. Графический редактор Corel. СПб, 2012

5. www.coreldraw.com/ru/

6. www.modern-computer.ru/practice/corel-draw/prcatic-coreldraw main.html

7. corel.demiart.ru

8. www.coreldrawgromov.ru

9. www.teachvideo.ru/course/366

10. life-prog.ru/view_komputernaya_grafika.php


Вопросы для самоконтроля:

Какие существуют кисти?

Как создать битовое изображение?


Критерии оценок:


  • «5» - задание выполнено в соответствии с указанными  требованиями и с добавлением авторских элементов;

  • «4» - задание выполнено в соответствии с указанными  требованиями, имеются небольшие неточности в полученном результате.

  • «3» - нарушена логическая последовательность выполнения задания, большие искажения в полученном результате;

  • «2» - задание выполнено с грубым нарушением логической последовательности, частичное отсутствие полученного результата.







3.ПРИЛОЖЕНИЯ


Контрольные вопросы по теме «Растровая и векторная графика»


  1. Дайте понятие «графики», «компьютерной графики» и назовите типы компьютерных изображений.

  2. Охарактеризуйте растровые и векторные графические изображения. Что это такое?

  3. Как получаются растровые изображения, из чего они состоят?

  4. Как подсчитать объём файла, содержащего чёрно – белое изображение?

  5. От чего зависит качество растрового изображения? Что такое пиксель?

  6. Назовите достоинства и недостатки растрового изображения.

  7. Назовите примеры растровых графических редакторов и форматы графических файлов. Для чего они применяются?

  8. Как получаются векторные изображения, из чего они состоят?

  9. Назовите достоинства и недостатки векторной графики.

  10. Назовите примеры векторных графических редакторов и форматы графических файлов. Для чего они применяются?



















Тестовые задания для самоконтроля



    • Графическим редактором называется программа, предназначенная для:

Выберите один из 5 вариантов ответа:

1) создания графического образа текста

2) построения графиков

3)  редактирования вида и начертания шрифта;

4)  работы с графическим изображением;

5) построения диаграмм.

    • Разрешающая способность экрана в графическом режиме определяется количеством:

Выберите один из 5 вариантов ответа:

1) Строк на экране и символов в строке

2) Пикселей по вертикале

3) Объемом видеопамяти на пиксель

4) Пикселей по горизонтали и вертикали

5) Пикселей по вертикали

    • К устройствам вывода графической информации относится:

Выберите один из 4 вариантов ответа:

1) Сканер

2) Клавиатура

3) Дисплей

4) Мышь

    • Растровое изображение представляет из себя ...

Выберите один из 3 вариантов ответа:

1) палитру цветов

2) сочетание примитивов

3) мозаику из очень мелких элементов – пикселей



    • Векторное графическое изображение формируется из

Выберите один из 3 вариантов ответа:

1) графических примитивов

2) пикселей

3) красок

    • Эффективно представляет изображения фотографического качества...

Выберите один из 2 вариантов ответа:

1) растровая графика.

2) векторная графика

    • Могут быть легко распечатаны на принтерах...

Выберите один из 2 вариантов ответа:

1) векторные рисунки

2) растровые изображения

    • Векторное графическое изображение получается

Выберите один из 3 вариантов ответа:

1) при работе с системами компьютерного черчения

2) при работе с фото и видеокамерами

3) при преобразовании графической информации из аналоговой формы в цифровую

    • Какой тип графического изображения вы будете использовать для разработки эмблемы организации, учитывая, что она должна будет печататься на малых визитных карточках и больших плакатах?

Выберите один из 2 вариантов ответа:

1) векторное изображение

2) растровое изображение

    • К какой компьютерной графике вы отнесёте данное изображение, построенное в текстовом процессоре Microsoft Word?

Выберите один из 3 вариантов ответа:

1) Растровой.

2) Векторной.

3) Трёхмерной

    • Какого вида заливки не существует?

Выберите один из 4 вариантов ответа:

1) Краской

2) Текстурой

3) Равномерная

4) Градиентная

    • К числу достоинств векторного графического изображения относится

Выберите один из 3 вариантов ответа:

1) создание практически любого изображения, вне зависимости от сложности

2) наивысшая скорость обработки сложных изображений

3) увеличение масштаба без увеличения размера файла ни на один байт

    • Файлы, с какой графикой имеют наименьший размер?

Выберите один из 3 вариантов ответа:

1) Растровой

2) Векторной

3) Трёхмерной

    • Изображения, какой графики состоят из массива точек(пикселей)?

Выберите один из 3 вариантов ответа:

1) Растровой

2) Векторной

3) Трёхмерной

    • В модели CMYK в качестве компонентов применяются основные цвета ...

Выберите один из 4 вариантов ответа:

1) голубой, пурпурный, желтый, черный

2) красный, голубой, желтый, синий

3) голубой, пурпурный, желтый, белый

4) красный, зеленый, синий, черный

    • В модели RGB в качестве компонентов применяются основные цвета ...

Выберите один из 4 вариантов ответа:

1) голубой, пурпурный, желтый

2) красный, зеленый, синий

3) голубой, красный, желтый

4) пурпурный, желтый, синий

    • Для хранения растрового изображения размером 1024 х 512 пикселей отвели 256 кбайт памяти. Каково максимально возможное число цветов в палитре изображения?

Запишите число:

    • В процессе преобразования растрового графического изображения количество цветов уменьшилось с 64 до 8. Во сколько раз уменьшился объем, занимаемый им в памяти?

Запишите число:









Ответы на тестовые задания для самоконтроля



1) Верные ответы: 4;

2) Верные ответы: 4;

3) Верные ответы: 3;

4) Верные ответы: 3;

5) Верные ответы: 1;

6) Верные ответы: 2;

7) Верные ответы: 2;

8) Верные ответы: 1;

9) Верные ответы: 1;

10) Верные ответы: 2;

11) Верные ответы: 1;

12) Верные ответы: 3;

13) Верные ответы: 2;

14) Верные ответы: 1;

15) Верные ответы: 1;

16) Верные ответы: 2;

17) Верный ответ: 16.;

18) Верный ответ: 2.





















СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Официальные сайты рассматриваемых программ:

  1. Официальный сайт Adobe

  2. Официальный сайт Corel

Обзоры и сравнения векторных редакторов:

  1. Статья: "Редакторы векторной графики", Источник: splines.ru

  2. Статья: "Векторные графические редакторы", 2006

  3. Обзор: "CorelDRAW Graphics Suite X3", 2008

  4. Библиотека программиста. Corel DRAW: От идеи до реализации

  5. Статья: "Adobe Illustrator CS3", 2007

Дополнительная информация по векторным редакторам:

  1. Википедия

  2. Волкова Л.А., Решетникова Е.Р. "Технология обработки текстовой информации. Технологический дизайн. Часть II. Компьютерная обработка текста"

  3. Гасов В.М., Цыганенко А.М. "Цифровые методы обработки аудиовизуальной информации. Цифровая обработка векторной графики"

  4. Пособие по Adobe illustrator. Документация

  5. Библиотека I2R

  6. Уроки трассировки

  7. Шрифты, вёрстка, дизайн. Статьи

  8. Векторизация растровых изображений

  9. Уроки

  10. Урок на тему «О векторной графике», Маленков В .А., г. Киев, 2009.

  11. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г.

  12. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2011 г.

  13. Сергеев А.П. Основы компьютерной графики. Adobe Photoshop и CorelDRAW - два в одном. Самоучитель. - М.: «Диалектика», 2012 г.

  14. www. graphicon. ru



Самые низкие цены на курсы переподготовки

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

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

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Краткое описание документа:

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

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

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

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

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

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

Реконструктивные задания – наиболее распространенный вид заданий, используемых на всех этапах учебного процесса

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

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

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

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

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

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

      ПК 1.1. Выполнять операции с применением современных информационных технологий.

      ПК 3.1. Организовывать работу по обработке  документов и осуществлению расчетов.

      Выполнение обучающимися самостоятельной работы способствует формированию общих компетенций:

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

     ОК 2. Организовывать собственную деятельность, выбирать типовые методы и способы выполнения профессиональных задач, оценивать их эффективность и качество.

     ОК 3. Принимать решения в стандартных и нестандартных ситуациях и нести за них ответственность.

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

     ОК 5. Использовать информационно-коммуникационные технологии в профессиональной деятельности.

     ОК 6. Работать в коллективе и команде, эффективно общаться с коллегами, руководством, потребителями.

     ОК 7. Брать на себя ответственность за работу членов команды (подчиненных), результат выполнения заданий.

     ОК 8. Самостоятельно определять задачи профессионального и личностного развития, заниматься самообразованием, осознанно планировать повышение квалификации.

      ОК 9. Ориентироваться в условиях частой смены технологий в профессиональной деятельности.

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

Обучающийся обязан:

·                     перед выполнением самостоятельной работы, повторить теоретический материал, пройденный на аудиторных занятиях;

·                     выполнить работу согласно заданию;

·                     по каждой самостоятельной работе представить преподавателю отчет в виде результирующего файла на внешнем носителе;

·                     ответить на поставленные вопросы.

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

 

Методические указания по выполнению самостоятельных работ по учебной практике соответствует предъявленным требованиям,  и  могут  быть использованы как пособие в образовательных учреждениях СПО.

Общая информация

Номер материала: 544216
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>