[28 апреля] Международная онлайн-конференция «EdTech педагога-практика» Подтвердить участие→
Конкурс разработок «Пять с плюсом» апрель 2021
Добавляйте свои материалы в библиотеку и получайте ценные подарки
Конкурс проводится с 1 апреля по 30 апреля

Презентация к уроку "Компьютерная графика"

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

Компьютерная графика

Номер слайда 2

Графика. Какая она?

Номер слайда 3

Оглавление Векторная……………………. Растровая……………………. Рисуем грузовик…………….. Рисуем срез дерева………... Работы мастеров…………… Работы учащихся……………

Номер слайда 4

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

Номер слайда 5

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

Номер слайда 6

Растровая Gif, 7,9 кб Векторная Emf, 100,6 кб Форматы и размеры Растровая Анимированный, Gif, 30,7 кб

Номер слайда 7

Растровая? Графика Векторная?

Номер слайда 8

Сначала эскиз С помощью программы "Иллюстратор" перенёсем основные формы грузовика в вектора Как нарисовать грузовик?

Номер слайда 9

Заполним формы градиентными заливками. Говорят, что это помогает передать объём. Добавим разные мелочи. Придадим колёсам нужную толщину, снабдим их шикарными белыми дисками, прорубим окна в кабине... Рисуем грузовик (продолжение)

Номер слайда 10

Теперь нужно обвести всю картинку по краю, чтобы она не сливалась с фоном. Это делается довольно просто. Применяем функцию "Offset Path" ко всем пограничным формам, после чего остается только закрасить полученные новые объекты чем-нибудь тёмным и перебросить их на задний план. Оценив результат критическим взглядом добавим яркие блики на гранях кабины, чтобы солнце играло на отполированных поверхностях. И на колёсах, кстати, тоже. Ну и что, что они резиновые? Всё равно пусть блестят! Рисуем грузовик

Номер слайда 11

Обратите внимание: колёса на заднем плане темнее, чем на переднем. Это для того, чтобы нижняя часть грузовика не превратилась в однородную кашу. Нарисуем на кузове зелёные полоски - эти полоски нужны для цветового равновесия, а то ярко-зелёная кабина "перевешивает" всю композицию. Рисуем грузовик

Номер слайда 12

Шаг 1: Создайте изображение размером 30 на 1 пикселей. Залейте его градиентной заливкой цвета:(R:100 G:30 B:00) (R:180 G:100 B:70) (R:120 G:50 B:20). Выделите всё изображение сочетанием клавиш Ctrl+A и сохраните выделеное как текстуру(Edit>Define Pattern). Рисуем срез дерева www.photoshopschool.ru

Номер слайда 13

Шаг 2:Создайте новое изображение размером 300 на 300 пикселей и залейте его нашей текстурой(Edit>Fill...). Параметры заливки: Use: Patern Custom Patern: Выберите созданную в предыдущем шаге текстуру. Рисуем срез дерева www.photoshopschool.ru

Номер слайда 14

Шаг 3:Примените фильтр Shear (Filter>Distort>Shear...) с параметрами:Undefined Areas: Wrap Around. Рисуем срез дерева www.photoshopschool.ru

Номер слайда 15

Шаг 4: Создайте новый слой и залейте его белым цветом. Примените фильтр Noise(Filter>Noise>Add Noise) с параметрами: Amount: 50% Distribution: Uniform Monochromatic: yes. Теперь увеличте контрастность этого слоя(Edit>Adjustments>Brightness/Contrast) Brightness: 85% Contrast: 100%. Рисуем срез дерева www.photoshopschool.ru

Номер слайда 16

Шаг 5: Размойте точки(Filter>Blur>Motion Blur). Параметры: Angle: 0 Distance: 15 pixels Установите Blending Mode на Multiply. У вас должна получиться вот такая доска Рисуем срез дерева www.photoshopschool.ru

Номер слайда 17

Работы мастеров в векторной и растровой графике

Номер слайда 18

Работы мастеров в векторной и растровой графике

Номер слайда 19

Работы мастеров в векторной и растровой графике

Номер слайда 20

Работы мастеров в векторной и растровой графике

Номер слайда 21

Работы мастеров в векторной и растровой графике

Номер слайда 22

Работы мастеров в векторной и растровой графике

Номер слайда 23

Работы мастеров в векторной и растровой графике

Номер слайда 24

Работы мастеров в векторной и растровой графике

Номер слайда 25

Работы учащихся. Рисунок выполнен в программе Paint

Номер слайда 26

Работы учащихся. Рисунок выполнен в программах Paint и Adobe Photoshop

Информация о публикации
Загружено: 30 августа
Просмотров: 287
Скачиваний: 1
Савенко Анна Васильевна
ИЗО, 8 класс, Презентации
Скачать материал