7 класс: векторная графика 10 из 12
учебно-методический материал по информатике и икт (7, 8, 9 класс)

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

Применение ранее изученного (Создание часов)

И мы уже умеем:

• Запускать inkScape, создавать и сохранять рисунок как растровую картинку
• Создавать основные объекты и на их основе строить изображения
• Работать с кривыми Безье
• Редактировать узлы и направляющие
• Перемещать объекты на нужный слой рисунка
• Выбирать цвет для заливки и границы объектов
• Группировать объекты
• Работать с Булевыми операциями
• Вставлять и обрабатывать текстовые объекты
• Использовать градиенты
• Создавать художественные надписи (пользуясь операциями Булевыми операциями, и другими эффектами)
• Клонировать объекты (со смещением, с поворотом, с добавлением эффектов)
• Создавать текстуры из растровых картинок

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

1. Для начала запустите inkscape
2. Нарисуем короткую вертикальную линию. Для этого воспользуемся инструментом «Рисовать произвольные контуры», нажмем левой кнопку в начале линии, и при зажатой клавише ctrl второй раз там, где линия должна закончится.
3. Установим для линии толщину обводки 12px, установим круглые концы (Во вкладке «стиль обводки», в пункте «концы» нажмем на кнопочку «круглые»)
   
4. Теперь изменим положение центра фигуры, тоесть положение той точки, вокруг которой будет происходить поворот линии при повороте:

1. Берем инструмент «выделять…»
2. Щелкаем по линии.
3. Щелкаем еще раз, так, чтобы стрелочки вокруг линии приняли следующий вид:
   
4. Белый крестик – это и есть центр фигуры, передвинем его вниз. Данную операцию можно выполнить на глаз, но следует при этом зажать клавишу ctrl, чтобы смещать центр ровно вниз:
   

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

1. При выделенной линии, нажимаем «Правка – клоны – создать узор из клонов…»
2. Нажимаем на кнопку сбросить (а вдруг там уже были внесены какие-то значения. Они могут испортить все дело)
3. Во вкладке поворот выбираем «угол» на строку 30 градусов. То есть каждая следующая строка клонов будет поворачивать клон на 30 градусов относительно предыдущего.
4. Во вкладке «Смещение» устанавливаем смещение по Y на строку минус 100% (поскольку клоны будут идти построчно, и спускаться вниз – нам надо их сдвинуть обратно вверх)
5. Ставим 12 строк и 1 столбец, нажимаем на кнопку «создать»:
   

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

1. Выделите деление на 12 часов (верхнее)
2. Нажмите комбинации клавишь (ctrl+c и ctrl+v) для копирования элемента.
3. Поместите скопированный элемент точно на копируемый.
4. Возьмите инструмент «редактировать узлы…»
5. И передвиньте нижний узел этой линии.

8. Клонируем эту укороченную линию так же, как мы это делали в пункте 5, но теперь с шагом 6 градусов:
   
9. Группируем полученный рисунок. (для етого выделяем все, и выбираем «объект – сгруппировать»)
10. Создаем круг в который полностью поместится наш рисунок. (круг рисуем с нажатой клавишей ctrl)
11. Выравниваем круг и сгруппированный обхект:

1. Выделяем все
2. «объект – выровнять и расставить»
3. В окне «выровнять и расставить» в разделе «выровнять», нажимаем по кнопочкам: «Центрировать на вертикальной оси» и «центрировать на горизонтальной оси»
   

12. Выбираем для круга заливку, и помещаем его на задний план.
    
13. Рисуем в центре циферблата черный кружочек, выравниваем. Рисуем стрелки, и помещаем их под кружочек.
    
14. Теперь пользуясь булевыми операциями нарисуем следующую фигуру (Рисуем большой круг, из него вырезаем маленький круг. Далее рисуем посередине тонки горизонтальный прямоугольник, и вырезаем его из фигуры)
    
15. Ищем любой рисунок и делаем из него текстуру для этого объекта (как делать текстуру рассказывалось на предыдущем уроке)
16. Дальше я добавил тени под стрелки – просто нарисовал под ними такие же стрелки, более темного цвета.
17. Добавил еще один круг вокруг циферблата, и размыл его, для усиления эффекта объема. И нарисовал с помощью линии Безье блик на стелке, закрывающем циферблат.
18. Для пущего эффекта добавил на задник часов текстуру чего-то серого: