Форум paint.net на русском языке
Hello Kitty
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Hello Kitty
Hello Kitty в inkscape
Это совсем несложный урок inkscape, на котором мы попробуем нарисовать в inkscape вот такую мордочку Hello Kitty.
В принципе нарисовать такую мордочку совсем несложно. Но мы сознательно усложним этот урок для того, что бы показать несколько принципов работы с inkscape, которые мы обходили стороной в других наших уроках, но они могут оказаться полезными вам при работе над другими рисунками в inkscape. Идея этого урока позаимствована с англоязычного сайта здесь. Инструкция inkscape есть на нашем сайте.
В первую очередь мы поговорим о направляющих. Использование направляющих в inkscape позволяет рисовать по координатам, а также делать точные схемы и рисунки. Для векторного редактора – это очень важно. Ведь в отличие от растровой графики, вектор – это математические формулы, а, соответственно, можно использовать эту математическую точность в своих рисунках.
Направляющие в inscape можно сделать следующим образом. Сначала убедитесь, что в меню «Вид» включен пункт «Направляющие». Дальше переместив указатель мыши к левой боковой линейке, на которой, кстати, появится черный маркер в виде треугольника, показывающий положение курсора, щелкните мышью по этому маркеру и, не отпуская кнопку мыши, потащите курсор на холст. Появится вертикальная направляющая. Аналогично делаются горизонтальные направляющие из верхней горизонтальной линейки. Направляющие представляют собой сини полоски с точкой, обозначающей начало координат на каждой из них. Если переместить курсор над синей направляющей, она станет красной, что означает, что её можно перемещать или поворачивать.
Что бы сделать наклонную направляющую, можно сразу сделать наклонную направляющую из угла линейки. Эта направляющая будет под углом 45 градусов. Но есть и второй вариант можно просто повернуть имеющуюся направляющую. Сделать это можно следующим способом. Нажмите клавишу (Shift) и наведите курсор на направляющую. Появится указатель мыши из двух стрелочек, обозначающих поворот. Не отпуская (Shift), нажмите правую кнопку мыши и вращайте направляющие так, как вам нужно. В нижней информационной строке можно видеть, на сколько градусов осуществляется поворот. Вообще эта строка очень полезная вещь, в ней можно увидеть контекстные подсказки для разных случаев. Двойной клик указателем мыши по направляющей открывает окно точной настройки её параметров.
Итак, начнем рисовать Hello Kitty. При описании процесса рисования используется авторская технология из англоязычного урока, ссылка на который была приведена в начале урока. Для начала создайте новый документ inkscape. Откройте меню «Файл» - «Свойства документа». Проверьте, что единица измерения установлена как пиксели (px). Установите размер документа 400 пикселей по ширине и 300 по высоте.
Теперь создайте направляющие. Вот что нам нужно:
Горизонтальные направляющие – 11 шт.
Вертикальные направляющие – 22 шт.
Диагональные направляющие – 2 шт.
Сначала просто создайте направляющие, не важно где. Просто сделайте необходимое количество направляющих. Дальше настройте каждую по двойному щелчку мыши. Вот авторский «рецепт» для расположения направляющих.
Горизонтальные направляющие, введите следующие координаты. Измените только координату Y, для каждой линии, значения ниже:
260, 245, 240, 120, 110, 100, 83, 72, 60, 50, 15
Вертикальные направляющие. Изменить нужно только координату X:
45, 60, 95, 117.5, 123.5, 140, 182, 200, 218, 260, 276.5, 282.5, 305, 340, 355, 508, 530, 580, 610, 630, 652, 940
Диагональные линии, изменить нужно все координаты должны, ниже их точные значения для обеих линий:
X = 94, Y = 83, угол = 77
X = 955, Y = 190, угол = 102
Теперь, когда самая нудная подготовительная часть позади, можно приступить непосредственно к рисованию мордочки кошки Hello Kitty.
Голова кошки
Нарисуйте с помощью кривых Безье толщиной 0,25 пикселей вот такую абстрактную фигуру, напоминающую ромб.
После того как исходная фигура готова, используя инструмент управления узлами, измените узлы фигуры так, как показано на рисунке ниже. Получится контур головы кошки.
Желтыми кружочками показано, где узлы направляющих узлов должны быть расположены на направляющих линиях.
Ушки кошки
Для того что бы нарисовать ушки, используйте инструмент inkscape звезды или многоугольники. Настройки инструмента углы = 3, отношения радиусов = 0,815, закругление =0,3 искажение = 0. Толщина обводки, как и в прошлый раз 0,25.
В результате у вас должно получиться так, как показано на рисунке выше. Зеленой точкой показано место, из которого вы должны начать рисование фигуры, а красной точной – место окончания.
Теперь нам надо объединить контуры ушей и головы. Для этого выделите контур головы и контур одного уха. Для выделения нескольких фигур удерживайте клавишу (SHIFT). В меню «Контур» выберите пункт «Сумма» или (CTRL + +). Повторите тоже самое со вторым ухом.
Теперь, используя инструмент управления узлами, сделайте выступы контура внизу ушей.
Концы линии на закладке «стили обводки» сделайте сглаженными.
Глазки кошки
Для того, что бы сделать глазки используйте инструмент inkscape «круги и эллипсы». Толщина обводки опять 0,25.
Зелеными и красными точками показаны точки начала и окончания рисования фигуры.
Носик кошки
Нос кошки будем рисовать опять с помощью эллипса inkscape. Уменьшите толщину обводки до 0,2. При рисовании удерживайте нажатой клавишу (Shift).
Установите цвет заливки розовым.
Бантик
Для того что бы нарисовать бантик, сделайте окружность немного правее на свободном месте холста.
И еще один круг, удерживая (Shift).
А потом еще две фигуры инструментом inkscape «звезды и многоугольники», как мы делали с ушами.
Измените Z-порядок положения фигур, взаимное их расположение друг над другом, что бы получилось так, как на рисунке ниже.
Объедините все составляющие фигуры бантика (CTRL+G) и поместите бантик на кошку.
Усы кошки
Для рисования усов кошки Hello Kitty используйте созданные нами диагональные направляющие. Для рисования узлов используйте кривые Безье. Толщина обводки 0,25. Концы линий сглаженные.
Сгруппируйте линии усов. Поместите их на кошку.
Сделайте копию усов (CTRL+D) и отразите копию горизонтально.
Вот такая у нас получилась векторная кошечка Hello Kitty и мы научились использовать направляющие.
Это совсем несложный урок inkscape, на котором мы попробуем нарисовать в inkscape вот такую мордочку Hello Kitty.
В принципе нарисовать такую мордочку совсем несложно. Но мы сознательно усложним этот урок для того, что бы показать несколько принципов работы с inkscape, которые мы обходили стороной в других наших уроках, но они могут оказаться полезными вам при работе над другими рисунками в inkscape. Идея этого урока позаимствована с англоязычного сайта здесь. Инструкция inkscape есть на нашем сайте.
В первую очередь мы поговорим о направляющих. Использование направляющих в inkscape позволяет рисовать по координатам, а также делать точные схемы и рисунки. Для векторного редактора – это очень важно. Ведь в отличие от растровой графики, вектор – это математические формулы, а, соответственно, можно использовать эту математическую точность в своих рисунках.
Направляющие в inscape можно сделать следующим образом. Сначала убедитесь, что в меню «Вид» включен пункт «Направляющие». Дальше переместив указатель мыши к левой боковой линейке, на которой, кстати, появится черный маркер в виде треугольника, показывающий положение курсора, щелкните мышью по этому маркеру и, не отпуская кнопку мыши, потащите курсор на холст. Появится вертикальная направляющая. Аналогично делаются горизонтальные направляющие из верхней горизонтальной линейки. Направляющие представляют собой сини полоски с точкой, обозначающей начало координат на каждой из них. Если переместить курсор над синей направляющей, она станет красной, что означает, что её можно перемещать или поворачивать.
Что бы сделать наклонную направляющую, можно сразу сделать наклонную направляющую из угла линейки. Эта направляющая будет под углом 45 градусов. Но есть и второй вариант можно просто повернуть имеющуюся направляющую. Сделать это можно следующим способом. Нажмите клавишу (Shift) и наведите курсор на направляющую. Появится указатель мыши из двух стрелочек, обозначающих поворот. Не отпуская (Shift), нажмите правую кнопку мыши и вращайте направляющие так, как вам нужно. В нижней информационной строке можно видеть, на сколько градусов осуществляется поворот. Вообще эта строка очень полезная вещь, в ней можно увидеть контекстные подсказки для разных случаев. Двойной клик указателем мыши по направляющей открывает окно точной настройки её параметров.
Итак, начнем рисовать Hello Kitty. При описании процесса рисования используется авторская технология из англоязычного урока, ссылка на который была приведена в начале урока. Для начала создайте новый документ inkscape. Откройте меню «Файл» - «Свойства документа». Проверьте, что единица измерения установлена как пиксели (px). Установите размер документа 400 пикселей по ширине и 300 по высоте.
Теперь создайте направляющие. Вот что нам нужно:
Горизонтальные направляющие – 11 шт.
Вертикальные направляющие – 22 шт.
Диагональные направляющие – 2 шт.
Сначала просто создайте направляющие, не важно где. Просто сделайте необходимое количество направляющих. Дальше настройте каждую по двойному щелчку мыши. Вот авторский «рецепт» для расположения направляющих.
Горизонтальные направляющие, введите следующие координаты. Измените только координату Y, для каждой линии, значения ниже:
260, 245, 240, 120, 110, 100, 83, 72, 60, 50, 15
Вертикальные направляющие. Изменить нужно только координату X:
45, 60, 95, 117.5, 123.5, 140, 182, 200, 218, 260, 276.5, 282.5, 305, 340, 355, 508, 530, 580, 610, 630, 652, 940
Диагональные линии, изменить нужно все координаты должны, ниже их точные значения для обеих линий:
X = 94, Y = 83, угол = 77
X = 955, Y = 190, угол = 102
Теперь, когда самая нудная подготовительная часть позади, можно приступить непосредственно к рисованию мордочки кошки Hello Kitty.
Голова кошки
Нарисуйте с помощью кривых Безье толщиной 0,25 пикселей вот такую абстрактную фигуру, напоминающую ромб.
После того как исходная фигура готова, используя инструмент управления узлами, измените узлы фигуры так, как показано на рисунке ниже. Получится контур головы кошки.
Желтыми кружочками показано, где узлы направляющих узлов должны быть расположены на направляющих линиях.
Ушки кошки
Для того что бы нарисовать ушки, используйте инструмент inkscape звезды или многоугольники. Настройки инструмента углы = 3, отношения радиусов = 0,815, закругление =0,3 искажение = 0. Толщина обводки, как и в прошлый раз 0,25.
В результате у вас должно получиться так, как показано на рисунке выше. Зеленой точкой показано место, из которого вы должны начать рисование фигуры, а красной точной – место окончания.
Теперь нам надо объединить контуры ушей и головы. Для этого выделите контур головы и контур одного уха. Для выделения нескольких фигур удерживайте клавишу (SHIFT). В меню «Контур» выберите пункт «Сумма» или (CTRL + +). Повторите тоже самое со вторым ухом.
Теперь, используя инструмент управления узлами, сделайте выступы контура внизу ушей.
Концы линии на закладке «стили обводки» сделайте сглаженными.
Глазки кошки
Для того, что бы сделать глазки используйте инструмент inkscape «круги и эллипсы». Толщина обводки опять 0,25.
Зелеными и красными точками показаны точки начала и окончания рисования фигуры.
Носик кошки
Нос кошки будем рисовать опять с помощью эллипса inkscape. Уменьшите толщину обводки до 0,2. При рисовании удерживайте нажатой клавишу (Shift).
Установите цвет заливки розовым.
Бантик
Для того что бы нарисовать бантик, сделайте окружность немного правее на свободном месте холста.
И еще один круг, удерживая (Shift).
А потом еще две фигуры инструментом inkscape «звезды и многоугольники», как мы делали с ушами.
Измените Z-порядок положения фигур, взаимное их расположение друг над другом, что бы получилось так, как на рисунке ниже.
Объедините все составляющие фигуры бантика (CTRL+G) и поместите бантик на кошку.
Усы кошки
Для рисования усов кошки Hello Kitty используйте созданные нами диагональные направляющие. Для рисования узлов используйте кривые Безье. Толщина обводки 0,25. Концы линий сглаженные.
Сгруппируйте линии усов. Поместите их на кошку.
Сделайте копию усов (CTRL+D) и отразите копию горизонтально.
Вот такая у нас получилась векторная кошечка Hello Kitty и мы научились использовать направляющие.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
- koleso132009
- Сообщения: 99
- Зарегистрирован: 06 окт 2011, 18:00
- Репутация: 0
- Пол: Мужской
- Откуда: Из Москвы...
- Контактная информация:
Re: Hello Kitty
Non scholae, sed vitae discimus - Для жизни, не для школы учимся...
- koleso132009
- Сообщения: 99
- Зарегистрирован: 06 окт 2011, 18:00
- Репутация: 0
- Пол: Мужской
- Откуда: Из Москвы...
- Контактная информация:
Re: Hello Kitty
Вот, ток вопрос: а как убрать все направляющие, кроме как по одной их обратно за границы вектора перемещать? ...
(интересно)
(интересно)
Non scholae, sed vitae discimus - Для жизни, не для школы учимся...
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Hello Kitty
Меню "Вид" - "направляющие" - просто отключите их видимость.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
-
- Сообщения: 16
- Зарегистрирован: 15 май 2013, 20:53
- Репутация: 0
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Hello Kitty
Странно. Здесь я все уроки сам повторял или делал... вроде получалось.
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
-
- Сообщения: 4
- Зарегистрирован: 24 сен 2013, 13:18
- Репутация: 0
- Пол: Женский
Re: Hello Kitty
С большим удовольствием нарисовала эту кошку:
Поделюсь тем, что вызвало у меня проблемы.
1. Может, у меня что-то не так с настройками, но 0.25 px - это еле заметный волосок:
Вот если сделать 0,25 см (или 8-9px) - то получается та самая плотная черная лента, которая нужна.
2. Подтверждаю насчет усов. Если выставить 904, то будет точно так, как у вас на картинке:
а если сделать 94, то пересечения будут где-то в небе и выглядеть так
3. Конкретно заставило подвиснуть: "используя инструмент управления узлами, сделайте выступы контура внизу ушей". Тупила пять минут. ведь если пошевелить любой из имеющихся узлов, то ушко испортится...
Потом наконец догадалась нарисовать еще одну короткую линию той же толщины и придвинуть ее к контуру головы.
Поделюсь тем, что вызвало у меня проблемы.
1. Может, у меня что-то не так с настройками, но 0.25 px - это еле заметный волосок:
Вот если сделать 0,25 см (или 8-9px) - то получается та самая плотная черная лента, которая нужна.
2. Подтверждаю насчет усов. Если выставить 904, то будет точно так, как у вас на картинке:
а если сделать 94, то пересечения будут где-то в небе и выглядеть так
3. Конкретно заставило подвиснуть: "используя инструмент управления узлами, сделайте выступы контура внизу ушей". Тупила пять минут. ведь если пошевелить любой из имеющихся узлов, то ушко испортится...
Потом наконец догадалась нарисовать еще одну короткую линию той же толщины и придвинуть ее к контуру головы.
- xmario
- Администратор
- Сообщения: 3402
- Зарегистрирован: 03 апр 2010, 20:12
- Репутация: 45
- Пол: Мужской
- Откуда: Москва
Re: Hello Kitty
Спасибо за советы, на досуге пересмотрю урок, может поправлю что. Все свои уроки я обычно делаю сначала сам, поэтому не должно быть таких, уж, прям ужасов. Что до толщины линии, так тут скорее всего дело в том, какой у вас стоит масштаб. Я обычно использовал по умолчанию или 100%. Хотя для векторной картинки это не критично. Можно нарисовать в любом масштабе, главное в правильных пропорциях, а потом увеличивать или уменьшать как угодно.
А кошка у вас получилась замечательная!
А кошка у вас получилась замечательная!
paint.net - это бесплатный графический редактор - где бесплатно скачать paint.net - как установить эффекты и плагины в paint.net, где скачать inkscape и уроки inkscape
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 54 гостя