Чупа-чупс

Этот раздел предназначен для публикации уроков inkscape. В этом же разделе можно высказать замечания и пожелания к опубликованным на сайте урокам inkscape
Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Чупа-чупс

Сообщение xmario » 17 сен 2011, 19:13

Как нарисовать векторный чупа-чупс в inkscape

Еще один урок в продолжение круглой темы, но немного сложнее предыдущего урока: как нарисовать векторный бильярдный шар. В этом уроке мы будем рисовать векторный чупа-чупс, такой как на рисунке ниже.

Изображение

Начнем как обычно с фигуры круг. Нарисуем ровный круг – основу будущего чупа-чупса. Кто забыл, ровный круг рисуется с нажатой клавишей CTRL.

Изображение

Теперь нарисуйте прямоугольник. Размер прямоугольника по ширине немного больше диаметра круга. Расположение пока не имеет значения, так что если получилось не ровно, например, слева чуть больше, чем справа, то не расстраивайтесь, с этим разберемся потом. А пока сделайте края прямоугольника несколько закругленными. Для наглядности прямоугольник я сделал другим цветом, вам это делать необязательно. За закругление углов отвечают круглые маркеры в верхнем правом углу. Потяните круглый маркер немного вниз и углы скруглятся. Подробнее об этом и том, зачем нужен второй маркер читайте в инструкции inkscape в разделе инструмент прямоугольник.

Изображение

Теперь займемся правильным расположением круга и прямоугольника. Выделите их оба. В главном меню в меню «Объект» выберите пункт «Выровнять и расставить» или CTRL+SHIFT+A. Нажмите в открывшемся диалоговом окне кнопки центрировать горизонтально и центрировать вертикально. Если навести на кнопку указатель мыши, то появится подсказка, так что найти кнопки несложно. Теперь, когда объекты выровнены, можно их объединять. Сделайте это в меню «Контур» - «Объединить» или комбинация клавиш CTRL+K.

Изображение

Теперь заполним фигуру градиентом. Сделать это можно в диалоговом меню заливка и обводка. Обводка фигуры отключена. А заливку сделаем радиальным градиентом. Цвет центральной точки #e23db7 или (e23db7ff). Цвет крайних точек #551a10 (551a10ff).

Изображение

С помощью инструмента перо нарисуйте линию, которая будет обозначать контур средней выпуклости чупа-чупса. Нарисовать линию просто, три узла – два крайних и один гладкий посередине. Когда линия готова, сделайте ее копию – CTRL+D и переместите копию вниз. Должно получиться так, как на рисунке ниже.

Изображение

Сделайте стиль обводки, нарисованной вами верхней, линии линейный градиент. Заливки естественно нет. Правда нам придется добавить новую опорную точку. Она обозначена ромбиком и находится между крайними точками. Если после выбора типа заливки вы не видите градиент, щелкните инструментом градиент по линии, и он появится. Вместе с градиентом в верхнем контекстном меню этого инструмента появятся его параметры, в том числе и кнопка «изменить». Нажав на эту кнопку, можно открыть диалоговое окно градиента, где есть кнопка «добавить опорную точку». Так, цвет опорной точки должен быть для верхней линии белым, а цвет крайних точек любой, но абсолютно прозрачный. Чтобы изменить цвет точки, активируйте ее и меняйте цвет в диалоговом окне градиента или в диалоговом окне заливки. Для нижней линии надо будет сделать все тоже самое, но только цвет средней опорной точки черный.

Изображение

Теперь сделаем блик. Нарисуйте новый круг где-то в верхней части чупа-чупса. Выполните функцию в главном меню «Контур» - «оконтурить объект» или CTRL+SHIFT+C. В нарисованном вами круге буду доступны четыре узла. Подвиньте нижний узел немного вверх, что бы сделать круг примерно таким, как на рисунке ниже. Цвет круга пока не имеет значения. У нас он белый, но это пока не важно.

Изображение

Сделайте тип заливки этого круга – линейный градиент. Обводки естественно нет. Цвет верхней точки градиента белый. Цвет нижней точки градиента любой, но абсолютно прозрачный.

Изображение

В принципе чупа-чупс готов. Давайте сделаем ему ножку. Нарисуйте инструментом перо прямую линию. Как уже говорилось выше, что бы рисовать ровные объекты нажимайте при рисовании клавишу CTRL. Цвет обводки черный. Стиль обводки «круглые концы» толщина пропорционально размеру вашего чупа-чупса, у нас она была равна 25. После того как палочка нарисована выполните «Контур» - «Оконтурить обводку» или CTRL+ALT+C.

Изображение

Сделайте дубль этой палочки CTRL+D. Сделайте заливку копии этой палочки линейным градиентом. В нем надо опять создать новую опорную точку, цвет которой будет белой. Цвет крайних точек прозрачный.

Изображение

Создайте еще одну копию палочки через CTRL+D. Теперь ее заливка опять линейный градиент, но другой. Это будет тень от шарика. Цвет верхней точки черный, цвет нижней, абсолютно прозрачный.

Изображение

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

Изображение
Вложения
чупа-чупс.svg
SVG рисунок к уроку
(11.86 КБ) 3490 скачиваний

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Чупа-чупс

Сообщение Inky » 24 ноя 2011, 00:43

Получилось. С трудом. :cry:
Там много недомолвок, например чтобы ПРОСТО установить градиент на ножке, надо сперва копию ножки залить цветом,
а для этого надо сообразить, что прямая - это "обводка", и при заливке надо нажать на Shift и выбрать черный
цвет на палитре (или белый), потом снова выбрать "градиент" справа и потом только выбрать "изменить" и
"добавить опорную точку" в другом окне. Кто это поймет? А толщину линии пера полдня искал -
оказывается это толщина обводки! Тыкайте, ребята, это для упрямых :bye:

Изображение

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Чупа-чупс

Сообщение xmario » 24 ноя 2011, 22:46

Ой, не согласен! :-D
Просто этот урок я сам придумал и сам рисовал, так что могу возразить.
Там много недомолвок, например чтобы ПРОСТО установить градиент на ножке, надо сперва копию ножки залить цветом, а для этого надо сообразить, что прямая - это "обводка"... А толщину линии пера полдня искал -
оказывается это толщина обводки!
Вот что поэтому вопросу написано в уроке:
Нарисуйте инструментом перо прямую линию... Цвет обводки черный. Стиль обводки «круглые концы» толщина пропорционально размеру вашего чупа-чупса, у нас она была равна 25.
...
После того как палочка нарисована выполните «Контур» - «Оконтурить обводку» или CTRL+ALT+C.
А для того что бы залить фигуру градиентом не обязательно заливать ее с клавишей Shift :nea:

В общем без обид. :beer: Если что не понятно спрашивайте! Inkscape штука посложнее пейнта, видимо, все осваивают его по своему. Для кого-то одно элементарно, а для другого другое. Я вот даже написал несколько вопросов глазами новичка inkscape, на некоторые уже знаю ответы, будет время напишу.

P.S. Inky мои возражения тебе не для того, что бы сказать, что ты неправ, а просто высказать свое мнение, так что, если что не так, не обижайся!

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Чупа-чупс

Сообщение Inky » 24 ноя 2011, 23:57

Да все нормально, у меня там не критика урока, а стоны юзера - ой, как сложно! :wall:
Мне было интересно и я без претензий. Это я написал подробные расшифровки
о своих трудностях как подарок начинающим. Как записки для памяти.
Твоей информации достаточно, просто она не воспринимается сразу новичком,
пока не разберешься.
А потом сделаешь, читаешь и удивляешься, какой я тупой, все же четко написано :-D
Спс

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Чупа-чупс

Сообщение xmario » 25 ноя 2011, 17:30

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

Аватара пользователя
Inky
Сообщения: 216
Зарегистрирован: 15 ноя 2010, 21:52
Репутация: 5

Re: Чупа-чупс

Сообщение Inky » 25 ноя 2011, 22:58

Это слишком высокая планка ожиданий качества.
Я пока иду по примитивной легенде, что дается при установке программы:
"Это стабильная программа, рекомендуется для повседневного использования..."

olexua
Сообщения: 1
Зарегистрирован: 13 дек 2012, 02:29
Репутация: 0
Пол: Мужской

Re: Чупа-чупс

Сообщение olexua » 13 дек 2012, 02:37

chupa.png
chupa.png (5.12 КБ) 12897 просмотров
вот что получается после команды Контур" - "Объединить". Как исправить ?

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Чупа-чупс

Сообщение xmario » 13 дек 2012, 09:05

Судя по рисунку - это не объединить, а на "исключающее ИЛИ" больше похоже. Надо было делать "Сумму". ;o)

Sonya Luxova
Сообщения: 23
Зарегистрирован: 08 дек 2012, 21:28
Репутация: 1
Пол: Женский

Re: Чупа-чупс

Сообщение Sonya Luxova » 14 дек 2012, 21:10

Ваш чупик видимо со вкусом малины? Решила разнообразия ради сделать апельсиновый :D
Вложения
Urok-chupa-chups.png
Urok-chupa-chups.png (48.75 КБ) 12878 просмотров

Аватара пользователя
xmario
Администратор
Сообщения: 3402
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 45
Пол: Мужской
Откуда: Москва

Re: Чупа-чупс

Сообщение xmario » 15 дек 2012, 21:03

Симпатично! Молодец!! :Bravo:

Ответить

Вернуться в «Уроки inkscape»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 7 гостей