Кофейный стаканчик

Рисуем полупрозрачный чёрный овал (275х90). Дублируем его и закрашиваем копию красным цветом. Продублируем снова и закрасим синим цветом. Удерживая клавишу Ctrl уменьшаем синий овал, используя верхний рычаг изменения размеров. Опустим овал чуть вниз. Выделяем оба последних овала и применяем операцию Difference.

Coffee Cup

Дублируем чёрный овал, закрашиваем зелёным цветом и помещаем в самый нижний слой объектов. Не снимая выделения, удерживаем клавиши Ctrl и Shift и увеличиваем его размеры (390px) при помощи нижнего бокового рычага. Удерживая Ctrl, опустите фигуру немного вниз.

Coffee Cup

Выбираем чёрный и зелёный овалы, дублируем их и применяем к копии операцию Difference. Закрашиваем получившееся кольцо синим цветом. Дважды применяем к нему операцию Path | Inset.

Рисуем на кольце небольшой овал (отверстие для соломинки). Отцентрируйте его относительно кольца. Выделяем кольцо и созданный овал, применяем Intersection. У нас получилась верхняя часть крышки.

Coffee Cup

Дублируем зелёный овал и опускаем строго вниз. Немного увеличиваем его размеры (ширина 480px). Это нижняя часть крышки. Дублируем овал и временно убираем копию в сторону.

Соединяем верхнюю и нижние овалы крышки при помощи пера, используя прилипание и прямые линии (удерживайте клавишу Ctrl). Постарайтесь использовать боковые точки овалов, которые делят фигуру пополам. Выделите получившуюся трапецию и нижний овал, примените операцию Union.

Coffee Cup

Опустите фигуру в самый нижний слой и закрасьте синим цветом.

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

Продублируйте этот овал, закрасьте красным цветом и опустите его ещё ниже. Затем поместите в самый нижний слой. С помощью пера соединяем два овала, как делали чуть раньше. На этот раз получится прямоугольник. Продублируем красный овал и опустим его вниз (дно стакана). Уменьшите его до размеров верхней части крышки. Вернитесь к верхнему красному овалу, добавьте к нему созданный пером прямоугольник, примените операцию Union. Снова при помощи пера создаём трапецию. Сначала нарисуйте линию, которая делит нижний овал пополам, затем соедините с верхней выступающей частью крышки, учитывая его крышки (немного отступите от края).

Coffee Cup

Выбираем трапецию и нижний овал, применяем операцию Union. Закрашиваем фигуру зелёным цветом и помещаем в самый нижний слой.

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

Coffee Cup

Выбираем чёрный овал на крышке и делаем его серым (40% Gray). Устанавливаем линейный градиент от #999999ff до #e0e0e0ff. Аналогично выбираем верхний овал крышки и применяем такой же градиент, только в обратном порядке.

Выбираем красную внутреннюю кайму и отверстие для соломки, делаем их чёрными и полупрозрачными (40%).

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

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

Результат в SVG.

По мотивам видео Inkscape Tutorial: Vector Coffee Cup

Дополнительные материалы

Coffee Cup in Inkscape

Реклама