Inkscape — Урок 2: Объёмные фигуры

Введение и обзор интерфейса

Привет, ребята! Добро пожаловать во второй ролик по векторному редактору Inkscape. Мы продолжаем осваивать векторную графику. Обязательно посмотрите первый ролик, если ещё этого не сделали, ссылка в описании. С момента выхода первой части прошло уже достаточно большое количество времени, и с тех пор Inkscape пережил полноценный релиз версии 1.0, а актуальная версия в настоящий момент — 1.1, поэтому смело обновляйтесь.

Давайте быстренько вспомним, что у нас находится на экране. Посередине мы видим холст, по умолчанию это страница формата А4. В процессе рисования мы можем вылезать за границы этого листа, он существует для того, чтобы мы могли примерно ориентироваться, какого размера изображение будет при печати.

Слева находится панель инструментов — самая важная часть интерфейса. Внизу находится палитра, которую можно прокручивать, а под ней мы видим строку состояния. Справа мы видим ещё две панели — панели свойств. Например, здесь мы можем отрегулировать свойства заливки и обводки или свойства шрифта. С их помощью мы можем выбрать то, как будут взаимодействовать между собой элементы графики. Сейчас я это закрою, вернёмся к этому позже.

Создание объёмных фигур

В прошлый раз мы с вами рисовали стрелочку и сердечко. Стрелочка при этом была абсолютно плоская, а вот сердечко имело блик и цветовой градиент, что намекает на то, что оно было немного объёмным. Сегодня мы уделим всё наше внимание объёмным фигурам.

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

Первое, что нужно сделать, — нарисуем круг. Для этого воспользуемся инструментом для рисования кругов, эллипсов и дуг. Зажав клавишу Ctrl, начинаем растягивать. Клавиша Ctrl позволяет нам быть уверенными в том, что мы нарисуем настоящий круг, а не вытянутый эллипс. Отпускаем левую кнопку мыши и с клавишей Ctrl получаем вот такую фигуру.

Как и в случае с сердечком в предыдущем уроке, самый простой способ для придания объёма некоторой фигуре — это создание блика с помощью некоторого градиента. В нашем случае это, конечно же, круговой градиент.

Настройка цвета и градиента

Чтобы настроить цвет фигуры, нам понадобится панель инструментов, которая называется «Заливка и обводка». Её можно вызвать с помощью горячей клавиши Ctrl+Shift+F либо через меню «Объект» — «Заливка и обводка». Там же находится подсказка по горячим клавишам.

В панели свойств в первую очередь мы видим способ заливки. По умолчанию это сплошной цвет. Чуть ниже вы можете выбрать удобную для вас палитру. Мне больше всего нравится цветовой круг, он позволяет быстрее всего выбирать цвет. Чуть ниже выбранной вами палитры находится регулировка альфа-канала или непрозрачности. То есть при желании мы можем делать фигуры прозрачными, накладывать их друг на друга и так далее.

Итак, нам нужно покрасить шар в основной цвет и добавить блик от источника освещения. Для этого включаем радиальный градиент и видим, как менялось изображение нашего круга. Принцип работы радиального градиента мы рассматривали в предыдущем уроке. Но давайте быстренько напомню: мы используем инструмент изменения узлов, горячая клавиша F2 или N.

Для того чтобы задать основной цвет нашего шара, выделяем одну из точек, находящихся на краях отрезка, например, вот эту. Выбираем цвет. Я хочу, чтобы мой шарик был чёрного цвета. Выделяю чёрный цвет на цветовом круге и проверяю альфа-канал. Сейчас непрозрачность равна 0. Это значит, что по краям градиент прозрачный. Ставим непрозрачность 100% — видим, как градиент прокрасился. То есть у нас есть чёрный шар с зелёным бликом.

