Колба
Нарисуем колбу для создания зелья. Ведьмы будут довольны, пора переходить на современный уровень.
Нарисуем полупрозрачный прямоугольник размером 170х165px и преобразуем в контур (Path | Object to Path). Выделим оба верхних угла и добавим между ними ещё один узел (Insert new nodes into selected segments). Далее берём левый узел и сдвигаем его до созданного узла, удерживая клавишу Ctrl, повторяем операцию с правый узлом. Получим треугольник.
Далее создадим эллипс (Ellipse) размером 170х60px. И создадим ещё два прямоугольника размерами 170х15px и 60х95px. Скомпонуем их вместе, чтобы создать общий набросок колбы.
Выделим все объекты и объединим их (Path | Union). Закруглим некоторые узлы колбы (нижнее основание горлышка и верхняя часть дна) через операцию сглаживания узлов (кнопка Smooth). Можете поиграться с различными вариантами.
Добавим ободок к горлышку колбы. Нарисуем два эллипса размерами 80х30px и 60х20px. Выравниваем их по центру и по нижнему основанию. Далее делаем разницу (Path | Difference).
Теперь создадим прямоугольник размером 60х10px и совместим его с полученным выше объектом по нижнему основанию. Делаем разницу (Path | Difference) и размещаем в верхней части колбы.
Сделайте копию этой фигуры. Выделите копию и саму колбу и сделайте разницу (Path | Difference). В результате получится готовое горлышко.
Добавим подложку под колбу. Нарисуем прямоугольник цвета #00a79dff и поместим под колбу. Самой колбе сделаем цвет #d1d3d4ff.
Наполним колбу жидкостью. Дублируем колбу и поверх неё рисуем прямоугольник. Далее выбираем оба объекта и делаем операцию Path | Intersection. В результате получим область по форме нижней части колбы. Зададим цвет #39b54aff.
Продублируем жидкость. Применим к копии линейный градиент по вертикали. Нижняя опорная точка #009444ff, верхняя опорная точка #39b54a00.
Рисуем эллипс размером 120х20px и размещаем в верхней части жидкости. К нему также применяем вертикальный линейный градиент с опорными точками #39b54aff - #009444ff.
Нарисуем ободок на верхней части жидкости. Для этого дважды продублируем верхний эллипс жидкости. Вторую копию чуть поднимаем вверх, выделяем обе копии и выполняем Path | Difference, останется только часть эллипса. Для наглядности закрасил контрастным цветом. На самом деле полоску нужно закрасить в тон жидкости #39c74aff.
Создадим новый эллипс размером 170х60 и разместим в нижней части колбы. Уберём у эллипса заливку и добавим обводку 1px белого цвета. Нам нужна только верхняя часть эллипса. Переводим объект в контур Path | Object to Path и с помощью инструмента Nodes удаляем нижний сегмент. Оставшейся части присваиваем полупрозрачность 15%.
Добавим несколько пузырьков. Они могут быть разных размеров. Для начала создадим базовый пузырёк с помощью эллипса размером 4х4 и цвета #39b547ff. Продублируйте эллипс, закрасьте копию белым цветом и установите прозрачность 50%, сместите в верхнюю часть первого круга. Пузырёк готов.
Создайте несколько копий пузырька разных размеров и разместите их внутри колбы.
Осталось добавить блеск стекла и другие эффекты. Можете посмотреть на урок для Illustrator и продолжить опыты с объектом.
Результат в SVG.
