Шкала измерительного прибора
Рисуем черный круг размером 335х335 пикселей. Сделаем его полупрозрачным.
Продублируем круг (Ctrl+D), закрасим в красный цвет и опустим за чёрный круг.
Не снимая выделения с красного круга, удерживая клавишу Ctrl, потяните за правый верхний рычаг для увеличения высоты до 401 пиксель. А затем потяните за средний правый рычаг, увеличив ширину красной фигуры до 440 пикселей.
Снова продублируйте чёрный круг. Удерживая Shift, присоедините к копии красную фигуру. Затем Path | Difference.
Выделите чёрный круг. Удерживая Ctrl и Shift, уменьшите размер круга до 45х45 пикселей.
Далее выберите инструмент "Прямоугольник" и нарисуйте тонкую полосу шириной 8.5 пикселей, проходящую через центр круга. Закрасьте полоску синим цветом и отцентрируйте относительно круга.
Далее синюю полоску нужно повернуть несколько раз. Для этого делаем два щелчка, чтобы появились соответствующие рычаги для поворота, затем нажимаем на клавишу Ctrl и поворачиваем полоску на 15 градусов. После каждого поворота нажимаем на клавишу пробела - на этом месте появится копия полоски. Продолжаем повороты несколько раз вправо и влево.
Используя Shift, выделите все полоски, далее объединим их - Path | Union. Закрасим в зелёный цвет.
Присоединяем к "колючке" красную фигуру и выполняем Path | Difference.
Выполняем операцию Path | Break Apart, разбиваем фигуру на множество фрагментов и удаляем лишние детали.
Снова рисуем тонкую линию зелёного цвета, проходящую через центр круга, но на этот раз шириной 4 пикселя.
Повторяем те же операции с поворотами и копированием через клавишу пробела. Полоски должны уложиться точно в промежутки между секциями.
Также их выделяем и объединяем через Path | Union.
Делаем копию чёрного круга, закрашиваем в зелёный. Удерживая Ctrl и Shift, увеличиваем круг до размеров 311х311 пикселей.
Дублируем круг, делаем его красным. Удерживая Ctrl и Shift, уменьшаем немного (277 px). Добавляем к нему зелёный круг и выполняем команду Path | Difference.
Добавляем к кольцу полоски и выбираем команду Path | Intersection.
Далее нужно избавиться от нижней части. С помощью пера обведите область вокруг нижних чёрточек. Затем получившую фигуру добавьте к чёрточкам и выполните операцию Path | Difference.
Выделяем все фигуры на экране и убираем полупрозрачность. Закрашиваем все фигуры чёрным.
Дублируем чёрный круг и отложим его в сторону. Закрасим цветом 00ccffff.
Продублируем теперь уже голубой круг и отложим его в сторону. Закрасим зелёным цветом 00ff00ff.
Два цветных круга нужны, чтобы создать промежуточные значения цветов между ними. Сейчас шкала состоит из девяти сегментов, запомним эту цифру. Выделяем два кружка и к каждому применим Path | Object to Path, выбираем Extensions | Generate from Path | Interpolate.... В диалоговом окне выбираем у поля Interpolation steps значение 7 (промежуточные значения).
В результате мы имеем 9 разноцветных кружочков. Выбираем нужный сегмент, выбираем пипетку и присваиваем нужный цвет по порядку слева направо. После этой операции кружочки можно удалить.
Снова рисуем тонкую полоску, которая будет играть роль стрелки в приборе. Преобразуйте в контур Path | Object to Path. Выделите нижние узлы и потяните в сторону, удерживая Ctrl и Shift. Получится утолщение стрелки.
Продублируем стрелку, закрасим красным цветом и отразим по вертикали. Сделаем выравнивние с помощью кнопки Align top edges of object to bottom of anchors. Сгруппируем их.
Выделим стрелку и чёрный круг. Выравниваем по центру по двух осям. Затем снимаем группировку у стрелки и удаляем красную стрелку. Теперь зелёная стрелка выходит точно из центра чёрного круга.
Теперь следует повернуть стрелку на определённый угол. Выделяем стрелку, включаем режим поворота, смещаем центр поворота в самый низ стрелки, используя Ctrl. Закрасим стрелку чёрным цветом. Теперь вы можете поворачивать стрелку на любой нужный вам угол.
Финальный вариант в SVG.
Источник
Видеурок от Nick Saporito "Vector Gauge Icons"