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

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

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

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

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

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

    Комментарии 61

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

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

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

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

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

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

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


                                                            Исходник SVG

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

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

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

                                                                    Самое читаемое