01.Рисуем кнопку в графическом редакторе Inkscape

Сегодня попробуем научиться рисовать вот такую глянцевую кнопку в Inkscape. Когда я только изучал графический редактор Inkscape – это был мой первый красивый рисунок, который я нарисовал в нем. Я выбрал зеленый цвет для кнопки, ну а вы можете выбрать тот цвет, который вам больше по душе. Ну, что ж, рисуем кнопку?

Рисуем кнопку в Inkscape

Для начала нарисуем круг, который будет основой для кнопки. Я рисую круг размерами ширины и высоты 900×900 px. Важно, чтобы круг был ровным. Заливаем его радиальным градиентом, расположив градиент как на рисунке. Центральная точка градиента будет иметь цвет 10% grey, а две боковых 70% grey.

02.Рисуем кнопку в графическом редакторе Inkscape

Второй шаг, который следует сделать – продублировать (Ctrl+D) уже готовый круг. Уменьшаем клавишей (<) внутренний круг до значений ширины и высоты 720×720 рх и отображаем его вертикально. При необходимости, круги нужно выровнять между собой по горизонтали и вертикали.

03.Рисуем кнопку в графическом редакторе Inkscape

Далее рисуем кнопку и проводим ту же операцию с дублированием круга. Дублируем внутренний круг и уменьшаем его до размеров 670×670 рх. При помощи радиального градиента, я даю ему зеленый цвет, от светлого к более темному. Центральная точка градиента цвет # aaffaa, цвет боковых точек #00aa00.

04.Рисуем кнопку в графическом редакторе Inkscape

Теперь нужно придать объем кнопке. Вновь дублируем, но уже внутренний зеленый круг и придаем цвет 90% grey. К радиальному градиенту нам понадобятся опорные точки. Нажимаем «Изменить» и в окошке нажимаем один раз «Добавить опорную точку».

05.Рисуем кнопку в графическом редакторе Inkscape

Каждой точке нужно придать свой цвет и прозрачность. Итак, центральная точка будет прозрачная на 100%, опорным точкам придаем цвет 40% grey и также ставим абсолютную прозрачность, а у боковых точек нет прозрачности и цвет 90% grey. Отодвигаем опорные точки, как на рисунке, просто потянув за них мышью.

06.Рисуем кнопку в графическом редакторе Inkscape

В уроке «Рисуем кнопку в Inkscape» осталось только добавить блики. Для этого нужно нарисовать овал, примерно такой формы как на рисунке. У меня он размером 380×190 рх. Обязательно выровняйте его вертикально по отношению к зеленому кругу.

Когда овал готов, нужно залить его белым цветом при помощи линейного градиента. Нижняя точка абсолютно прозрачная, а у верхней значение прозрачности 70%.

07.Рисуем кнопку в графическом редакторе Inkscape

Рисуем второй блик, но чуть по-другому. Создаем овал или дублируем предыдущий, опускаем вниз, как на рисунке. У меня размер 240×90 рх. Желательно выровнять два овала (блика) между собой по вертикали.

08.Рисуем кнопку в графическом редакторе Inkscape

Красим в белый цвет при помощи радиального градиента – центральная точка имеет значение прозрачности 40%, а боковые точки абсолютно прозрачны.

09.Рисуем кнопку в графическом редакторе Inkscape

Все, глянцевая кнопка готова! Сейчас, рисование такой глянцевой кнопки, у меня занимает всего несколько минут, хотя раньше, на нее нужно было гораздо больше времени. Я надеюсь, что вы быстро освоите такие рисунки, и сможете экспериментировать с цветами и формами кнопок. Урок «Рисуем кнопку в Inkscape» закончен, и до встречи в уроках «как рисовать щит» и «как нарисовать папку».

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

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

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