Как сделать треугольник в adobe illustrator
В Adobe Illustrator можно создать пять простых форм и "Блик". Что делать если нужен пятиугольник или треугольник? Можно конечно нарисовать пером, но есть более простой способ.
В меню Adobe Illustrator есть две фигуры, которые можно изменить во время создания. Одна из них - многоугольник. Не зря разработчик не назвал инструмент " Шестиугольник ", хотя есть его изображение.
Выбираем в меню "формы", нажимаем и держим до тех пор, пока не откроется список. Затем выбираем "многоугольник":
Если не изменить настройки, то программа создаст шестиугольник. Как его изменить? Создайте в Adobe Illustrator шестиугольник, но кнопку мышки не отпускайте. Если её отпустить, то процесс создания фигуры завершится и нельзя будет изменить количество углов.
Как сделать пятиугольник или треугольник
Количество углов можно изменить при помощи стрелок на клавиатуре, они расположены справа. Все четыре стрелки находятся в одном месте, их часто используют чтобы прокрутить страницу в текстовом редакторе или браузере. Вид кнопок зависит от модели компьютера.
Чтобы уменьшить количество углов удерживайте кнопку мышки и нажмите на стрелку "вниз" на клавиатуре. Одно нажатие = -1 угол.
Таким способом можно сделать четырехугольник и треугольник. Отпустите мышку только после того, как закончите редактировать фигуру.
Все углы можно закруглить, фигуры ничем не отличаются от тех, что создаются в автоматическом режиме.
Как увеличить количество углов
Чтобы увеличить количество углов, надо нажать на стрелку "вверх" и держать правую кнопку мыши. Главное не перестараться, потому что многоугольник легко превращается в окружность. Обязательно считайте углы, и не нажимайте на стрелки слишком быстро.
P/S недавно я выполняла домашнее задание и мне нужны были пятиугольники. Я не стала рисовать их пером, сделала из шестиугольника и закруглила углы. Из простых фигур всегда можно создать сложные объекты. У меня получилось вот такое изображение:
Чтобы нарисовать один прямой отрезок линии, используйте инструмент «Отрезок линии». Обучающую игру с демонстрацией инструмента «Отрезок линии» см. в разделе Использование инструмента «Отрезок линии».
Выберите инструмент «Отрезок линии» .
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться линия, и перетащите его в точку ее окончания.
Щелкните в том месте, где должна начинаться линия. В диалоговом окне укажите значения длины и угла линии. Чтобы окрасить линию в текущий цвет заливки, выберите параметр Окрашивать отрезок в цвет заливки . Затем нажмите ОК .
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Дуга» .
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться дуга, и перетащите его в точку ее окончания.
Щелкните в том месте, где должна начинаться дуга. Чтобы определить точку, из которой будет нарисована дуга, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Длина по оси Х. Определяет ширину дуги.
Длина по оси Y. Определяет высоту дуги.
Тип. Определяет, каким контуром будет этот объект: замкнутым или открытым.
Вдоль. Определяет направление дуги. Выберите «Ось X» или «Ось Y» в зависимости от того, вдоль какой оси должна располагаться база дуги: горизонтальной (x) или вертикальной (y).
Наклон: определяет направление наклона дуги. Чтобы получить вогнутую дугу, введите отрицательное значение. Чтобы получить выгнутую дугу, введите положительное значение. При нулевом значении наклона получается прямая линия.
Окрашивать дугу в цвет заливки. Дуга окрашивается в текущий цвет заливки.
Примечание. Для динамического просмотра дуги по мере ввода параметров дважды щелкните инструмент «Дуга» на панели «Инструменты».
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Нажмите и удерживайте инструмент «Отрезок линии» ( ). Выберите инструмент «Спираль» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите спираль нужного размера. Чтобы повернуть спираль, перетащите указатель в дуге.
Щелкните в том месте, где должна начинаться спираль. В диалоговом окне задайте любые из следующих параметров и нажмите кнопку ОК .
Радиус. Определяет расстояние от центра до самой дальней точки спирали.
Рост. Определяет величину, на которую каждый виток спирали будет уменьшаться по сравнению с предыдущим витком.
Число сегментов. Определяет количество сегментов в спирали. Каждый полный виток спирали состоит из четырех сегментов.
Стиль. Определяет направление спирали.
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Инструменты сеток используются для быстрого рисования прямоугольных и полярных сеток. Инструмент «Прямоугольная сетка» создает прямоугольные сетки заданного размера с заданным количеством разделителей. Инструмент «Полярная сетка» создает концентрические круги заданного размера с заданным количеством разделителей.
Рисование прямоугольных сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Прямоугольная сетка» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Щелкните, чтобы задать неподвижную точку сетки. Чтобы определить точку, из которой будет нарисована сетка, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Горизонтальные разделители. Определяет количество горизонтальных разделителей между верхним и нижним краями сетки. Значение «Асимметрично» позволяет распределять горизонтальные разделители неравномерно с увеличением их частоты в сторону верхнего или нижнего края сетки.
Вертикальные разделители. Определяет количество вертикальных разделителей между левым и правым краями сетки. Значение «Асимметрично» позволяет распределять вертикальные разделители неравномерно с увеличением их частоты в сторону левого или правого края сетки.
Использовать внешний прямоугольник в качестве рамки. Заменяет верхний, нижний, левый и правый сегменты отдельным прямоугольным объектом.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Рисование круговых (полярных) сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Полярная сетка» .
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Щелкните, чтобы задать неподвижную точку сетки. Чтобы определить точку, из которой будет нарисована сетка, щелкните в диалоговом окне квадратик на локаторе неподвижной точки . После этого задайте любые из следующих параметров и нажмите кнопку ОК .
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Концентрические разделители. Определяет количество круговых концентрических разделителей в сетке. Значение «Асимметрично» позволяет распределять концентрические разделители неравномерно с увеличением их частоты в сторону внутренней или внешней части сетки.
Радиальные разделители. Определяет количество радиальных разделителей между центром и периферической частью сетки. Значение «Асимметрично» позволяет распределять радиальные разделители неравномерно с увеличением их частоты по часовой стрелке или против часовой стрелки.
Создать составной контур на основе эллипсов. Преобразует концентрические круги в отдельные составные контуры и добавляет в них заливку через один.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Основой изображений, создаваемых в программе Illustrator, являются контуры и соединенные ими опорные точки. Для рисования таких контуров подойдут инструменты Pencil («Карандаш»), Pen («Перо»), Ellipse («Эллипс»), Polygon («Многоугольник») и Rectangle («Прямоугольник»).
- Как рисовать в "Иллюстраторе"
- Инструменты выделения и рисования в Adobe Illustrator
- Как нарисовать треугольник в Adobe Illustrator
Клавишами Ctrl+N откройте окно настроек нового документа, создаваемого в Illustrator, и укажите его размеры, цветовой режим и ориентацию.
Если вам нужно нарисовать прямоугольник, включите инструмент Rectangle и, зажав левую кнопку мыши, растяните фигуру до нужной величины. Как и в редакторе Photoshop, нажатая в процессе рисования клавиша Shift даст вам возможность нарисовать квадрат.
Аналогичным образом можно нарисовать эллипс, многоугольник, прямоугольник со скругленными углами и звезду. Для создания прямоугольника со скругленными углами включите инструмент Rounded Rectangle («Прямоугольник со скругленными углами»), эллипс рисуется инструментом Ellipse. Чтобы получить многоугольник, примените инструмент Polygon, а для рисования звезды – инструмент Star («Звезда»).
Для создания контуров произвольной формы включите инструмент Pencil или Pen. Карандашом вы сможете нарисовать линии нужного вида. Если вы предпочитаете создавать фигуру на основе точек, выберите инструмент Pen и проставьте точки, кликнув в нужных местах по холсту. Точки окажутся соединены в контур.
Если в процессе рисования вы получили не совсем тот контур, который хотели изобразить, можете отредактировать его, переместив одну или несколько составляющих его опорных точек. Включите для этого инструмент Direct Selection («Прямое выделение»), выделите нужную точку, кликнув по ней, и перетащите ее. При помощи инструмента Add Anchor Point («Добавить опорную точку») из группы Pen можно добавить на контур новую точку, а инструментом Delete Anchor Point («Удалить опорную точку») убрать с него лишнюю.
Контуры, созданные инструментами рисования, можно окрасить при помощи заливки и обводки. Чтобы это сделать, выделите нужный контур в палитре слоев и выберите для него цвет заливки, щелкнув по образцу в поле Fill («Заливка») в панели под главным меню. Если контур, к которому вы применяете этот стиль, не замкнут, заливка будет ограничена воображаемым отрезком, соединяющим первую и последнюю точки контура.
Для настройки обводки щелкните по образцу в поле Stroke («Обводка») и выберите подходящий цвет. Толщину обводки можно отрегулировать в поле справа от образца цвета.
Illustrator позволяет создавать окраску с постепенными переходами одного цвета в другой при помощи инструмента Gradient Mesh («Сетчатый градиент»). Для получения такого эффекта щелкните инструментом внутри контура в тех местах, где нужно создать цветовые пятна. Выделите опорную точку появившейся сетки и укажите цвет, в который будет окрашена область вокруг нее, щелкнув по подходящему образцу. Таким же способом настройте цвет для остальных опорных точек.
Цветные пятна, созданные градиентной сеткой, можно сдвинуть. Выделите для этого опорную точку в центре области, заполненной цветом, и перетащите ее.
Для сохранения картинки в формат ai, pdf или eps примените опцию Save («Сохранить») меню File («Файл»). Если вы хотите получить в итоге файл jpg или png, выберите опцию Export («Экспортировать») того же меню.
Функциональный инструмент «Фигура» позволяет быстро создавать векторные фигуры. Большинство фигур являются динамическими. Это означает, что эти фигуры можно динамически настраивать, не меняя инструмент. Для настройки используются виджеты управления фигурами или элементы управления, доступные на палитре «Трансформирование».
Создание и изменение динамических фигур
Нарисуйте динамическую фигуру с помощью одного из следующих инструментов.
- Для отображения ограничительной рамки при выборе объекта убедитесь в том, что задан режим отображения ограничивающей рамки ( Просмотр > Показать ограничительную рамку ).
- Для отображения виджетов управления при выборе фигуры выберите любой инструмент для рисования динамических фигур и убедитесь, что на панели «Управление» включен параметр Показать виджеты фигур ().
Для изменения динамических фигур используются следующие виджеты управления:
Изменение масштаба динамических фигур | Вращение динамических фигур |
Чтобы изменить масштаб динамической фигуры, перетащите любой из восьми маркеров ограничительной рамки.
Чтобы повернуть фигуру, перемещайте курсор в направлении от любого угла, пока не появится значок «Поворот» ( ), затем перетащите.
Перемещение динамических фигур | Создание круговых фигур |
Чтобы переместить динамическую фигуру, выберите виджет центральной точки и перетащите фигуру в нужную область.
Чтобы нарисовать эллипс, перетащите один из виджетов «Круг». В результате получится округлая фигура.
Добавление и удаление сторон многоугольников | Изменение радиуса угла динамических фигур |
Чтобы изменить число сторон многоугольника, перетащите виджет стороны.
Чтобы изменить радиус угла динамической фигуры, перетащите любой виджет угла.
- При перетаскивании виджетов углов до максимально возможного предела скругленные углы в режиме предварительного просмотра отображаются красным цветом.
- Чтобы просмотреть стили углов, например «Скругленный», «Перевернутый скругленный» и «Скошенный», нажмите виджет угла, удерживая клавишу Alt (Windows) или Option (macOS), или нажимайте клавиши со стрелками вверх и вниз во время перетаскивания виджета.
- Чтобы открыть меню «Углы» и настроить внешний вид и атрибуты скругления, дважды нажмите виджет с помощью инструмента «Частичное выделение». Дополнительные сведения представлены в разделе Работа с динамическими углами.
- Чтобы отредактировать отдельный угол, выберите инструмент «Частичное выделение» и нажмите на опорную точку угла.
Изменять свойства фигур можно с помощью инструментов на панелях «Управление» и «Свойства» или на палитре «Трансформирование» ( Окно > Трансформирование ). Дополнительные сведения представлены в разделе Свойства динамических фигур.
- Чтобы открыть палитру «Трансформирование», дважды нажмите любой виджет угла.
- Чтобы включить или отключить отображение палитры «Трансформирование» при создании динамической фигуры, измените значение параметра Показывать при создании фигуры в меню палитры «Трансформирование».
- Независимо от выбранного инструмента, если выбраны фигуры одного типа, редактирование свойств на палитре «Трансформирование» приводит к изменению выбранного графического объекта.
Настройка параметров динамических объектов
Чтобы посмотреть или изменить свойства динамических фигур, выполните одно из следующих действий.
- Дважды нажмите любой виджет угла, чтобы открыть палитру «Трансформирование», или выберите Окно > Трансформирование .
- В разделе «Трансформирование» палитры «Свойства» ( Окно > Свойства ) нажмите кнопку «Больше параметров» ( ).
Прямоугольник/ Прямоугольник со скругленными углами
- Ширина и высота : определяет высоту или ширину прямоугольника. Сохранение пропорции углов, сохранение радиуса.
- Угол прямоугольника : поворот прямоугольника с помощью виджета «Масштаб/поворот».
- Тип угла : определяет тип угла для любого из углов прямоугольника.
- Радиус скругления : настройка каждого из углов прямоугольника с помощью средства пошагового изменения значений или путем ввода абсолютных значений на палитре «Трансформирование».
- Ограничить пропорции ширины и высоты : включение режима пропорционального увеличения и уменьшения радиусов углов при трансформировании объектов с помощью флажка «Настройка углов».
Эллипс
- Ширина и высота : указывает ширину и высоту эллипса. Если эти параметры совпадают, эллипс превращается в круг.
- Угол эллипса : указывает угол, под которым эллипс размещается на холсте.
- Начальный/конечный угол круга : используйте виджет «Круг» (справа от только что нарисованного эллипса), чтобы представить фигуру в виде круговой диаграммы.
- Ограничить угол круга : определяет, следует ли сохранять разницу между начальным и конечным углами круга при изменении их значений на палитре «Трансформирование».
- Обратить круг : указывает, следует ли поменять местами начальный и конечный угол круга. Этот эффект используется для создания географического представления «Фрагмент».
Многоугольник
- Количество сторон многоугольника : определяет количество сторон многоугольника.
- С помощью экранного виджета можно задать значение от 3 до 11.
- Переместите ползунок, чтобы установить значение от 3 до 20.
- Если необходимо указать значение от 3 до 1000, введите значение вручную.
Линия
- Длина линии : определяет длину нарисованной линии.
- Угол линии : указывает угол, под которым нарисованная линия будет размещена относительно холста.
Скрытие ограничительных рамок и виджетов управления
Используя инструмент «Фигура», можно скрыть или отобразить ограничительную рамку. Выполните одно из следующих действий:
- Чтобы переключиться между двумя параметрами, нажмите комбинацию клавиш Shift+Ctrl+B (Windows) или (macOS) Shift+Cmd+B .
- Выберите Просмотр > Скрыть ограничительную рамку или Просмотр > Показать ограничительную рамку .
Также можно включить или отключить отображение экранных виджетов управления. Для этого выберите любой инструмент для рисования динамических фигур и нажмите кнопку Скрыть/показать виджеты фигур () на панели «Управление».
Выбор динамических фигур
Палитра «Слои»
Динамические фигуры отображаются как отдельный тип объектов на палитре Слои . Например, слой с именем на палитре Слои применяется при рисовании динамических прямоугольников. Это упрощает распознавание динамических фигур, доступных для выбора и изменения.
Пример: динамический прямоугольник и эллипс отображаются на палитре «Слои» как объекты <Прямоугольник>и . Другие динамические фигуры точно так же обозначаются на палитре «Слои».Прямоугольник>
Меню «Выделение»
Чтобы выделить все доступные динамические фигуры в документе, выберите Выделение > По общему признаку > Фигура .
Всем привет! У нас очередной урок про паттерны. На этот раз в Иллюстраторе мы будем делать бесшовную текстуру из треугольников. Впрочем, использовать тут можно абсолютно любые фигуры. Главное, следовать принципу построения геометрического паттерна, про который нам расскажет сегодняшняя гостья блога Наталья Долотко.
Итак, если все готовы отлетать по треугольничкам 😊, то передаю слово Наталье.
Шаг 1
Привет, начнём наш урок!
После того, как вы создали новый документ (Ctrl+N, 850х850 px) и перед вами чистый artboard, возьмите Инструмент Прямоугольник и кликните на пустом месте. В новом диалоговом окне введите 100х100 пикселей и нажмите ОК. Сделайте любой цвет обводки получившегося квадрата, без заливки. Включите View > Smart Guides, это поможет вам попадать курсором ровно в нужную точку. После этого возьмите Инструмент Линия, наведите курсор на левую сторону квадрата, ровно посредине. Так как вы включили Smart Guides, то возле курсора должно появиться слово "anchor". Проведите Инструментом Линия линию, которая делит квадрат пополам горизонтально. На рисунке ниже следите за зеленой стрелкой.Тем же Инструментом Линия проведите новую линию в квадрате от левого верхнего угла до середины нижней стороны этого квадрата.
Тем же способом проведите новую линию от правого верхнего угла до середины нижней стороны.Шаг 2
Продолжаем. Тем же самым инструментом проведите новую линию от нижнего левого угла до середины верхней стороны.
Затем проведите новую линию от нижнего правого угла до середины верхней стороны квадрата.Шаг 3
Следующий шаг - выделяем ваш поделенный на треугольники квадрат, открываем панель обработки форм Pathfinder (Window > Pathfinder), если она еще не открыта, и нажимаем там кнопку Divide. Эта кнопка разбила наш квадрат на отдельные треугольники.
Оставляем тот же цвет обводки, что у вас и был, только меняем цвет заливки этих маленьких треугольников на любой цвет, который сейчас не важен.
Решаем, какая цветовая гамма будет у вашего узора. Я закрасила свой в сине-желто-красную гамму. Обратите внимание, что цвет заливки самого левого треугольника в верхнем ряду и цвет самого правого треугольника в том же ряду должен быть одинаковым. То же самое с нижним рядом: цвет самого левого и самого правого должен быть одинаковым. Остальные треугольники закрашивайте как хотите.
Последнее - убираем обводку, она больше не нужна.
В итоге мы получили плитку нашего будущего паттерна. Из этого фрагмента и будем создавать текстуру.
Шаг 4
Убедитесь, что ваш поделенный на треугольники квадрат сгруппирован (правый щелчок > Сгруппировать), так вам будет легче его переносить в нужные места.
Поставьте ваш квадрат точно в левый верхний угол artboard-а. Используйте панель Transform (Shift+F8), чтобы проверить точность по координатам.
Шаг 5
Теперь вам надо двигать квадрат вправо. Так как он имеет стороны 100 пикселей, то и двигать его надо на расстояние 100 пикселей. Когда квадрат выделенный, нажмите кнопку Enter. Появится новое диалоговое окно, где введите Horizontal 100 px, Vertical 0 px, Copy. У вас должна появиться новая копия вашего квадрата. Чтоб повторить ваше последнее действие, нажимайте сочетание кнопок Ctrl+D (Control+D) до того времени, пока не заполните ваш artboard по горизонтали.
Шаг 6
Теперь выделите целую горизонтальную линию из этих квадратов и снова нажмите Enter. В новом диалоговом окне, введите Horizontal 0 px, Vertical 100 px, Copy. У вас должна появиться новая копия целой линии из квадратов. Чтоб повторить ваше последнее действие, нажимайте сочетание кнопок Ctrl+D (Control+D) до того времени, пока не заполните ваш artboard по вертикали.
Если вы все сделали правильно, то у вас должен получится вот такой бесшовный узор:
На этом урок можно считать завершённым. Спасибо за внимание!
P.S: Специально для любителей треугольничков у нас есть ещё один вкусный урок по этой теме: Как нарисовать фон из треугольников в Adobe Illustrator
В уроке показан очень удобный и быстрый метод разукрашивания фона в случайные цвета с помощью скрипта Vary Hues.Читайте также: