Масштабируемая векторная графика

индекс
124,78

Рисуем объёмные изображения в Inkscape

Inkscape — относительно молодой, но прогрессивный векторный редактор общего плана (как Adobe Illustrator и Corel DRAW). Программа является кроссплатформенной, распространяется бесплатно и с исходным кодом. Основной формат изображений — SVG (масштабируемая векторная графика, стандарт W3C, рекомендованный для публикации векторных рисунков в интернете).

О работе с программой, а заодно и о том, как наполнить объёмом векторное изображение, я хочу рассказать на примере создания своей картинки со снеговиком.

Снеговик. Нарисовано в Inkscape. Автор — Юрий Апостол.

Статья писалась специально для Linuxgraphics.ru. Читайте, пожалуйста там.

UPD: По многочисленным просьбам публикую исходник. Лицензия — CC Attribution Non-commercial Share Alike. Благодарности можно отправить на кошелёк Z161444749304 или R173720801008. Половина уйдёт в фонд развития Inkscape.
+129
22 января 2010, 20:40
118

комментарии (61)

НЛО прилетело и опубликовало эту надпись здесь
0
Apostol #
Простите, не понял.
НЛО прилетело и опубликовало эту надпись здесь
+1
Apostol #
А, так пожалуйста. Статья как урок и писалась, пусть народ рисует. :)
+1
jeje #
Дизайнер, даже в DOS нарисует объем, у вас получилась приятная картинка.
НЛО прилетело и опубликовало эту надпись здесь
+2
Apostol #
Вектором, конечно, можно и фотореалистичные тени нарисовать. Тут такой задачи не стояло. Кроме теней на картинке имеются и другие неточности. ;)
НЛО прилетело и опубликовало эту надпись здесь
+2
Apostol #
Да, со всем сказанным согласен. Эту картинку уже переделывать не хочется, да и времени нет. Полировать можно до бесконечности, главное, чтоб в этом смысл был. У меня есть более реалистичные изображения. Там и тень лучше проработана. Может в другом уроке покажу.
НЛО прилетело и опубликовало эту надпись здесь
+2
Apostol #
Так и знал, что прозвучит провокационный вопрос по поводу исходников. :) В принципе, держать под замком их нет причин, картинка не коммерческая. Но и не хочется, чтоб затягали непонятные люди в каких-то своих корыстных целях. Рисовалось всё-таки с любовью и отношение к результату у меня такое же, как у художникам к своим картинам.

Из скриншотов в уроке видно как делалось изображение и мне кажется, этого достаточно. Но если кому-то уж очень сильно хочется посмотреть на внутренности, могу персонально выслать. При условии, что распространяться файлик дальше не будет.
НЛО прилетело и опубликовало эту надпись здесь
+1
piupiu #
Ну, вообще с моей точки зрения странноватое решение :-) Особенно в контексте linuxgraphics.ru ;-)
0
abelozor #
Там есть возможность указать лицензию в свойствах SVG, если не ошибаюсь. У меня жена работает в Inkscape, я видел, как она указывала лицензию перед тем, как выкладывать svg-файлы.
0
Apostol #
Да, удобненько сделали выбор лицензии. Разобрался.
НЛО прилетело и опубликовало эту надпись здесь
0
Apostol #
Век живи — век учись :)
0
prokoudine #
:)))
0
onix74 #
Мне понравилось. То же что ли попробовать?.. (вопрос риторический)
0
myph #
А благодаря чему появляются такие мягкие переходы в тенях?
Уж очень красиво и чистенько смотрится :)
0
Apostol #
Обычное гауссовое размывание и градиенты.
0
prokoudine #
Гауссово размывание же :)
+1
MASe #
хм… а в чем прикол?

>> Основной формат изображений — SVG (масштабируемая векторная графика, стандарт W3C, рекомендованный для публикации векторных рисунков в интернете).

при этом и тут и на указанной по линку статье =
linuxgraphics.ru/images/articles/vector/snowman/0.png
0
Apostol #
Проверил, вроде бы всё верно. Если ошибка какая-то закралась, укажите, пожалуйста, точнее.
+2
Guria #
народ жаждет видеть SVG вариант, ведь именно SVG рекомендован W3C для публикации векторных рисунков в интернете
0
MASe #
именно об этом и речь…
если в статье заявлено что, мол SVG и векторный, и масштабируемый, и рисовать в нем удобно, по стандартам верстки проходит — зачем картинку в сеть в PNG выкладывать?
на деле показывайте прелести…
+3
prokoudine #
Тут есть одна тонкость: SVG не всеми браузерами показывается :) Нет, понятно, что прогрессивный хабрахабр IE и двухметровой палочкой не потыкает :), но хабрахабром интернет (пока что :)) не ограничивается.
+1
Virusmater #
статья написана на сайте Linuxgraphics.ru
откуда уж там IE взяться?
+1
prokoudine #
Специально ради Вас залез в аналитикс. И правда — 8,92%.
+2
Apostol #
Выше отписал по поводу SVG-файла. Выложить не проблема. И браузеры открывают, хоть и не все. ФФ и Опера (под Линуксом), например, отображают абсолютно так же, как как вы видите в PNG. Да ещё и масштабирование векторное работает на ура. Но исходники именно этой картинки я не готов пока раздавать всем подряд.
0
Apostol #
Готово. Народ удовлетворён? :)
+2
Argentum47 #
Видимо указывают на то, что рисунки в png, а не в svg здесь.

+2
firstbyte #
Думаю, если есть талант и знание принципов вектора, выбор редактора-дело, не то, чтобы десятое, но не первое.
+4
phpdude #
не знаю как Вам, а Мне картинка понравилась, я сам такое не нарисую :(
+3
Imagoo #
С детства рисовать не умел, да наверное не научусь, остаётся только завидовать людям, которые умеют делать такие красивые картинки!
+3
Habroche #
Совершенно напрасно. Если есть желание (а раз «остаётся только завидовать», значит, есть), то нужно просто взяться. Писать мы тоже не от рождения умеем. Никто не требует ни от кого шедевров, и если захотите рисовать хотя бы просто для себя, попробуйте начать учиться, на досуге. Есть неплохая книжка Б. Эдвардс, «Откройте в себе художника» (есть и на Озоне, и можно найти, где скачать). Если даже не готовы к этому, просмотрите введение, пару первых глав оттуда. Вот увидите, отношение к рисованию изменится.
0
Imagoo #
Спасибо за подсказку, как нить на досуге посмотрю что за книжка, а так просто напросто иногда не до рисования…
+1
Kotenka #
моей маме уже за 50 и она всю жизнь считала, что рисовать не умеет и уже не научится, но все же пошла на курсы рисования (по вечерам 2 раза в неделю по 3 часа) и рисует сейчас очень даже здорово! Так что все в Ваших руках ;)

Как говорится, кто хочет — ищет возсожности, кто не хочет — правдания =)
0
Phenomen #
очень красивые градиенты на (полу)окружностях, но технология их создания не совсем понятна…
0
Apostol #
Радиальный градиент + размытый белый контур для создания рефлексов.
0
RedricShuhart #
Странно, но рисовать мышкой мне куда проще, чем карандашом...)
0
235 #
эмм. я не увидел собственно svg файла урока — его нет? это был бы наиболее короткий путь познакомиться с тем как на самом деле все сделано
НЛО прилетело и опубликовало эту надпись здесь
0
Apostol #
Уже есть. Смотрите.
0
Habroche #
Помню когда-то в комментариях автор приводил эту иллюстрацию. Мне она тогда очень запомнилась. Здорово реализована идея с «замечанием» про шарфик.
0
prokoudine #
ЕМНИП, это было в комментариях к новости про Inkscape 0.47 :)
+1
Reklamatik #
В первый раз слышу про этот редактор, обязательно попробую!
Автору спасибо.
+8
tigso #
Вот что у меня получилось.
0
Svarog #
Убей всех людей ©? :)
0
EzS #
Приделать кисточку, раскрасить то, что на голове и будет снеговик в феске-)

А так, молодец — первый человек, кто попробовал нарисовать сам!
0
piupiu #
Тогда ему нужно не ведро, а шапочка из фольги!
(Кстати, интересно было бы послушать, как сделать фактуру помятой фольги в Inkscape)
+1
prokoudine #
Фильтры > Выпуклости > Оловянная фольга :)
+1
m1o #
А я вот коробки рисую…


Исходник SVG

+1
Apostol #
Ой, промазал. Чуть ниже картинка — это вам. :)
–7
Apostol #

Подарочный набор. :)
+4
m1o #
Побольше бы таких уроков для Inkscape. Спасибо.
+1
Guria #
В Хроме в СВГ варианте какой-то артефакт над морковкой.
0
Apostol #
Действительно, куски бликов вылезли из-под обтравочного контура. И размывание вообще не работает.
0
Guria #
перепроверил в Хроме, теперь всё нормально. Это Хром починили или исходник подогнали?
0
Apostol #
Исходник не менялся по ссылке. Видимо, что-то докрутили в Хроме. Хотя, вижу остались и некоторые артефакты — над морковкой полоска вілезла из под обтравки и ещё парочка мелких полосочек на ведре и обрезке морковки. У меня версия 5.0.307.11, если что.
0
RubyRoid07 #
Угу, и у меня тоже…

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.