Практическая работа «Использование градиента для создания объемных изображений»

Тема урока: Практическая работа «Использование градиента для создания объемных изображений»

Предмет: информатика

Источники: собственная разработка

Ключевые слова: практическая работа, Inkscape, графический редактор, объемные изображения, градиентная заливка, смайл

Смайлик

1.    (Слайд 2) Запустить программу Inkscape

2.    (Слайд 3) Нарисовать круг с помощью инструмента Рисовать круги, эллипсы и дуги

3.    (Слайд 4) Контур круга отключить. Для этого в окне Заливка и Обводка щелкнуть по кнопке Нет заливки

4.    (Слайд 5) Выбрать инструмент Создавать и править градиенты

5.    (Слайд 6) В окне Заливка и Обводка выбрать тип градиента – радиальный

6.    Нажать кнопку Изменить

7.    (Слайд 7) Нажать кнопку Добавить опорную точку

8.    (Слайд 8) Для первой опорной точки установить светло-желтый цвет (44;233;184;255 в системе HSL)

9.    Для второй точки – (43; 231;118;213)

10.  Для третьей точки – (44;255;81;203)

11.  (Слайд 9) Управляя точками на круге, создать эффект падающего света сверху слева

12.  В строке меню выбрать команду Фильтры/Свет и тень/Отбрасываемая тень

13.  (Слайд 10) Установить параметры: радиус размывания – 2, непрозрачность – 50, сдвиг по горизонтали – 3, сдвиг по вертикали – 2

14.  (Слайд 11) Нарисовать овал для глаза, установить белую заливку, и черный контур

15.  (Слайд 12) Внутри нарисовать овал меньшего размера, установить градиентную заливку линейного типа от голубого до белого

16.  (Слайд 13) Внутри нарисовать овал меньшего размера, установить черный цвет заливки и контура, размывание – 3

17.  (Слайд 14) Внутри нарисовать маленький овал белого цвета, размывание – 3

18.  Выделить все овалы, в строке меню команда Объект/Сгруппировать

19.  (Слайд 15) Скопировать глаз, добавленную копию развернуть

20.  (Слайд 16) Для глаз применить Фильтры/Свет и тень/Отбрасываемая тень с параметрами: радиус размывания – 3, непрозрачность – 50, сдвиг по горизонтали – 1, сдвиг по вертикали – 1

21.  (Слайд 17) С помощью инструмента Рисовать кривые Безье и прямые линии нарисовать рот в виде треугольника

22.  (Слайд 18) С помощью инструмента Редактировать узлы контура или рычаги узлов преобразовать треугольник в рот смайлика

23.  Выделить полученную фигуру, выбрать в строке меню команду Контур/Оконтурить объект

24.  Установить для рта смайлика цвет заливки красный, без контура, применить Фильтры/Свет и тень/Отбрасываемая тень с параметрами радиус размывания – 3, непрозрачность – 50, сдвиг по горизонтали – 1, сдвиг по вертикали – 1

Рука смайлика

25.  (Слайд 19) Нарисовать небольшой овал в горизонтальном положении

26.  (Слайд 20) Выбрать инструмент Редактировать узлы контура или рычаги узлов

27.  На панели параметров инструмента щелкнуть по кнопке Преобразовать выбранный объект в контур

28.  Изменить овал до прямоугольника со скругленными углами

29.  Установить цвет контура (44,255,81,203)

30.  Скопировать полученную фигуру и вставить два раза, положить друг на друга

31.  Выделить нарисованные пальцы, сгруппировать Объект/Сгруппировать

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

33.  С помощью кнопки на панели параметров инструмента Сделать выделенные узлы сглаженными исправить неровности полученной ладошки

34.  Выполнить команду Контур/Оконтурить объект

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

36.  Для ладошки сделать градиентную заливку линейного типа от белого к желтому (43,231,118,213) так, чтобы большой палец был белым

37.  (Слайд 22) Применить к пальцам и ладошке Фильтры/Свет и тень/Отбрасываемая тень с параметрами: радиус размывания – 2, непрозрачность – 50, сдвиг по горизонтали – 3, сдвиг по вертикали – 2

Воздушные шары

38.  (Слайд 23) Нарисовать овал для красного шарика

39.  Сделать градиентную заливку с тремя опорными точками:

1-ая точка – 5, 228,255,255

2-ая точка – 5, 228,151,228

3-я точка – 5, 226,98,217

40.  Нарисовать овал для синего шарика

41.  Сделать градиентную заливку с тремя опорными точками:

1-ая точка – 150, 277,255,255

2-ая точка – 150, 277,126,127

3-я точка – 150, 229,106,231

42.  Нарисовать овал для зеленого шарика

43.  Сделать градиентную заливку с тремя опорными точками:

1-ая точка – 89,205,255,255

2-ая точка – 89,205,113,176

3-я точка –  84,192,77,209

44.   С помощью инструмента Рисовать кривые Безье и прямые линии нарисовать «хвостики» и веревочки к шарам

45.  Для веревочек установить толщину линии – 3, и сделать размывание – 1

46.  Шарики сгруппировать Объект/Сгруппировать

47.   (Слайд 24) С помощью команд Объект/Опустить и Объект/Поднять установить правильный порядок расположения  воздушных шаров в руке