Рисуем абстрактный круг

Нарисуем чёрный круг (удерживаем клавишу Ctrl) размером 400х400 пикселей и сделаем его полупрозрачным для удобства. Переведём в контур - Path | Object to Path.

Продублируем круг, уменьшим его размер до 250х250 пикселей, закрасим красным цветом и сделаем выравнивание по центру по вертикали и по нижней границе по горизонтали относительно большого круга.

Выделим оба круга, сделаем повторный щелчок для появления рычагов поворота. Удерживая клавишу Ctrl, повернём фигуры по часовой стрелке за 8 шагов (каждый шаг - 15 градусов).

Продублируем красный круг, закрасим новый круг в синий цвет и сделаем выравнивание, как мы делали с красным кругом до вращения.

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

Снова дублируем синий круг, закрашиваем в зелёный и размещаем в нижней части, как мы делали с предыдущими кругами.

Продублируем большой круг и отложим его в сторону, он нам пригодится позднее.

Выделяем все объекты основной композиции и применяем команду Path | Exclusion.

Получится красивая фигура. Закрасим её красным цветом. Поднимем её выше (Home), чтобы отложенный круг был ниже. Выделим фигуру и круг и соединим вместе через выравнивание.

Продублируем красную фигуру, присоединим к созданной копии чёрный круг и выполним команду Path | Difference. Затем Path | Break Appart.

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

Аналогично поступаем с красной фигурой - Break Appart и проверяем на отдельность фрагментов.

Для наглядности временно отодвинул пару фрагментов в сторону.

Удаляем центральный чёрный фрагмент.

Далее выделяем верхний красный фрагмент, левый чёрный фрагмент и средний левый фрагмент (помечены точками). Применяем Path | Union.

Закрасим получившийся фрагмент синим цветом.

Далее выделяем левый красный, нижний чёрный и средний красный фрагмент. Также объединяем и закрашивем в зелёный цвет.

По аналогии объединяем оставшиеся три фрагмента и закрашиваем в красный цвет.

Общая фигура готова. Осталось добавить градиенты. Сначала убираем полупрозрачность у фигур.

Выбираем красный фрагмент и ставим линейный градиент. Первая опорная точка - #ff0000ff, вторая - 3370000ff.

Также поступаем с другими фрагментами. Для верхнего фрагмента я использовал точки от #4d4d4dff до #fefefeff.

Третий фрагмент: от #001e8eff до #00ccffff.

Финальный вариант в SVG.

Источник

Видеурок от Nick Saporito "Abstract Circle Vector"

Реклама