Властелин колец

Рисуем чёрный эллипс с размерами 350х225 пикселей. Делаем его полупрозрачным.

Дублируем эллипс (Ctrl+D) и закрашиваем красным. Удерживая клавишу Ctrl, сдвигаем красный эллипс вверх.

Дублируем красный эллипс и закрашиваем его синим цветом. Зажимаем Ctrl и Shift и уменьшаем синий эллипс.

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

С помощью Shift выберите полученный прямоугольник и нижний чёрный эллипс. Далее Path | Union.

Далее дублируем красный эллипс, присоединяем к копии чёрный эллипс, далее Path | Difference.

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

Дублируем синий эллипс, присоединяем к копии зелёную фигуру и выбираем Path | Intersection.

Далее выбираем синюю и красную фигуры, далее Path | Difference.

Мы получили заготовку кольца. Убираем полупрозрачность и закрашиваем в жёлтый цвет #ba9500ff.

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

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

Теперь выберем внутреннюю часть кольца и присвоим цвет a07b00ff. Применяем линейный градиент и убираем прозрачность у второй опорной точки. Присвоим опорной точке цвет 604a00ff.

Создайте полупрозрачный красный прямоугольник, рядом с ним разместите прямоугольник поуже. Объедините их через Path | Union. Продублируйте фигуру из двух прямоугольников и разместите на внутренней стороне кольца. Они пригодятся для создания бликов.

Дублируем нижнюю часть кольца, присоединяем к копии фигуру из прямоугольников, далее Path | Intersection. На нижней стороне должные остаться часть от прямоугольников - блики. Закрашиваем их в белый цвет и делаем полупрозрачными около 30%.

Аналогично повторяем с внутренней стороной кольца - дублируем, присоединяем прямоугольники, Path | Intersection. Получившийся блик закрашиваем в чёрный цвет с прозрачностью 20%.

Группируем все объекты. Кольцо готово.

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

Вернитесь к первому кольцу и поверните его против часовой стрелки за три шага.

Перетащите второе кольцо на первое. Убедитесь, что в центре есть зазор в виде маленького треугольника между кольцами.

Снимите группировку у верхнего кольца. Продублируйте нижнее кольцо и снимите группировку у копии. И сразу примените операцию Path | Union. Закрасьте фигуру красным цветом и сделайте полупрозрачной.

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

Выделяем полученный четырёхугольник и красную фигуру, далее Path | Intersection. На кольце останется красный фрагмент.

Дублируем красный фрагмент, присоединяем к нему верхнее кольцо, далее Path | Difference.

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

Должно получиться два сцепленных кольца.

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

У верхнего кольца выделяем внешнюю сторону и толщину, дублируем и объединяем Path | Union. Закрашиваем в чёрный цвет.

Схожую операцию проводим с нижним кольцом, только выделяем толщину и внутреннюю часть кольца, затем дублируем и объединяем их.

Не снимая выделения, присоединяем чёрную фигуру и выполняем Path | Intersection. Образовавшуюся чёрную фигуру сдвигаем и делаем полупрозрачной (18%). Далее опускаем вниз под другие объекты за четыре шага. Получится тень от верхнего кольца.

Снова выбираем толщину и внутреннюю часть нижнего кольца, дублируем и объединяем Path | Union. Закрашиваем в чёрный цвет и делаем полупрозрачной на 18%. Сдвигаем в сторону приблизительно на толщину кольца. Это заготовка для тени.

У верхнего кольца выбираем толщину и внутреннюю часть, дублируем и объединяем Path | Union.

.

Не снимая выделения, присоединяем заготовку тени и выполняем Path | Intersection. Далее сразу выполняем Path | Break Apart. Получатся два объекта. Удаляем верхний объект. Останется только нижняя часть для тени на верхнем кольце.

Выходим на финишную прямую. Группируем все объекты. Дублируем, снимаем группировку, затем Path | Union. Закрашиваем в чёрный цвет.

Включаем режим поворота и смещаем центр поворота на нижнюю часть границы, удерживая Ctrl. Снова включаем режим изменения размера и сплющиваем фигуру.

Затем через верхний центральный рычаг сдвигаем фигуру вправо. Опускаем за все объекты. Устанавливаем полупрозрачность 11%. Это будет падающая тень от колец.

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

Источник

Видеурок от Nick Saporito "Vector Interlocking Rings"

Реклама