Разработка открытого урока. Техника рисования в программе Adobe Illustrator – рисование по силуэту
Оценка 4.9

Разработка открытого урока. Техника рисования в программе Adobe Illustrator – рисование по силуэту

Оценка 4.9
Компьютерные программы +2
doc
информатика
9 кл—11 кл +1
24.04.2020
Разработка открытого урока. Техника рисования в программе Adobe Illustrator – рисование по силуэту
Разработка открытого урока_Комп.графика.doc

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Методическая разработка открытого урока

 

Дисциплина: Компьютерная графика

Тема урока: Техника рисования в программе Adobe Illustrator – рисование по силуэту.

Преподаватель: Проказина Надежда Юрьевна

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

г. Семей, 2020


Лабораторная работа 40: Техника рисования в программе Adobe Illustrator – рисование по силуэту.

 

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

 

Ожидаемые результаты:

К концу темы студенты смогут:

* создавать простейшие геометрические объекты

* пользоваться инструментами рисования

 

Оборудование:

-      ПК

-      Раздаточный материал

 

Ход урока:

1.      Организационный момент

2.      Activity

3.      Изучение нового материала

4.      Заключение

5.      Рефлексия

 

1.      Организационный момент

 

Преподаватель:

- Please stand up.

- Good morning

- Sit down, please.

- Who is absent today?

- What date is it today?

- Write the date on the blackboard, please

- What day is it today?

- Are you ready for this lesson?

- That’s great!

- The theme of our lesson is “The technique of drawing in the program Adobe Illustrator - drawing by silhouette”.

 

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

 

2.      Выполнение задания Activity

 

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

1 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Pen-Tool.png

Pen Tool

Перо - предназначен для рисования кривых.

http://balbesof.net/up/article/img/Illustrator_toolbars/Add-Anchor-Point-Tool.png

Add Anchor Point Tool

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

http://balbesof.net/up/article/img/Illustrator_toolbars/Anchor-Point-Tool.png

Delete Anchor Point Tool

Позволяет удалять лишние узлы.

http://balbesof.net/up/article/img/Illustrator_toolbars/Convert-Anchor-Point-Tool.png

Convert Anchor Point Tool

Предназначен для редактирования контуров.

2 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Type-Tool.png

Type Tool

Текст – с его помощью можно создавать два типа текста: простой (абзацный) и фигурный.

hello_html_m42d87ad0.png

Area Type Tool

Текст в области.

http://balbesof.net/up/article/img/Illustrator_toolbars/Type-on-a-Path-Tool.png

Type on a Path Tool

Текст вдоль кривой или вдоль объекта.

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Type-Tool.png

Vertical Type Tool

Вертикальный текст.

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Area-Type-Tool.png

Vertical Area Type Tool

Вертикальный текст в области.

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Type-on-a-Path-Tool.png

Vertical Type on a Path Tool

Вертикальный текст вдоль контура.

3 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Line-Segment-Tool.png

Line Segment Tool

Линия - предназначен для рисования прямых линий под разными углами.

http://balbesof.net/up/article/img/Illustrator_toolbars/Arc-Tool.png

Arc Tool

Дуга - предназначен для создания изогнутых линий.

http://balbesof.net/up/article/img/Illustrator_toolbars/Spiral-Tool.png

Spiral Tool

Предназначен для рисования спиралей.

http://balbesof.net/up/article/img/Illustrator_toolbars/Rectangular-Grid-Tool.png

Rectangular Grid Tool

Прямоугольная сетка.

http://balbesof.net/up/article/img/Illustrator_toolbars/Polar-Grid-Tool.png

Polar Grid Tool

Полярная сетка (круглая).

4 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Rectangle-Tool.png

Rectangle Tool

Служит для построения прямоугольников.

http://balbesof.net/up/article/img/Illustrator_toolbars/Rounded-Rectangle-Tool.png

Rounded Rectangle Tool

Прямоугольник со скругленными углами.

http://balbesof.net/up/article/img/Illustrator_toolbars/Polygon-Tool.png

Polygon Tool

Предназначен для создания многоугольников.

http://balbesof.net/up/article/img/Illustrator_toolbars/Star-Tool.png

Star Tool

Предназначен для рисования звезд с различным количеством вершин.

http://balbesof.net/up/article/img/Illustrator_toolbars/Flare-Tool.png

Flare Tool

Блик