Если хотите, вы можете так или иначе двигать вот эти две опорные точки, чтобы регулировать, как будет выглядеть ваш градиент. Центральная точка отвечает за то место, где будет располагаться самая яркая часть вашего градиента, и, конечно же, за её цвет. В моём случае пусть это будет какой-нибудь насыщенный синий цвет, традиционный для сувенирных игрушек — шаров предсказаний. Если хотите, можете немного растянуть градиент по сторонам, чтобы он был побольше, в зависимости от того, как вы считаете, располагается ваш источник освещения и насколько он ярк.

Добавление деталей: шар предсказаний

Раз уж я заговорил о шариках с предсказанием, то давайте попробуем нарисовать здесь ещё один кружочек, в котором впишем восьмёрку, чтобы шарик выглядел ещё более аутентично. Включаем инструмент рисования кругов, горячая клавиша E, и рисуем ещё один круг, зажав кнопку Control.

Используем инструменты трансформации, горячая клавиша F1 или S. Двигаем на нужное место и регулируем размер. Пожалуйста, не забывайте зажимать кнопку Control, чтобы не нарушить пропорции. Обратите особое внимание на то, что маленький кружочек не должен вылезать за границы нашего большого шара.

Обычно такие кругляши у нас белого цвета, но у нас же объёмный шар, поэтому нам понадобится линейный градиент вот такой. Давайте его отредактируем, чтобы он был под правильным углом. Переключаемся на инструмент изменения узлов, горячая клавиша F2 или N. Отрегулируем градиент таким образом, чтобы угол падения света соответствовал углу падения на наш основной шар. Вот примерно так. При этом градиент может уезжать за границы вашего объекта для того, чтобы правильно обыгрывать перепад между светом и тенью.

Как-то так. Мне не нравится цвет, я, пожалуй, поменяю цвет градиента на белый.

Настройка градиента на шаре

Используем инструмент изменения узлов, горячая клавиша F2 или N. Отрегулируем градиент таким образом, чтобы угол падения света соответствовал углу падения на наш основной шар. Вот примерно так. При этом градиент может уходить за границы вашего объекта для того, чтобы правильно обыгрывать перепад между светом и тенью.

Мне не нравится цвет, я, пожалуй, поменяю цвет градиента на белый. Вот так. А здесь тоже белый, но более прозрачный. То есть непрозрачность нижней части градиента будет 0%, в верхней части — 100%. Если хотите, можете подкрасить каким-нибудь цветом. Таким образом у нас получается вот что-то такое. Вообще-то мне не нравится размер, сделаем немножко побольше. Зажимаем Ctrl, не забываем.

Работа с текстом и трансформация объектов

Давайте сделаем надпись, поставим цифру 8. Включаем инструмент работы с текстом, горячая клавиша T. Кликаем в любом пустом месте и пишем цифру 8. После этого открываем панель свойств шрифта и выбираем подходящий нам шрифт. Ну, давайте, например, Arial. Не забываем нажать кнопку Apply, применить.

Если хотите, вы можете изменить размер шрифта прямо здесь. Но я предлагаю использовать для этой цели инструмент трансформации, горячая клавиша F1. Обязательно зажимаем Ctrl, чтобы не нарушить пропорции. Делаем побольше и двигаем в нужное место. Здесь можем подвинуть до нужного размера.

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

Создание и редактирование блика

Теперь точно так же, как мы делали с сердечком, добавим блик, только сейчас он будет чуть более прозрачным и не такой мультяшный, как в прошлый раз. Используем инструмент для рисования кругов. На палитре сразу выберем белый цвет, чтобы было удобнее, и начнём рисовать прямо поверх нашего шара.

Если при растягивании вы ничего не видите, а после того, как отпустили левую кнопку мыши, видите, что рамка объекта есть, а самого объекта нет, переключаемся в меню «Заливка и обводка» и проверяем альфа-канал. В настоящее время альфа-канал у нас равен нулю, а значит, это полностью прозрачное изображение. Поставим непрозрачность 100% и увидим, как наш элемент проявится.

Теперь нужно превратить его в контур для того, чтобы можно было редактировать его узлы. Для этого в меню «Контур» используем функцию «Оконтурить объект», горячая клавиша Ctrl+Shift+C. Включаем инструмент для работы с узлами и видим 4 узла, из которых состоит наш овал. Каждый из них мы можем подвинуть так, как нам нужно.

