01.Inkscape уроки: рисуем щит в графическом редакторе

Продолжаем изучать графический редактор Inkscape уроки которого совсем не сложные. Сегодня, хочу предложить вам нарисовать щит вместе со мной. Я выбрал форму щита на свой вкус, ну а вы можете нарисовать щит другой формы, которая нравится вам. Спрашиваете, как можно сделать щит другой формы? Сейчас узнаем.

Inkscape уроки: рисуем щит

Конечно же, в первую очередь нам нужно нарисовать форму щита. Ее можно нарисовать двумя способами. Первый – это оконтурить квадрат и вытянуть его с помощью узлов. Второй способ нарисовать форму щита – создать сначала его половину при помощи сетки, а затем продублировать, отразить по горизонтали и соединить обе половины.  Я выберу второй способ, а рисуя другие Inkscape уроки, я обязательно покажу первый. Нажимаем «Вид – Сетка» и при помощи кривых Безье создаем половину щита.

02.Inkscape уроки: рисуем щит в графическом редакторе

Когда половина готова, убираем сетку, дублируем половину (Ctrl+D), отражаем по горизонтали (Н) и соединяем верхние и нижние узлы. Если вдруг вы забыли, как соединять узлы, то посмотрите урок «Как рисовать сердце». У меня получилась абсолютно симметричная форма щита.

03.Inkscape уроки: рисуем щит в графическом редакторе

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

04.Inkscape уроки: рисуем щит в графическом редакторе

Выполняю операцию «Разность» (Ctrl+ — ).

05.Inkscape уроки: рисуем щит в графическом редакторе

Теперь можно залить нижнюю часть щита линейным градиентом. Добавьте три опорные точки и расположите их как на рисунке. Далее дадим каждой точке свой цвет слева направо: белый, 7.5% grey, 40% grey, белый, 2.5% grey.

06.Inkscape уроки: рисуем щит в графическом редакторе

Таким же образом раскрашиваем правую половину щита, только уже добавляем две опорные точки. Цвета слева направо: 50% grey, 20% grey, 10% grey, 7.5% grey.

07.Inkscape уроки: рисуем щит в графическом редакторе

В уроке «Inkscape уроки: рисуем щит» основа щита готова, и нам бы не помешал небольшой фон на задний план. Для этого дублируем нижний щит, и заливаем его цветом #536c67. Опускаем на задний план клавишей End и стрелочками подвигаем чуть вправо и вниз, как на рисунке.

08.Inkscape уроки: рисуем щит в графическом редакторе

Начинаем работать уже над основной частью щита. Дублируем нижний серый щит, заливаем цветом #536c67, и уменьшаем клавишей (<).

09.Inkscape уроки: рисуем щит в графическом редакторе

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

010.Inkscape уроки: рисуем щит в графическом редакторе

Выполняем между ними операцию «Разность» (Ctrl+ — ). Кусочек, который остался, заливам цветом темнее — #374845.

011.Inkscape уроки: рисуем щит в графическом редакторе

Осталось сделать только блик.  Я предлагаю вам сделать блик самостоятельно, по фото, ведь вы уже рисовали блики и, я уверен, справитесь.

012.Inkscape уроки: рисуем щит в графическом редакторе

Нижняя точка радиального градиента прозрачностью 40%, верхняя абсолютно прозрачная.

013.Inkscape уроки: рисуем щит в графическом редакторе

Урок закончен, и к вашему вниманию следующие Inkscape уроки: бильярдный шар и глянцевая кнопка в стиле web.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.