5 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Pencil.png

Pencil

Карандаш – служит для рисования простых линий.

http://balbesof.net/up/article/img/Illustrator_toolbars/Smooth-Tool.png

Smooth Tool

Служит для сглаживания линий.

http://balbesof.net/up/article/img/Illustrator_toolbars/Erase-Tool.png

Erase Tool

Применяется для удаления сегментов.

hello_html_3daa2023.png

Paintbrush

Кисть – позволяет рисовать кистью.

 

3.      Изучение нового материала

 

Знакомство с основными инструментами рисования в программе Adobe Illustrator

 

Рисование пером в Illustrator прямые линии:

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

Переместите курсор (не зажимая кнопку мыши) в конец отрезка и поставьте еще одну точку. Если зажать Shift, то линии будут ограничены углом, кратным 45°.

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

 

 

Рисование кривых линий пером

Чтобы нарисовать пером кривую линию, поместите курсор на рабочее пространство и зажмите левую клавишу мыши. Вы поставите первую опорную точку и на месте курсора появится стрелка. Перетаскивайте указатель инструмента пока не получите желаемый изгиб. Если зажать Shift, инструмент будет двигаться под углом кратным 45°.

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

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

 

Выполнение практического задания «Ключ» (Приложение 2)

 

Рисование кистями

Кисти позволят применить разнообразные стили к линиям. Их можно применить к уже нарисованным линиям или рисовать кистью в «Иллюстраторе» контур с определенным стилем.

В Adobe Illustrator есть пять типов кистей:

Каллиграфические — имитируют линии, создаваемые каллиграфическим пером. Нарисованный с помощью «кисти-кляксы» мазок автоматически преобразуется в объект с заливкой.

Кисть из щетины — создает линии, похожие на мазки кисти, сделанной из щетины.

Дискретные — представляют собой копии объекта, распределенные вдоль линии.

Объектные — равномерно растягивают форму объекта по линии.

Узорчатые — состоят из повторяющихся вдоль линии отдельных объектов. Они отличаются от дискретных тем, что точно следуют контуру.

 

Выполнение практического задания «Елочная ветка» (Приложение 3)

 

4.      Заключение

Выполнение итогового практического задания

 

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

 

Практическое задание «Рисование по силуэту»

                           

 

Инструкция:

-           Запустите программу и создайте новый файл.

-           В появившемся окне укажите размер рабочей области. В дополнительных настройках выберите цветовой режим RGB, а в «Растровых эффектах» — «Экранное (72ppi)». Если вы планируете создавать рисунок для печати, то поставьте CMYK в цветовом режиме и измените параметр «Растровые эффекты» на «Высокое (300 ppi)».

-           Откройте вашу картинку в «Иллюстраторе» (Ctrl+O). Если изображение не соответствует размерам монтажной области, выберите инструмент «Выделение» на панели и выровняйте картинку потянув за край. Чтобы изображение не исказилось в процессе трансформации, зажмите клавишу Shift.

-           Переместив рисунок в программу, следует изменить его прозрачность. Для этого отыщите на правой панели кнопку «Прозрачность» (Shift+Ctrl+F10) и выставьте непрозрачность слоя на 30-50%.

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

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

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

 

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

 

5.      Рефлексия

Студенты записывают свое мнение об уроке на стикерах, отвечая на вопросы:

- Что я нового сегодня узнал/а?

- Что мне было не понятно?

- Чему мне бы хотелось научиться в данной программе?

 

 

Задание на дом

Повторить основные инструменты рисования.

 


Приложение 1

Раздаточный материал:

 

1 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Pen-Tool.png

Pen Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Add-Anchor-Point-Tool.png

Add Anchor Point Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Anchor-Point-Tool.png

Delete Anchor Point Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Convert-Anchor-Point-Tool.png

Convert Anchor Point Tool

 

2 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Type-Tool.png

Type Tool

 

hello_html_m42d87ad0.png

Area Type Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Type-on-a-Path-Tool.png

Type on a Path Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Type-Tool.png

Vertical Type Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Area-Type-Tool.png

Vertical Area Type Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Vertical-Type-on-a-Path-Tool.png

Vertical Type on a Path Tool

 

3 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Line-Segment-Tool.png

Line Segment Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Arc-Tool.png

Arc Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Spiral-Tool.png

Spiral Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Rectangular-Grid-Tool.png

Rectangular Grid Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Polar-Grid-Tool.png

