Как сделать шестиугольник в adobe illustrator
В Adobe Illustrator можно создать пять простых форм и "Блик". Что делать если нужен пятиугольник или треугольник? Можно конечно нарисовать пером, но есть более простой способ.
В меню Adobe Illustrator есть две фигуры, которые можно изменить во время создания. Одна из них - многоугольник. Не зря разработчик не назвал инструмент " Шестиугольник ", хотя есть его изображение.
Выбираем в меню "формы", нажимаем и держим до тех пор, пока не откроется список. Затем выбираем "многоугольник":
Если не изменить настройки, то программа создаст шестиугольник. Как его изменить? Создайте в Adobe Illustrator шестиугольник, но кнопку мышки не отпускайте. Если её отпустить, то процесс создания фигуры завершится и нельзя будет изменить количество углов.
Как сделать пятиугольник или треугольник
Количество углов можно изменить при помощи стрелок на клавиатуре, они расположены справа. Все четыре стрелки находятся в одном месте, их часто используют чтобы прокрутить страницу в текстовом редакторе или браузере. Вид кнопок зависит от модели компьютера.
Чтобы уменьшить количество углов удерживайте кнопку мышки и нажмите на стрелку "вниз" на клавиатуре. Одно нажатие = -1 угол.
Таким способом можно сделать четырехугольник и треугольник. Отпустите мышку только после того, как закончите редактировать фигуру.
Все углы можно закруглить, фигуры ничем не отличаются от тех, что создаются в автоматическом режиме.
Как увеличить количество углов
Чтобы увеличить количество углов, надо нажать на стрелку "вверх" и держать правую кнопку мыши. Главное не перестараться, потому что многоугольник легко превращается в окружность. Обязательно считайте углы, и не нажимайте на стрелки слишком быстро.
P/S недавно я выполняла домашнее задание и мне нужны были пятиугольники. Я не стала рисовать их пером, сделала из шестиугольника и закруглила углы. Из простых фигур всегда можно создать сложные объекты. У меня получилось вот такое изображение:
Чтобы нарисовать один прямой отрезок линии, используйте инструмент «Отрезок линии». Обучающую игру с демонстрацией инструмента «Отрезок линии» см. в разделе Использование инструмента «Отрезок линии».
Выберите инструмент «Отрезок линии» .
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться линия, и перетащите его в точку ее окончания.
Щелкните в том месте, где должна начинаться линия. В диалоговом окне укажите значения длины и угла линии. Чтобы окрасить линию в текущий цвет заливки, выберите параметр Окрашивать отрезок в цвет заливки . Затем нажмите ОК .
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Дуга» .
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться дуга, и перетащите его в точку ее окончания.
Щелкните в том месте, где должна начинаться дуга. Чтобы определить точку, из которой будет нарисована дуга, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Длина по оси Х. Определяет ширину дуги.
Длина по оси Y. Определяет высоту дуги.
Тип. Определяет, каким контуром будет этот объект: замкнутым или открытым.
Вдоль. Определяет направление дуги. Выберите «Ось X» или «Ось Y» в зависимости от того, вдоль какой оси должна располагаться база дуги: горизонтальной (x) или вертикальной (y).
Наклон: определяет направление наклона дуги. Чтобы получить вогнутую дугу, введите отрицательное значение. Чтобы получить выгнутую дугу, введите положительное значение. При нулевом значении наклона получается прямая линия.
Окрашивать дугу в цвет заливки. Дуга окрашивается в текущий цвет заливки.
Примечание. Для динамического просмотра дуги по мере ввода параметров дважды щелкните инструмент «Дуга» на панели «Инструменты».
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Нажмите и удерживайте инструмент «Отрезок линии» ( ). Выберите инструмент «Спираль» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите спираль нужного размера. Чтобы повернуть спираль, перетащите указатель в дуге.
Щелкните в том месте, где должна начинаться спираль. В диалоговом окне задайте любые из следующих параметров и нажмите кнопку ОК .
Радиус. Определяет расстояние от центра до самой дальней точки спирали.
Рост. Определяет величину, на которую каждый виток спирали будет уменьшаться по сравнению с предыдущим витком.
Число сегментов. Определяет количество сегментов в спирали. Каждый полный виток спирали состоит из четырех сегментов.
Стиль. Определяет направление спирали.
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Инструменты сеток используются для быстрого рисования прямоугольных и полярных сеток. Инструмент «Прямоугольная сетка» создает прямоугольные сетки заданного размера с заданным количеством разделителей. Инструмент «Полярная сетка» создает концентрические круги заданного размера с заданным количеством разделителей.
Рисование прямоугольных сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Прямоугольная сетка» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Щелкните, чтобы задать неподвижную точку сетки. Чтобы определить точку, из которой будет нарисована сетка, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Горизонтальные разделители. Определяет количество горизонтальных разделителей между верхним и нижним краями сетки. Значение «Асимметрично» позволяет распределять горизонтальные разделители неравномерно с увеличением их частоты в сторону верхнего или нижнего края сетки.
Вертикальные разделители. Определяет количество вертикальных разделителей между левым и правым краями сетки. Значение «Асимметрично» позволяет распределять вертикальные разделители неравномерно с увеличением их частоты в сторону левого или правого края сетки.
Использовать внешний прямоугольник в качестве рамки. Заменяет верхний, нижний, левый и правый сегменты отдельным прямоугольным объектом.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Рисование круговых (полярных) сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Полярная сетка» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Щелкните, чтобы задать неподвижную точку сетки. Чтобы определить точку, из которой будет нарисована сетка, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Концентрические разделители. Определяет количество круговых концентрических разделителей в сетке. Значение «Асимметрично» позволяет распределять концентрические разделители неравномерно с увеличением их частоты в сторону внутренней или внешней части сетки.
Радиальные разделители. Определяет количество радиальных разделителей между центром и периферической частью сетки. Значение «Асимметрично» позволяет распределять радиальные разделители неравномерно с увеличением их частоты по часовой стрелке или против часовой стрелки.
Создать составной контур на основе эллипсов. Преобразует концентрические круги в отдельные составные контуры и добавляет в них заливку через один.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Инструмент «Мастер фигур» позволяет создавать сложные профессиональные макеты, рисовать фигуры, накладывать их друг на друга и размещать в одной области. Также доступны такие действия, как объединение, удаление и перемещение. Все операции выполняются с помощью простых интуитивных жестов и занимают значительно меньше времени.
С помощью инструмента «Мастер фигур» и жестов можно рисовать векторные фигуры. Можно рисовать многоугольники, прямоугольники и окружности с помощью мыши или с помощью жестов на экране сенсорного устройства. В результате получаются динамические фигуры. Эта функция доступна в традиционных рабочих средах, специализированных рабочих средах с поддержкой сенсорных технологий, а также на мобильных устройствах с Adobe Fresco.
На панели инструментов в Illustrator выберите инструмент «Мастер фигур» (Shift + N).
Нарисуйте фигуру в документе. Например, можно нарисовать грубые контуры прямоугольника, круга, эллипса, треугольника или другого многоугольника.
Нарисованный эскиз фигуры будет преобразован в правильную геометрическую фигуру. В результате получается динамическая фигура, которая редактируется так же, как и другие динамические фигуры.
Выполните одно из следующих действий:
- Выберите несколько наложенных фигур в документе.
- Используйте инструмент для рисования наложенных фигур.
- С помощью инструмента «Мастер фигур» (Shift + N) можно легко нарисуйте прямоугольник, окружность или многоугольник.
Если инструмент «Мастер фигур» еще не выбран, выберите его (Shift + N).
С помощью курсора мыши (на устройствах без поддержки сенсорных технологий) или с помощью прикосновений нарисуйте произвольные линии (каракули) в области, которую требуется объединить, удалить или вырезать.
Результат вырезания или объединения фрагментов фигур, а также цвет объединенной фигуры определяются правилами, представленными ниже.
- Если произвольные линии находятся в пределах одной фигуры, эта область будет вырезана.
- Если произвольные линии находятся на пересечении двух и более фигур, пересекающиеся области будут вырезаны.
- Если начальная точка произвольной линии находится на передней фигуре:
- Если линия проведена в направлении от свободной области к области наложения, передняя фигура будет вырезана.
- Если линия проведена от области наложения к свободной области, фигуры будут объединены. Цвет объединенной фигуры будет соответствовать цвету начальной точки произвольной линии.
- Если линия проведена от свободной области к области наложения, фигуры будут объединены. Цвет объединенной фигуры будет соответствовать цвету начальной точки произвольной линии.
Все фигуры в группе мастера фигур доступны для редактирования. Это относится даже к фрагментам фигур, которые были вырезаны или объединены. Ниже перечислены действия, которые необходимо выполнить для выбора отдельных фигур в группе.
Режим «Выбор лицевой грани»
Выберите инструмент «Мастер фигур».
Коснитесь группы мастера фигур или нажмите на нее. Группа мастера фигур будет выбрана, и отобразится ограничительная рамка с графическим элементом «Стрелка» .
Коснитесь группы фигур (или отдельной фигуры) еще раз. Будет включен режим «Выбор лицевой грани».
Если в группе мстера фигур есть объединенные фигуры, лицевая грань этой фигуры будет матовой. Можно изменить цвет заливки фигур.
Режим конструирования
После выбора группы мастера фигур выполните одно из следующих действий:
- Коснитесь графического элемента «Стрелка» (или нажмите на него) так, чтобы стрелка показывала вверх .
- Дважды щелкните на фигуре.
- Однократно щелкните на обводке фигуры.
Выбрав один нижний объект, можно изменить любое свойство или оформление этого объекта.
- Выполните действия, необходимые для перехода в режим конструирования.
- Перетащите фигуру из ограничительной рамки.
Инструмент «Создание фигур» представляет собой интерактивное средство для создания сложных фигур путем слияния и стирания более простых фигур. Этот инструмент может использоваться для простых и составных контуров.
Он интуитивно выделяет края и области выбранного объекта, которые могут сливаться для формирования новых фигур. Край представляет собой часть контура, которая не пересекается с другими контурами выбранного объекта. Область представляет собой замкнутую часть контура, ограниченную краями.
По умолчанию для инструмента установлен режим слияния, в котором пользователь может объединять контуры или области. Для удаления ненужных краев или областей можно переключиться в режим стирания, нажав кнопку «Alt» (Windows) или «Option» (Mac).
Пользователь может задавать и настраивать такие параметры инструмента, как обнаружение зазоров, источник цветов и выделение, что позволяет нужным образом выполнить слияние и улучшить визуальное восприятие выполняемых операций.
Чтобы задать эти параметры в диалоговом окне «Параметры инструмента "Создание фигур"», щелкните дважды значок инструмента на панели «Инструменты».
Задайте длину зазора в выпадающем списке «Длина зазоров». Доступны следующие варианты длины: «Малые» (3 пункта), «Средние» (6 пунктов) и «Большие» (12 пунктов).
Если требуется задать другое значение длины зазоров, установите флажок «Другие».
После установки значения для длины зазоров Illustrator определяет только те зазоры, длина которых близка к установленному значению. Выбирайте длину зазоров таким образом, чтобы она примерно равнялась действительной длине зазоров на иллюстрации. Чтобы проверить, обнаруживаются ли зазоры, поэкспериментируйте с их длиной.
Например, если вы устанавливаете длину зазоров, равную 12 пунктов, а фигура, слияние которой будет выполняться, содержит зазоры длиной 3 пункта, Illustrator может их не обнаружить.
Считать открытый контур с заливкой закрытым
В случае выбора этого параметра для открытого контура создается невидимый край, позволяющий образовать область. При щелчке внутри этой области создается фигура.
В режиме «Объединить» контур разделяется при щелчке по обводке
Установите флажок «В режиме "Объединить" контур разделяется при щелчке по обводке». Этот параметр позволяет разделить родительский контур на два. Первый контур создается на основе края, по которому выполнялся щелчок, второй контур на основе оставшейся части родительского контура, за исключением первого контура. Если этот параметр выбран, то при разделении контура, указатель мыши меняется на .
Выбрать цвет из
Пользователь может задать цвет объектов на основе образцов цвета или цветов, используемых в иллюстрации. Чтобы задать источник («Образцы цвета» или «Иллюстрация»), используйте раскрывающийся список «Выбрать цвет из».
Если устанавливается значение «Образцы цвета», активируется возможность выбора параметра «Просмотр образца курсора». Задав этот параметр, пользователь сможет выполнять предварительный просмотр и выбирать цвета. При выборе этого параметра активируется образец курсора «Быстрая заливка». Это позволяет выполнять итерацию (используя клавиши со стрелками) и выбирать цвета в палитре образцов.
Примечание. Выполнение итерации при помощи клавиш со стрелками возможно даже в том случае, если параметр «Просмотр образца курсора» не активирован.
Чтобы изменить цвет обводки, наведите указатель на края объекта. Это позволит выделить и изменить цвет обводки. Эта возможность доступна только в случае выбора параметра «В режиме "Объединить" контур разделяется при щелчке по обводке».
Выбрать цвет заливки для области можно, наведя указатель на любую часть документа.
Примечание. Параметр «Просмотр образца курсора» не отображается во время объединения, что обеспечивает четкую визуализацию фигур.
Если устанавливается значение «Иллюстрация», Illustrator использует те же правила, что применялись для других стилей объектов, подлежащих слиянию. Дополнительную информацию см. в п. 6 раздела Создание фигур с помощью инструмента «Создание фигур».
Флажок «Заливка» установлен по умолчанию. В случае выбора этого параметра контур или область, для которых может выполняться слияние, выделяются серым цветом при наведении мыши на предварительно выбранный контур. Если этот параметр не установлен, выбранный контур или область остаются в обычном состоянии.
Выделять обводку, если возможно редактирование
В случае выбора этого параметра Illustrator выделяет обводки, которые могут редактироваться. Цвет выделения таких обводок определяется значением, заданным в раскрывающемся списке «Цвет».
В этом уроке мы рассмотрим несколько способов создания сеток, в том числе и шестиугольных, которые послужат основой для бесшовных геометрических паттернов. Такие виды паттернов легко и быстро создаются, но, не смотря на это, остаются востребованными в разных областях дизайна, таких как полиграфия, текстиль и веб дизайн.
Создание геометрических сеток при помощи плагина Scriptographer
Вы можете быстро создать геометрические сетки при помощи плагина Scriptographer и скрипта Grid Generator, который работает внутри указанного плагина. Этот способ, к сожалению, доступен только пользователям ранних релизов Adobe Illustrator (9 – CS5). Пользователям последних релизов приложения (CS6-CC) придется создавать подобные сетки вручную, и мы поговорим об этом ниже.
Скачайте плагин Scriptographer. Перед установкой плагина ознакомьтесь с инструкцией. Теперь скачайте скрипт Grid Generator и поместите его в папку со скриптами для плагина Scriptographer. На моем компьютере путь к этой папке выглядит следующим образом C:\Program Files\Adobe\Adobe Illustrator CS5\Plug-ins\Scriptographer\Scripts\Examples\Scripts. Запустите Adobe Illustrator или перезапустите приложение, если оно было открыто в процессе установки. Теперь переходим Window > Scriptographer > Show Main Palette, затем находим скрипт Grid Generator и нажимаем на кнопку Play в нижней части панели.
Теперь у нас есть возможность выбрать один из четырех видов сетки, указать размер и количество ячеек.
На рисунках ниже показаны четыре варианта сеток, которые были созданы этим скриптом.
Создание геометрических сеток вручную
Кроме того, что ручные способы подходят пользователям Adobe Illustrator CS6-CC, они обладают большей гибкостью в создании сеток, то есть вы не ограничены четырьмя вариантами, которые нам предлагает скрипт Grid Generator. Рассмотрим ручные способы на примере создания Triangular grid. Это, наверное, самый распространенный вид сетки. Другие варианты строятся по тому же принципу. Создадим шестиугольник при помощи Polygon Tool.
Не снимая выделения с объекта, переходим Object > Transform > Rotate… и устанавливаем угол 90 градусов в диалоговом окне.
Проверьте или у вас включены Smart Guides (View > Smart Guides или комбинация горячих клавиш Cmd/Ctrl +U)
Для большей точности вы также можете включить режим Outline Preview (View > Outline или комбинация клавиш Cmd/Ctrl + Y)
Берем Line Tool (\) и соединяем противоположные вершины шестиугольника так, как это показано на рисунке ниже. При точном совпадении с вершиной появляется надпись "anchor” – это работа умных направляющих.
Выделяем все созданные объекты, затем нажимаем на Divide в панели Pathfinder (Window > Pathfinder).
В результате мы получили группу, состоящую из шести треугольников.
Не смотря на точное позиционирование объектов, иногда мы также можем получить паразитные точки. Поэтому проверяйте панель Layers и удаляйте их, например, так Object > Path > Clean Up….
Переместим группу из треугольников вниз и вправо так, чтобы вершина A совпала с вершиной B. Умные направляющие помогут нам сделать это точно. Когда появится надпись "intersect”, вам следует остановиться. Удерживайте во время перемещения клавиши Opt/Alt, что приведет к дублированию группы.Выделяем обе группы, затем переместим их вправо, удерживая Shift + Opt/Alt. В этот раз мы совмещаем вершины отмеченные буквами C и D и дублируем группы.
Теперь используем комбинацию горячих клавиш Cmd/Ctrl + D требуемое количество раз для последовательного повторения последнего действия (перемещение и дублирование).
Выделяем все созданные объекты и повторяем последние действия в вертикальном направлении. То есть перемещаем вниз, удерживая Shift + Opt/Alt, затем используем комбинацию Cmd/Ctrl + D.
Не смотря на громоздкость описания, такая сетка строится очень быстро. Попрактикуйтесь немного и вы убедитесь в правдивости моих слов.
Вы также можете использовать эффект Transform для дублирования ячеек сетки. Перед применением эффекта нам потребуется произвести некоторые измерения. Выделим одну из групп с треугольниками. Ее ширина будет равна величине горизонтального перемещения. Эту величину мы можем увидеть в панели Control или в панели Transform.
Для того чтобы определить величину вертикального перемещения нам необходимо измерить расстояние между точками A и B. К сожалению, Measure Tool вообще не пригоден для точных измерений. Но мы можем использовать для этих целей Line Tool (\). Создадим прямолинейный сегмент между точками A и B. Умные направляющие помогут нам идеально точно позиционировать его точки.
Длина сегмента является искомой величиной вертикального смещения.
Если немного подумать, то окажется, что при помощи Line Tool (\) можно было сразу определить величины горизонтального и вертикального смещения. Для этого нужно провести прямолинейный сегмент между точками C и D, как это показано на рисунке ниже.
Ширина этого сегмента равняется величине горизонтального смещения, а его высота соответствует величине вертикального смещения. Так или иначе, все измерения сделаны, приступим к применению эффекта. Выделяем обе группы, затем переходим Effect > Distort & Transform > Transform…. Устанавливаем величину горизонтального смещения и требуемое количество копий, нажимаем OK.
Теперь применим эффект еще раз (Effect > Distort & Transform > Transform…). На этот раз устанавливаем величину вертикального смещения и необходимое число копий.
Преимущества использования Transform эффекта заключается в том, что вы всегда можете изменить количество ячеек сетки, получив доступ к параметрам примененных эффектов в панели Appearance.
Такую сетку можно использовать в качестве шаблона в будущих работах. Однако если вы собираетесь ее окрашивать вам необходимо перейти Object > Expand Appearance для того, чтобы избавиться от эффектов.
Окраска ячеек сетки
Существуют автоматические и ручные способы окраски геометрической сетки. Вы можете окрасить ячейки в цвета растрового изображения при помощи скрипта rasterColor для Scriptographer, который вы можете скачать здесь. Вставьте растровое изображение в текущий документ, затем нажмите на кнопку Embed в панели Control.
Поместите изображение ниже элементов сетки (я отключил обводку и залил сетку произвольным серым цветом).
Выделяем сетку и растровое изображение, затем запускаем скрипт rasterColor в палитре Scriptographer.
Растровое изображение и ячейки с белой заливкой могут быть удалены. Белая заливка образовалась над местами, где отсутствовало растровое изображение.
Вы также можете окрашивать ячейки сетки, используя скрипт Random Swatches, который вы можете скачать здесь. Этот скрипт позволяет окрашивать ячейки сетки в выбранные цвета из панели Swatches в случайном порядке. Подробнее о технике использования скрипта вы можете узнать из статьи, ссылка на которую указана выше.
Конечно, вы можете окрашивать ячейки сетки, просто выделяя их и окрашивая в нужные цвета, получая при этом интересные узоры. Ячейки сетки можно также окрашивать, используя Live Paint Bucket Tool (K). Этот инструмент позволяет осуществить окраску быстрее.
Только не забывайте после окраски перейти Object > Live Paint > Expand. Бесшовные паттерны, показанные на рисунках ниже, были получены именно таким способом.
Создание бесшовных паттернов
Пользователи последних релизов Adobe Illustrator (CS6-CC) для создания бесшовного паттерна могут использовать функцию Pattern Creation (Object > Pattern > Make). При этом окончательная окраска ячеек сетки, находящихся на краях плитки должна происходить режием Pattern Creation.
Для пользователей более ранних релизов существует несколько способов создания бесшовных паттернов, о которых вы сможете узнать из статьи How to Create a Seamless Pattern in Illustrator.
Вы также можете купить 16 готовых бесшовных паттернов всего за $15, нажав на кнопку Download в этой статье. Все они были созданы мной на основе геометрических сеток.
В сегодняшнем уроке мы рассмотрим технику создания футуристического интерфейса. Подобные интерфейсы - очень популярная тема в графическом дизайне в настоящее время, и создавать их очень легко и комфортно, если вы используете Dynamic Shapes Tool плагина VectorScribe.
Шаг 1
Создаем новый документ (File> New …), и установим размеры монтажной области – 600x600px. Мы будем создавать интерфейс в RGB цветовом режиме.
Шаг 2
Приступим к созданию фона. Нарисуем прямоугольник, размеры которого соответствуют рабочей области, и зальем его темно-синим цветом.
Теперь создадим серый шестиугольник при помощи Dynamic Shapes Tool (плагин VectorScribe) и его панели (Window > VectorScribe > Dynamic Shapes). Использование динамической формы дает нам возможность в дальнейшем быстро изменять текстуру фона, если возникнет такая необходимость.
Сохраним динамический шестиугольник как новый символ в панели Symbols.
Шаг 3
Дублируем прямоугольник (Cmd/Ctrl + C, Cmd/Ctrl + F) и заливаем копию новым темно-синим оттенком.
Для создания текстуры мы будем использовать плагин Phantasm. Выделяем верхний прямоугольник и символ шестиугольника в панели Symbols, затем переходим Effect > Phantasm > Halftone…. Выбранные мной опции и параметры показаны на рисунке ниже. Обратите внимание, что в разделе Dot Properties выбран пресет Current Symbol.
Легкая текстура на фоне получена.
Она имеет полностью динамичную природу. То есть вы всегда можете изменить параметры Phantasm Halftone эффекта, создать и выбрать другой символ как основу текстуры или изменить имеющийся символ, так как он является динамической формой.
Шаг 4
Приступим к созданию кругового элемента нашего футуристического интерфейса. Очень удобно создавать такой объект при помощи Dynamic Shapes Tool. Давайте посмотрим, как это делается. Нарисуем динамическую окружность с оранжевой обводкой в центре рабочей области.
Теперь переместим красный усик так, как это показано на рисунке ниже. Вы также можете устанавливать точные значения углов для такого объекта в панели Dynamic Shapes.
Шаг 5
Дублируем форму, изменяем цвет обводки на синий, уменьшаем радиус и положение красных усиков.
Теперь изменим ширину обводки и выберем опцию Dashed Line в панели Stroke.
Очень просто и никаких секретов: строим одну за другой полуокружности, подбирая параметры и положение усиков. Все формы остаются динамическими, и вы сможете всегда выбрать лучший вариант их взаимодействия с графической точки зрения.
Шаг 6
Если вы создаете элементы с заливкой, то включите опцию “Sliced shape includes the slice path segments”.
Используя эту опцию, создадим индикаторы в нижней части интерфейса.
Думаю, создание остальных элементов не вызовет трудностей даже у новичка. Поэтому, с вашего разрешения, я лишь обозначу рисунками их присутствие без детального описания.
В свободном пространстве добавим два текстовых блока. Вот и все, благодаря инструменту Dynamic Shapes плагина VectorScribe элементы интерфейса являются динамичными, то есть легко могут быть перестроены для создания подобных работ.
0
Какие настройки изменить, чтобы получи круговой элемент как в уроке?
0
0
Спасибо, урок очень полезный, долго делала его но зато научилась работать с этим плагином ))
0
Мда! Урок меня основательно загрузил. Несколько раз хотел забить и перейти к следующему. Но желание изучить работу плагина не давало покоя. В итоге все получилось. Потратил весь день. Единственный момент, я так и не понял как отрезать лишнее, выходящее за пределы артборда. Пробовал маской, но маска удаляет весь паттерн с шестиугольниками, как и Crop в Pathfinder. В общем Shape Builder Tool все порезал вручную. Но что-то мне подсказывает, что можно как-то еще было сделать. Файл тяжеленный получился.Картинка
Читайте также: