Пингвин

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

Пингвин

Сообщение xmario » 03 окт 2011, 22:55

Пингвин в inkscape

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

Изображение

Начните рисование пингвина с двух окружностей черного цвета.

Изображение

Нарисуйте еще одну окружность и заполните ее градиентом. Один цвет белый, другой 353535ff.

Изображение

Нарисуйте еще один белый круг, это будет живот.

Изображение

Два эллипса с заливкой цвета E6E6E6FF будут глазами пингвина.

Изображение

Нарисуйте еще два аналогичных овала поменьше, белого цвета. Можно просто скопировать предыдущий овал по комбинации клавиш (Ctrl+D), уменьшить размер и изменить цвет заливки.

Изображение

Изображение

Теперь будем делать бровь. Нарисуйте два овала, можно рядом с пингвином. Я их специально для наглядности сделал разного цвета.

Изображение

Выделите оба овала и примените к ним операцию "Разность" из главного меню "Контур" или (Ctrl + -).

Изображение

Сделайте цвет заливки брови BFBFBFFF. Более точно настроить форму брови можно инструментом управления узлами.

Изображение

Теперь нарисуем блик на голове пингвина. Для этого потребуется более сложная конструкция, которую можно сделать из пересечения трех эллипсов. На рисунке ниже для наглядности они нарисованы красным и двумя синими.

Изображение

Inkscape умеет находить разность между двумя контурами, поэтому выделим красный эллипс и один синий. Примените к ним операцию "Разность" из главного меню "Контур" или (Ctrl + -).

Изображение

Теперь тоже самое со вторым синим эллипсом.

Изображение

Изображение

Изображение

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Изображение

Теперь будем делать нос. Нарисуйте квадрат без обводки с заливкой цвета 7F8000FF.

Изображение

Удалите один из улов. Для этого выделите его и нажмите кнопку удалить узлы в верхней контекстной панели инструментов.

Изображение

Используя направляющие узлов, сделайте примерно такую форму как на рисунке ниже.

Изображение

С помощью копии этой формы (Ctrl+D) сделайте блик.

Изображение

Сделайте заливку блика линейным градиентом. Один цвет белый, другой прозрачный.

Изображение

С помощью инструмента перо, нарисуйте линию.

Изображение

Сделайте более толстой обводку линии.

Изображение

Оконтурите получившийся объект в главном меню "Контур" выберите "Оконтурить обводку" или (Ctrl+Alt+C).

Изображение

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Изображение

Разметите нос так, как нужно.

Изображение

Для того что бы сделать крыло используйте базовую форму овал без обводки. Оконтурите объект (Shift+Ctrl+C), что бы появились четыре узла.

Изображение

Изменяя положение узлов и их направляющих сделайте таку форму крыла, как показана на рисунке ниже.

Изображение

Сделаем блик на крыле, используя инструмент перо. Если включить кнопку "показывать абрис контура", которая доступна в контекстном меню для инструмента управления узлами то форма кривой будет выделена красной линией, которую можно изменять. Линия, как уже говорилось, нарисована пером с параметром "затухание".

Изображение

Сделайте заливку фигуры линейным градиентом. Один цвет белый, другой прозрачный.

Изображение

Сгруппируйте крыло и блик (Ctrl+G). Установите крыло с бликом на его место.

Изображение

Сделайте копию крыла (Ctrl+D). Отразите ее горизонтально. Кнопка отразить горизонтально есть в верхнем контекстном меню для инструмента выделения и перемещения.

Изображение

Для того чтобы нарисовать лапки пингвину, воспользуемся инструментом эллипс с цветом заливки 7C7C02FF. Оконтурим эллипс (Shift+Ctrl+C), и он будет определен четырьмя узлами.

Изображение

Измените положение нижнего узла, как показано на рисунке ниже.

Изображение

Установите для фигуры толстую обводку цвета 5E5E18FF.

Изображение

Блик - это еще один эллипс. Сделайте заливку фигуры блика линейным градиентом. Один цвет белый, другой прозрачный.

Изображение

Объедините лапку и блик, сгруппировав их (Ctrl+G). Вторую лапку сделайте путем копирования первой (Ctrl+D).

Изображение

Вот и готовый результат - векторный пингвин в inkscape:

Изображение
Вложения
pinguin.svg
Файл к уроку векторный пингвин - SVG inkscape
(22.97 КБ) 1182 скачивания

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

Re: Пингвин

Сообщение xmario » 26 ноя 2011, 16:57

Вот еще одна версия пингвина, попроще.

Изображение

Anasty
Сообщения: 9
Зарегистрирован: 20 мар 2012, 12:17
Репутация: 0
Пол: Женский

Re: Пингвин

Сообщение Anasty » 22 мар 2012, 09:32

:( Когда делаю линию с параметром угасание, не изменяется её толщина. Что я делаю не так?

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

Re: Пингвин

Сообщение xmario » 22 мар 2012, 10:09

Не смог добиться такого эффекта. У меня линии с угасанием рисуются нормально. :think:
По сути, угасание - это контурный эффект. Нарисуйте линию и посмотрите какие контурные эффекты к ней применены (меню Контур - Редактор контурных эффектов).

Anasty
Сообщения: 9
Зарегистрирован: 20 мар 2012, 12:17
Репутация: 0
Пол: Женский

Re: Пингвин

Сообщение Anasty » 22 мар 2012, 10:29

Спасибо! Если менять ширину, то получается. Не очень удобно конечно, но хоть есть результат)

Anasty
Сообщения: 9
Зарегистрирован: 20 мар 2012, 12:17
Репутация: 0
Пол: Женский

Re: Пингвин

Сообщение Anasty » 22 мар 2012, 10:48

ещё вопрос... градиент ведь "прилипает" к своему объекту? он у меня отдельно находится. его можно привязать как-то? :wall:

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

Re: Пингвин

Сообщение xmario » 23 мар 2012, 09:22

Не обязательно. Градиент можно размесить, где угодно. Переместите его мышкой туда, куда вам нужно. Обратите внимание на то, что градиенты бывают не у объекта, а могут быть у его заливки и обводки. Это разные градиенты!

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

Re: Пингвин

Сообщение Sonya Luxova » 16 дек 2012, 17:07

Изображение
Да, просто :implication: c условием: для тех кто тут изучает Inkscape с самых простых уроков...а кто сразу перескочит на этот урок, то наверняка запутается, т.к. много подразумевается, но не описывается.
Вложения
Urok-Pingvin.svg
(21.75 КБ) 697 скачиваний

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

Re: Пингвин

Сообщение xmario » 16 дек 2012, 20:38

Ну, здорово же получилось! :Bravo:

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

Re: Пингвин

Сообщение Sonya Luxova » 16 дек 2012, 20:58

Спасибо XMario! Каков учитель, таковы и ученики :kiss:
Было бы здорово если б знающие эту прогу придумывали уроки по созданию иконок и кнопок; - ведь Inkscape бесплатный аналог Corel Draw, к тому же только в векторных программах возможно качественное создание таких вещей, но многие пугаются Inkscape (я много раз начинала её изучать и столько же раз бросала), т.к. в интернете ну совсем ничего толком о ней не найти (ну разве что уж совсем примитив какой-нибудь) :cry:

Ответить

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

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

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