Polar Grid Tool

 

4 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Rectangle-Tool.png

Rectangle Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Rounded-Rectangle-Tool.png

Rounded Rectangle Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Polygon-Tool.png

Polygon Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Star-Tool.png

Star Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Flare-Tool.png

Flare Tool

 

5 группа

http://balbesof.net/up/article/img/Illustrator_toolbars/Pencil.png

Pencil

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Smooth-Tool.png

Smooth Tool

 

http://balbesof.net/up/article/img/Illustrator_toolbars/Erase-Tool.png

Erase Tool

 

hello_html_3daa2023.png

Paintbrush

 

 

1 группа

Перо - предназначен для рисования кривых.

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

Позволяет удалять лишние узлы.

Предназначен для редактирования контуров.

2 группа

Текст – с его помощью можно создавать два типа текста: простой (абзацный) и фигурный.

Текст в области.

Текст вдоль кривой или вдоль объекта.

Вертикальный текст.

Вертикальный текст в области.

Вертикальный текст вдоль контура.

3 группа

Линия - предназначен для рисования прямых линий под разными углами.

Дуга - предназначен для создания изогнутых линий.

Предназначен для рисования спиралей.

Прямоугольная сетка.

Полярная сетка (круглая).

4 группа

Служит для построения прямоугольников.

Прямоугольник со скругленными углами.

Предназначен для создания многоугольников.

Предназначен для рисования звезд с различным количеством вершин.

Блик

5 группа

Карандаш – служит для рисования простых линий.

Служит для сглаживания линий.

Применяется для удаления сегментов.

Кисть – позволяет рисовать кистью.

 


Приложение 2

 

Практическое задание «Ключ»

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

http://balbesof.net/up/article/img/photoshop_lessons/urok24/11.gif     http://balbesof.net/up/article/img/photoshop_lessons/urok24/12.gif     http://balbesof.net/up/article/img/photoshop_lessons/urok24/13.gif

 


Приложение 3

 

Практическое задание «Елочная ветка»

 

Создайте кисть для иголочек. Для этого пером PenTool нарисуйте форму наподобие горизонтального овала, но с заостренными углами. Получившуюся фигуру залейте зеленым цветом, далее продублируйте ее (Сtrl+C) и вставьте в тоже самое место поверх первой (Сtrl+F). Заливаем более темным цветом, выбираем инструмент Selection Tool (Инструмент Выделение) и уменьшаем объект по одной координате, это будет конец иголки у самой веточки. Далее дублируем аналогично, изменяем самую темную фигуру, и прислоняем ее к другому краю первой фигуры

hello_html_m4b14f11b.gif

Выделяем все объекты и немного вытягиваем, что бы получить более длинную и немного более тонкую линию, далее все перетяните на панель Кисти (Brush). Появиться панель выбора типа создаваемой кисти, выбираем второе: new art brush (создать объектная). В появившемся окне оставьте параметры по умолчанию.

Нарисуйте палочку коричневого цвета, Выберите в кистях кисть в виде иголок, выберите инструмент кисть (Brush) и нарисуйте иголочки.

hello_html_4b7ced2e.gif

 

Выделите всю веточку и сгруппируйте Object / Group (Объект / Сгруппировать).

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

hello_html_m3ece1ee8.gif

Добавьте иголочек, что бы веточку сделать более пышной и более разнообразной.


Скачано с www.znanio.ru

Методическая разработка открытого урока

Методическая разработка открытого урока

Лабораторная работа 40 : Техника рисования в программе

Лабораторная работа 40 : Техника рисования в программе

Delete Anchor Point Tool

Delete Anchor Point Tool

Знакомство с основными инструментами рисования в программе

Знакомство с основными инструментами рисования в программе

Выполнение практического задания «Елочная ветка» (Приложение 3) 1

Выполнение практического задания «Елочная ветка» (Приложение 3) 1

Обведите все элементы изображения с помощью этого инструмента

Обведите все элементы изображения с помощью этого инструмента

Приложение 1 Раздаточный материал: 1 группа

Приложение 1 Раздаточный материал: 1 группа

Erase Tool

Erase Tool

Приложение 2 Практическое задание «Ключ»

Приложение 2 Практическое задание «Ключ»

Приложение 3 Практическое задание «Елочная ветка»

Приложение 3 Практическое задание «Елочная ветка»
Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
24.04.2020