CG/InkScape/StValentinesDay: различия между версиями

Материал из wiki.nntc.nnov.ru
Перейти к навигации Перейти к поиску
(Открытка ко дню святого валентина)
(Открытка ко дню святого валентина)
Строка 124: Строка 124:
  
 
[[image:StValentinesDay-25.png]]
 
[[image:StValentinesDay-25.png]]
 +
 +
Вот что должно получиться в результате:
  
 
[[image:StValentinesDay-26.png]]
 
[[image:StValentinesDay-26.png]]

Версия 15:13, 15 октября 2013

Открытка ко дню святого валентина

Оригинал урока: http://diwan-e-ayyari.blogspot.ru/2008/03/how-to-create-valentines-day-hearts.html
Автор: Ishwar Purushotham
Перевод: Азовцев Юрий

StValentinesDay-01.png

Урок по созданию подобной открытки в растровом редакторе есть здесь. Выполнив этот урок вы не только лучше освоите InkScape но и поймете что это настолько же удобное и мощное (а возможно и более мощное) как и коммерческие приложения по работе с векторной графикой. Я постарался сделать результат несколько отличным от результата в уроке по растровой графике. Но не волнуйтесь, открытка по прежнему будет великолепной :) Наиболее важная вещь - вы должны постараться поэкспериментировать самостоятельно!

1. Запустите InkScape

2. Создайте окружность (клавиша F5) радиусом в 1710px. Разместите окружность по центру листа, использовав панель "Выровнять" (Shift+Ctrl+A).

3. Откройте окно "Заливка и Обводка" (Ctrl+Shift+F) и выбрите в качестве цвета для окружности белый. Окружность будет выполнять роль белого фона.

4. Cоздайте перевернутый равнобедренный треугольник в любом местое документа. Используйте для этого инструмент "Кривые Безье" (Shift+6).

StValentinesDay-04.png

У моего треугольника получились следующие размеры по ширине и высоте

StValentinesDay-05.png

5. Затем продублируйте треугольник с помощью Ctrl+D и отразите его по вертикали с помощью V. Разместите оба треугольника как показано на иллюстрации.

StValentinesDay-06.png

6. Выберите оба треугольника с помощью инструмента выделения и клавиши Shift и нажмите сочетание клавишь Ctrl+K что бы объеденить оба конткра в один.

7. Теперь разверните меню Правка -> Клонировать -> Создать узор из клонов...

8. Используйте следующие параметры в окне создания узора из клонов:

StValentinesDay-07.png


StValentinesDay-08.png


StValentinesDay-09.png

Вот что у вас должно получиться:

StValentinesDay-10.png

P.s. если у вас получаются странные завитки вместо ровного кругового размещение - попробуйте сохранить работу, закрыть InkScape и снова его запустить. Выполните данную операцию повторно и все получится!!!

9. Удалите первую пару треугольников

10. Нажмите Ctrl+A для выделения всех треугольников, нажмите Ctrl+K для объединения их в общий контур.
(Проверьте что первоначальный треугольник удален и вы не захватили в выделение лишние объекты!)

11. Выберите получившуюся объедененную форму и выравняйте ее по центру листа с помощью инструментов окна "Выровнять" (Shift+Ctrl+A).

12. Теперь вам нужно открыть окно "Заливка и Обводка" (Ctrl+Shift+F) и выбрать для заливки цвет. Я использовал следующие настройки:

StValentinesDay-11.png

Поэкспериментируйте с цветом!

13. Вы можете настроить "толщину лучей" перейдя в закладку Стиль обводки и увеличив значение параметра "Толщина" (не забудьте перед этим в закладке Обводка выбрать в качестве цвета белый).

StValentinesDay-12.png

14. Теперь создайте прямоугольник (F4) размером с лист:

StValentinesDay-13.png

15. Снова загляните в окно "Заливка и Обводка (Ctrl+Shift+F) и включите для прямоугольника линейный градиент

StValentinesDay-14.png

16. Нажмите Ctrl+F1 для редактирования направления градиента. Расположите линию градиента диагонально. Измените настройки цвета Стоп-точек градиента нажав кнопку "Править...". В моем случае я использовал следующие параметры:

StValentinesDay-15.png

StValentinesDay-16.png

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

18. Используя инструмент Кривые Бизье (Shift+F6) нарисуйте подобную форму

StValentinesDay-17.png

19. Нажмите клавишу F2 для перехода в режим редактирования кривых. Выделите с Shift две крайние правые вершины и в окне "Выровнять" (Shift+Ctrl+A) воспользуйтесь инструментом выравнивание по вертикали. StValentinesDay-18.png
20. Выделите все точки на кривой и используйте инструмент "сделать выделенные узлы гладкими". Если потребуется, добавьте дополнительные узлы двойным щелчком мыши по кривой. У вас должна получиться форма половины сердца как у меня на изображении. StValentinesDay-19.png

StValentinesDay-20.png

21. Нажмите Ctrl+D для создания дубликата половины сердца. Нажмите клавишу H что бы отразить полученную копию по горизонтали. Удерживая Ctrl' переместите половинку вправа для получения полной формы сердца.


StValentinesDay-21.png

22. Выделите обе половинки и нажмите Ctrl и + для их объединения.

StValentinesDay-22.png

23. Перейдите в режим редактироания узлов и контура (F2) и удалите лишние вершины в местах стыка двух половинок. Такое иногда случается при объединении кривых. В InkScape есть инструменты для автоматического удаления копий узлов, но я их еще не пробовал.

24. Выровняйте сердце по центру листа.

25. Перейдите в окно Заливка и обводка и выберите для сердца Линейный градиент

26. Нажмите кнопку Править... и используйте следующие параметры (в моем случае градиент начинается снизу)

StValentinesDay-23.png

StValentinesDay-24.png

StValentinesDay-25.png

Вот что должно получиться в результате:

StValentinesDay-26.png