Чтобы было лучше видно, я немного увеличу масштаб. Зажимаем Ctrl и крутим колесико мыши. С помощью инструмента изменения узлов хватаем верхний узел и тащим его к краю нашего шара. По идее, сейчас он должен был прилипнуть, но этого не произошло. Это говорит о том, что у нас не включено прилипание.

Сейчас нам нужен вот этот элемент. Его включение будет означать, что узлы начнут прилипать к кривым линиям, например, к контуру нашего круга. Включаем и тащим. Как видите, вот прилипание, как раз с подсказкой: «сглаженный узел к точке квадранта». Продолжаем работать с нашим бликом, немного растянем его вот таким вот образом, и нижний узел подвинем вот сюда, чтобы отобразить объем.

Обратите внимание, что у каждого узла есть вот такие направляющие, которые позволяют нам регулировать степень кривизны линий. Отредактируем, как считаем нужным. Вот что-то такое примерно. Не забывайте, что если у вас что-либо пошло не так, то всегда существует горячая клавиша Ctrl+Z, которая отменяет последние действия, либо меню «Правка» — «Отменить».

Финальная настройка и группировка

Пусть вот такой блик у меня получился. Теперь, конечно же, стоит настроить градиент. То есть у нас сейчас выбран этот объект. Включаем меню «Заливка и обводка», выбираем линейный градиент и редактируем его, как считаем нужным. В первую очередь двигаем точки градиента. Проще всего сделать просто белого цвета с непрозрачностью 100% сверху и 0% внизу, тоже белого цвета. Просто отрегулировать расположение градиентов примерно таким образом.

Сейчас, когда я смотрю на этот блик, я думаю, что имеет смысл сделать еще вот так. Отредактируем немного верхний узел и его направляющие. Вот таким вот образом. Да, вот так как-то больше похоже.

Давайте сделаем вот этот вот кругляш с цифрой 8 побольше для того, чтобы блик залезал прямо на него. Сделаем следующим образом: выделим белый круг, зажмем Shift и кликнем на восьмерку. Это позволит нам выделить два объекта сразу. Правый клик — «Сгруппировать». Теперь это группа, состоящая из двух объектов, и мы можем одновременно их изменять. Зажимаем Ctrl и делаем размер побольше. Вот такой. Немножко смещаем вниз.

После этого возвращаемся к редактированию узлов нашего блика и делаем их вот такими, для того чтобы блик немного залезал даже на белый кругляш с цифрой. И еще немного увеличим восьмерку. Вот так, по-моему, неплохо. Ctrl + колесиком позволит нам уменьшить масштаб и оценить в целом, что у нас получилось. Очень даже прилично и приятно.

Мы же с вами видим, что блик у нас сверху, значит, свет падает сверху, а значит, на поверхность под шаром должна падать тень. При этом тень должна находиться практически под самим шаром, потому что свет падает практически вертикально сверху.

Создание тени

Тень мы создадим из самого обычного эллипса черного цвета. Рисуем черный эллипс прямо под нашим шаром. Опять видим, что у него непрозрачность 0. Ставим её 100%. На всякий случай отключаем прилипание к кривым линиям.

Переключаемся в режим трансформации. Горячая клавиша — F1. И теперь остается сделать ровно две вещи. В первую очередь включаем размытие. Параметры размытия находятся в самом низу панели «Заливка и обводка». Степень размытия выбирайте сами, как считаете нужным. Соответственно, если вы хотите, вы всегда можете увеличить размер или немного подвинуть изображение.

