Чашка кофе
Начнём с блюдца, на котором стоит чашка кофе. Блюдце будет состоять из пяти различных эллипсов. Выберите инструмент Ellipse (F5). Затем нарисуйте эллипс, примерно таких же пропорций, как на рисунке ниже. Уберите обводку.
Теперь нужно заполнить эллипс радиальным градиентом. Во вкладке "Fill" диалогового окна "Fill and Stroke" нажмите на кнопку "Radial gradient". Inkscape автоматически заполнит фигуру градиентом, по умолчанию, меняющимся на прозрачный.
Нам нужен градиент с двумя оттенками серого цвета. Выбираем инструмент "Gradient", чтобы включить режим редактирования для созданного градиента на верхней панели настроек.
Выбираем первую опорную точку в центре эллипса и в том же диалоговом окне устанавливаем для него цвет RGBA: ddddddff (светлый оттенок серого). Второй опорной точке задайте более тёмный оттенок серого (b2b2b2ff). Цвета должны быть полностью непрозрачными.
Настроим размер и центр градиента относительно эллипса. Перетащите метки градиента, как показано на рисунке ниже. Первый эллипс готов.
Следующий эллипс образует белый край вокруг блюдца. Продублируйте первый эллипс (Ctrl+D). Затем залейте его светло- серым цветом (f2f2f2ff) в окне "Fill and Stroke". Сдвиньте его на пару пикселей ниже, чем первый эллипс, и переместите назад через "Object | Lower".
Чтобы лучше видеть созданные объекты, можно дополнительно создать тёмный фон и поместить их в самый низ для контраста.
Приступим к тёмно-серому основанию блюдца. Ещё раз продублируйте один из уже существующих эллипсов. Затем залейте его другим градиентом, из двух темно-серых оттенков (2b2b2bff и 666666ff). Сдвиньте центр градиента вниз, к нижней части эллипса. Основание не должно быть столь же широким, как остальное блюдце. Нажмите F1 и немного отодвиньте левую и правую сторону эллипса, чтобы его "сплющить".
Используйте клавишу Shift, тогда при перетаскивании одной из сторон, обе стороны будут перетаскиваться сразу и в равной степени. Также оттяните чуть-чуть нижнюю часть эллипса, чтобы получить правильную кривую нижней части блюдца.
Сдвиньте эллипс вниз на несколько пикселей и нажмите "Page Down" несколько раз, чтобы расположить эллипс под двумя остальными. У вас должно получится что-то похожее на картинку ниже.
Теперь нам нужно создать центр блюдца. Нарисуйте эллипс поменьше (или выберите верхний эллипс и уменьшите его). Откройте диалоговое окно "Fill and Stroke" (Ctrl+Shift+F). Залейте созданный эллипс ровным серым цветом (979797ff).
На вкладке "Stroke paint" укажите обводке "Flat color" цвет b7b7b7ff. На вкладке "Stroke style" установите ширину около 3px. Фактический размер обводки будет варьироваться, в зависимости от того, насколько большими вы нарисовали свои эллипсы.
Блюдце почти готово. Последний штрих заключается в добавлении размытой тени. Продублируйте самый нижний эллипс (тёмно-серая основа). Сделайте размытие на 10% (Blur). Поместите его ниже всех других объектов.
Блюдце готово! Чтобы было легче выделять блюдце в дальнейшем, можно сгруппировать пять эллипсов. Выделите их все, и нажмите Ctrl+G.
Теперь приступим непосредственно к чашке кофе!
Начнем с отрисовки двух фигур при помощи инструмента "Bezier Curves/Кривые Безье" (Shift + F6). Нарисуйте одну для лицевой стороны чашки и одну для внешнего края. Эти фигуры должны совпадать по ширине и количеству кривых. Рекомендуется включить отображение сетки в помощь для рисования линий (Shift + #).
Заметьте, что обе фигуры имеют одинаковую длину кривой. А нижняя часть края совпадает с лицевой стороной чашки, и имеет одинаковый изгиб кривой. Синие цифры, отмеченные на рисунке ниже, показывают в каком порядке были созданы точки/кривые.
При все ещё включенной сетке, поместите край чашки прямо на лицевую сторону. Удалите обводку у обеих фигур. Залейте фигуру края чашки (которая выглядит как эллипс) сплошным серым цветом (e6e6e6ff). Залейте лицевую сторону чашки радиальным градиентом, которой из цвета ecececff в центре переходит в цвет bdbdbdff. Затем разместите центр градиента сверху фигуры с чашкой, как показано ниже.
Сделайте дубликат фигуры с краем чашки, немного измените размер, чтобы создать ширину края. Задайте этой фигуре тонкую серую обводку (d6d6d6ff) и радиальный градиент от ecececff к bdbdbdff. Затем перетащите метки градиента, чтобы они совпадали с картинкой ниже.
Следующий шаг - создание напитка внутри чашки. Нам нужно создать эллипс для кофе.
Продублируйте маленький эллипс края чашки и опустите вниз. Залейте коричневым цветом. Затем снова продублируйте эллипс, который составляет внутреннюю часть края. Выберите два созданных эллипса. В меню выберите Path | Intersection (Контур/Пересечение) или Ctrl+*.
У вас должна получится такая фигура, будто в кружке налито кофе. Теперь вы можете залить её радиальным градиентом, использую два (или более) оттенка коричневого.
Создать ручку для кружки будет совсем просто. Используйте инструмент кривые Безье, чтобы создать фигуру, более менее похожую на ручку, показанную ниже. Задайте ей тонкую светло-серую обводку и залейте линейным градиентом от левого нижнего в правый верхний угол, используя два оттенка серого (bdbdbdff и ecececff). Теперь поместите ее за чашку.
Чтобы сделать чашку привлекательной, добавим несколько синих полос.
Создаем эллипс, примерно тех же размеров, что и край чашки кофе. Затем заливаем любым цветом (без обводки). Дублируем эллипс, помещаем его ниже первого и тянем немного вниз. Затем правим стороны. Для понимания эллипсы залиты разными цветами, чтобы можно было увидеть, как это должно выглядеть в итоге.
Выделяем оба эллипса, переходим в меню Path | Difference/Контур | Разность (Ctrl + -). Получим красивую кривую. Залейте новую фигуру любым цветом, продублируйте несколько раз и разместите в разных местах по желанию, подгоняя размеры.
создадим отражение на одной из сторон нашей чашки. Нарисуйте фигуру, как показано ниже, при помощи инструмента "Кривая Безье". Закрасьте её белым и установите прозрачность в значение 90. Разместите её сверху лицевой стороны чашки и цветных полос.
Горячий кофе даёт пар. Нарисуйте маленький белый эллипс. Сделайте его полупрозрачным, и сделайте сильное размытие у контура. Поместите его выше кофе.
Теперь создадим тонкий след пара. Создаем фигуру с помощью кривой Безье как показано ниже. Закрашиваем её светло-коричневым или золотым цветом, устанавливаем полупрозрачность и размытие.
Наша чашка кофе готова! Сгруппируйте все фигуры, из которых состоит чашка.
Поместим чашку над блюдцем. Добавим небольшую тень под чашкой. Просто нарисуйте маленький черный эллипс и сделайте размытие.
Мой вариант после первой попытки в SVG
На основе урока Creating a Coffee Cup with Inkscape