Обратите внимание, что сейчас эллипс, который у нас изображает тень, находится над нашим шаром, поэтому он будет затенять шар тоже. Это не очень здорово, поэтому нам нужно его отправить на задний план, чтобы он не залезал на все остальные фигуры. Для этого в меню «Объект» выбираем пункт «Опустить на задний план». Горячая клавиша — Ctrl+[ .

Посмотрите, сейчас у нас тень находится за объектом. Сейчас мы её располагаем в нужном месте. Если вы хотите работать с размерами симметрично, вы можете зажать Shift при изменении размера. И таким образом вы будете тянуть не с одной стороны к центру, а с обеих.

Готово! Я думаю, получилось вообще отлично. Обязательно сохраняем нашу работу с помощью меню File — Сохранить как или горячей клавиши Ctrl+Shift+S. Сохраняем на рабочий стол. Обязательно сохраняемся.

Подготовка к работе над карамелькой Chupa Chups

Можем приступать ко второй части нашей работы, а именно — карамельке Chupa Chups. Окинем взглядом наш лист и сделаем ещё одну вещь, которая позволит нам комфортно работать над вторым изображением, не испортив первого. Выделяем всё, что мы нарисовали до этого, правой кнопкой — «Сгруппировать». И теперь эта группа будет неизменной, мы можем её унести в сторону, чтобы она нам не мешала. Позднее мы можем вернуть это обратно на лист, если захотим распечатать.

По большому счёту, изображение карамельки Chupa Chups ничем не отличается от всего того, что мы уже делали. Просто собирает все действия в одном изображении и немножко их усложняет.

Начнём, конечно же, с круга. Зажимаем Ctrl и делаем вот такой круг. Давайте сразу его покрасим в какой-нибудь весёленький оранжевый цвет. Как мы все знаем, карамелька Chupa Chups представляет собой не идеальный шар на палочке, а шар с некоторым утолщением посередине. Давайте это утолщение сейчас и нарисуем.

Для этого воспользуемся инструментом для рисования прямоугольников. Я нарисую прямоугольник где-нибудь вот здесь. Давайте покрасим его в другой цвет, чтобы визуально отделять его от основной части карамельки.

Формирование формы и выравнивание

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

Переключаемся в режим трансформации. Выделяем два этих объекта. И сейчас нам их нужно расположить таким образом, чтобы они находились ровно по центру друг от друга. Для этого у нас есть меню «Объект», «Выровнять» и «Расставить», либо на панели справа, либо горячей клавишей Ctrl+Shift+A. Нам понадобится та часть, которая отвечает за выравнивание. Выравниваем с помощью ориентира «область выделения» по вертикали и по горизонтали. Произошли совсем несущественные изменения, но зато теперь у нас всё отлично отцентровано.

Теперь объединяем эти два объекта в один. Выделяем их с помощью инструмента трансформации. Контур — объединить, либо горячая клавиша Ctrl+K. С помощью палитры вернём весёленький оранжевый цвет. Переключаемся в меню «Заливка и обводка» и включаем радиальный градиент, как мы делали только что с нашим шаром. И редактируем его так, как считаем нужным. Задаем цвет самой яркой части и окружающие цвета, которые, по идее, должны быть немного темнее. Не забываем выставлять альфа-канал. Опять же, если хотите, можете немного растянуть градиент и подвинуть его так, как считаете необходимым. Вот таким образом.

Построение кривых линий

Давайте немного увеличим масштаб: Ctrl и колесико. Сейчас нам нужно построить две кривые линии, которые обозначат нам выпуклость вот этой средней части. Для этого воспользуемся инструментом для построения кривых, горячая клавиша — B.

Чтобы всё у нас было красиво и симметрично, нам понадобятся два вида прилипания, а именно: прилипание к контурам кривых, которые мы уже использовали, и прилипание к пересечениям путей. Обратите внимание, что у нас здесь пересечение вот этой кривой и вот этого прямоугольника с закругленными краями. Значит, вот это пересечение нам понадобится. Кликаем в него и кликаем на такое же пересечение с другой стороны. Чтобы закрепить результат, нажимаем клавишу Enter. И получаем вот такую полосочку.

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

Поиск центра и создание узла

К счастью, сейчас у нас включено прилипание к кривым линиям, а значит, мы можем подтянуть эту направляющую вот сюда, к центру нашего кругляша. Теперь мы точно знаем, где у нас центр. Убеждаемся, что у нас включён режим редактирования узлов. Видим пересечение вот этих двух прямых линий, то есть направляющей и линии, которую мы только что нарисовали.

Давайте ещё немного увеличим масштаб, чтобы было получше всё это рассмотреть. И два раза кликаем вместо пересечения, тем самым добавляя там узел. Обратите внимание, что узел не всегда сразу попадает на место пересечения, поэтому имеет смысл схватить его левой кнопкой и немножко подтащить — таким образом он приклеится точно в нужное место. После этого немного подтягиваем узел вверх.

Таким образом, ничего страшного, если линия окажется ломаной линией, это не проблема. Чтобы удалить направляющую, нужно просто унести её обратно на линейку.

Превращение ломаной линии в кривую

Как превратить ломаную линию в кривую, мы знаем, потому что уже так делали, когда рисовали сердечко. С помощью инструмента редактирования узлов выделяем наш узел и нажимаем кнопку «сделать выделенные углы сглаженными».

После этого переключаемся в режим трансформации и нажимаем горячую клавишу Ctrl+D, тем самым создавая копию нашей полосочки. Копия автоматически выделяется, и мы можем подвинуть её вниз, потому что нам точно такая же полосочка нужна для изображения нижней части нашей выпуклости. Обратите внимание, что точка пересечения уже приклеилась к нужным нам местам. Сделаем масштаб поменьше. Уберу направляющую, она нам точно больше не нужна.

Настройка градиента для контура

Конечно же, в реальной жизни эти полосочки никак не могут быть просто чёрными, поэтому нам нужно их покрасить. Выделяем верхнюю с помощью инструмента трансформации, открываем меню «Заливка и обводка».

И сейчас, обратите, пожалуйста, внимание: если мы с вами включим просто линейный градиент, то мы сейчас будем работать с заливкой фигуры, которая образована верхней ограничивающей линией и нижней частью вот этого блока. Если мы её покрасим в какой-нибудь цвет, выглядеть это будет вот так. Это не то, что нам нужно. Нам нужно отключить заливку, потому что это не фигура, это у нас контур. А раз это контур, то у него есть только обводка. Включаем обводку и переключаемся на линейный градиент. И видим, в принципе, вот как раз то, что нам нужно.

Редактируем градиент, как обычно, с помощью инструмента работы с узлами. С той разницей, что у нас сейчас есть горизонтальный градиент, состоящий из двух точек. Так как у нас фигура представляет собой выпуклость, чтобы градиент выглядел правильно, нам понадобится добавить ещё одну опорную точку, которая будет находиться где-то примерно посередине, и в этом месте градиент будет ярче, чем на краях.

Добавление опорной точки градиента

Чтобы добавить опорную точку градиента, нам понадобится вот эта еле-еле заметная кнопочка из мини-градиента. Она здесь есть, она нигде больше не продублирована, и у неё нет горячей клавиши, поэтому придётся найти её прямо здесь. Кликаем. И видим, что наш курсор принимает вот такой вид. Как только мы наведём курсор на линию нашего градиента, там появится значок «плюсик». Это значит, что мы можем в этом месте добавить опорную точку.

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

Работа с нижней полосочкой

Для работы с нижней полосочкой есть два варианта: либо решить, что мы поспешили, удалить нижнюю полосочку и ещё раз скопировать верхнюю, тем самым получив точно такое же изображение, либо потратить немного больше времени для того, чтобы правильно настроить градиент, потому что на самом деле снизу-то он будет, конечно, отличаться, просто потому что сверху у нас есть блик, а снизу такого блика нет.

Второй вариант более художественный, первый вариант более быстрый. Именно его-то я и выберу. Поэтому просто удалю нижнюю полосочку, выделю верхнюю, нажму Ctrl+D для того, чтобы сделать её копию, и отправлю эту полоску вниз, убедившись, что она прилипла к нужному пересечению и выглядит симметрично.

Создание блика и настройка прилипания

По аналогии с шаром добавим блик: используем инструмент Ellipse белого цвета, нарисуем его где-нибудь здесь, инструмент трансформации, контур, «оконтурить объект», горячие клавиши Control+Shift+C, инструмент работы с узлами, и делаем наш контур похожим на настоящий блик.

Если потребуется, выбираем, что к чему должно прилипать. Обратите внимание, что сейчас узел не прилипает к верхней части, потому что у нас сейчас выбрано «Прилипание не ко всему подряд». Нам понадобится ещё вот эта опция: «Прилипание», «Прилипание к путям», таким образом, узлы будут прилипать к любой точке, любой линии, находящейся у вас на изображении.

Вот, например, прилипание к нашему прямоугольнику с закругленными краями, вот прилипание к верхнему контуру, вот прилипание к нашей линии, вот прилипание ко всему остальному. Поэтому включайте то прилипание, которое считаете нужным. После этого прилипание можно отключить, если оно вам мешает. Убеждаемся, что у нас блик в нужном направлении движется. После этого настраиваем градиент, включаем меню «Заливка и обводка», выбираем...

Работа с карамелькой

Делаем заливку, потому что обводка нам сейчас не нужна — мы работаем не с линией. Включаем линейный градиент и настраиваем его таким образом, чтобы свет падал чуть сверху и справа. Если подумать, то, возможно, имеет смысл сделать здесь даже такой градиент и просто сделать его пошире.

На этом работа с карамелькой заканчивается. И прежде чем мы перейдем к работе с палочкой, нужно обязательно сгруппировать все эти элементы. Используем инструмент трансформации: выделяем все нарисованные нами объекты, правой кнопкой — «Сгруппировать».

Рисование палочки

Снова немного увеличим масштаб и начнём рисовать палочку. Палочка у нас будет состоять из прямой линии. Нарисуем её где-нибудь здесь. Если нам нужно нарисовать действительно вертикальную линию, зажимаем Ctrl. Кликаем в нижней точке, и чтобы сохранить изменения, нажимаем клавишу Enter.

Можно было бы нарисовать прямоугольник, но в этом нет большого смысла, и вот почему. Смотрим в меню «Заливка и обводка», переключаемся в режим «Стиль обводки», и здесь с легкостью настроим всё, что нам необходимо. Например, толщина у нас будет 3 миллиметра, нажимаю Enter, проверяем. Можно изменять вручную, можно задать число заранее, можно выбрать пунктирные линии, но это не то, что нам нужно.

Конечно же, линия у нас будет сплошной. Маркеров у нас сейчас никаких нет, тип соединения отсутствует, поэтому он нам не важен, а концы мы выберем округлые. Переключаемся в режим трансформации и двигаем палочку на нужное место. Видим пересечение с нижним углом. Здесь нам не понадобится инструмент для выравнивания, потому что мы точно знаем, что это определённо самая нижняя точка нашего круга. Поэтому оставляем её здесь.

Настройка градиента на палочке

Переключаемся в свойства обводки и задаём линейный градиент. Давайте его немного рассмотрим. Сделаем это поближе. Включаем режим редактирования узлов. Нам понадобится несколько опорных точек, чтобы создать объём круглой палочки. Как минимум одна точка нам понадобится. Нажимаем «изменить градиент» и добавляем опорную точку где-нибудь вот здесь.

Переключаемся в режим изменения узлов. Этот узел у нас будет самым ярким, он будет полностью непрозрачным и абсолютно белым. Крайние точки будут тоже белыми, тоже полностью непрозрачными. Сейчас можно воспользоваться цветовым кругом, чтобы дать им немного серого оттенка. То же самое справа.

Мы можем регулировать наш градиент с помощью перемещения этого узла. Если вдруг он у вас резко примагничивается прямо к центру, то вы можете всегда отключить ненужное прилипание, и всё будет в порядке. Чтобы градиенты были более плавными, можно растянуть опорные точки в стороны и получить вот такое изображение.

Корректировка размера и положения

Уменьшим масштаб горячей клавишей 1. Это позволит нам вписать наше изображение в экран. Как видите, сейчас палочка наезжает на наше изображение. Выделяем её с помощью инструмента трансформации и нажимаем горячую клавишу End для того, чтобы убрать её под изображение карамельки.

Сейчас я смотрю на это и думаю, что, пожалуй, палочка-то могла бы быть побольше. Давайте немного увеличим её размер. Вернёмся в стиль обводки и зададим толщину обводки 8, а лучше 10 мм. Увеличиваем длину, чтобы не казалось, что палочка совсем маленькая.

Обратите, пожалуйста, внимание, что сейчас вот здесь заметно скругление. Это не очень хорошо, поэтому имеет смысл немного подвинуть вверх. Используйте прилипание. Если у вас что-то куда-то не прилипает, то для того, чтобы гарантированно сдвигать вверх, вниз, влево или вправо, используйте стрелочки на клавиатуре. После этого немного ещё отредактируем градиент, чтобы он соответствовал теперь новому размеру.

Создание тени и финальная сборка

И последнее, что осталось сделать, — добавить тень, которую отбрасывает кругляш на нашу палочку. Для этого делаем копию палочки, переключаемся в режим редактирования узлов, чтобы отредактировать градиент. Двигаем его следующим образом: сверху у нас будет темнее, снизу — практически светлой, можно даже оставить прозрачной. Верхней точке это будет абсолютно непрозрачный чёрный цвет. Центральную точку удаляем с помощью клавиши Backspace.

Нам нужно отправить вторую палочку на задний фон, чтобы она накладывалась на первую палочку, но была всё ещё ниже, чем кругляш. Для этого используем меню «Объект» — «Опустить» или горячей клавишей Page Down столько раз, сколько потребуется.

Комбинируя расположение этих элементов, мы можем добиться вот такого замечательного эффекта. То есть у нас сейчас есть две палочки. Одна с вертикальным градиентом, то есть которая задаёт нам весь цвет, и одна, которая накладывается на неё с вот этой тенью. А сверху на них наложен наш кругляшек. Вот он находится здесь.

Если разобрать изображение по частям, оно выглядит вот так: эти три изображения наслаиваются друг на друга. Давайте соберём всё это обратно. Горячей клавишей Ctrl+Z всё возвращается на свои места, и мы видим готовую, завершённую работу.

Сохранение проекта

Последнее, что нужно сделать по привычке: выделяем всё инструментом трансформации, правый клик, «Сгруппировать». Размещаем всё это на листе, выбираем нужный размер, не забываем зажимать Control, чтобы не нарушить пропорции. Оставляем изображение на листочке, и теперь оно готово к печати.

После того как всё разместили, обязательно сохраняемся: горячая клавиша Control+S или «Файл» — «Сохранить». Вот что у нас сегодня с вами получилось. Давайте ещё раз быстренько пробежимся по тому, что мы сегодня делали. Мы сегодня строили объекты из самых примитивных...

Завершение работы и сохранение

Сгруппировать всё это. Размещаем всё на листе, выбираем нужный размер, не забываем зажимать Control, чтобы не нарушить пропорции. Оставляем изображение на листочке, и теперь оно готово к печати.

После того как всё разместили, обязательно сохраняемся: используйте горячую клавишу Control+S или перейдите в меню «Файл» — «Сохранить». Вот что у нас сегодня с вами получилось.

Итоги урока

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

Также мы рисовали блики, ломаные и кривые линии, а также добавляли на изображение текст. Спасибо, что посмотрели. Надеюсь, узнали для себя что-то полезное. Если что-либо было непонятно, спрашивайте в комментариях.

Обратная связь и планы

Прошу прощения, что пропал на несколько месяцев. Сейчас я постараюсь ответить на все ваши комментарии к предыдущим роликам. Если что-то будет непонятно, задавайте вопросы.

Если у вас есть пожелания и предложения относительно будущих роликов, смело пишите в комментариях или пишите мне на почту. Всем спасибо, пока!