Как нарисовать прямоугольник в illustrator

Обновлено: 04.07.2024

Ну вот наконец-то (только на 3-й день. ) мы приступаем к тому, для чего, собственно, существует Adobe Illustrator, - к рисованию!

Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.

В сегодняшнем уроке рассказывается про:

А также рассказывается, как:

Читать урок полностью на Marovaki design blog (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)

Инструменты выделения

В иллюстраторе существует 2 типа инструментов для выделения объектов.

Инструменты фигур

Разбираемся с заливкой (fill) и обводкой (stroke)

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

Изменяем цвет заливки

Давайте изменим цвет заливки для прямоугольника. Дважды кликните на Заливку (Fill) из панели инструментов. Появится окно выбора цвета. Подвиньте движок к синему цвету и выберите темно-синий цвет. Нажмите Ок после окончания выбора.

Убираем обводку (stroke)

Сохраняем пропорции

Чтобы нарисовать правильную равностороннюю фигуру, выберем инструмент прямоугольник. Удерживаем Shift и рисуем квадрат. То же самое если нам нужно нарисовать круг выбираем инструмент Эллипс (Ellipse Tool) и, удерживая его рисуем круг.

Для сохранения пропорций любых объектов удерживаем Shift при рисовании.

Изменяем размеры фигур

Вращаем фигуры

Больше опций для инструмента фигура

Почти все объекты в повседневной жизни состоят из комбинаций основных фигур.

В уроке из 9-го дня мы научимся использовать Составные Пути (Compound Paths) которые позволяют создавать сложные объекты, добавляя или убирая их из простых фигур.

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Функциональный инструмент «Фигура» позволяет быстро создавать векторные фигуры. Большинство фигур являются динамическими. Это означает, что эти фигуры можно динамически настраивать, не меняя инструмент. Для настройки используются виджеты управления фигурами или элементы управления, доступные на палитре «Трансформирование».

Создание и изменение динамических фигур

Нарисуйте динамическую фигуру с помощью одного из следующих инструментов.

Для отображения ограничительной рамки при выборе объекта убедитесь в том, что задан режим отображения ограничивающей рамки ( Просмотр > Показать ограничительную рамку ).
Для отображения виджетов управления при выборе фигуры выберите любой инструмент для рисования динамических фигур и убедитесь, что на панели «Управление» включен параметр Показать виджеты фигур ().

Для изменения динамических фигур используются следующие виджеты управления:

Изменение масштаба динамических фигур

Вращение динамических фигур

Чтобы изменить масштаб динамической фигуры, перетащите любой из восьми маркеров ограничительной рамки.

Чтобы повернуть фигуру, перемещайте курсор в направлении от любого угла, пока не появится значок «Поворот» ( ), затем перетащите.

Перемещение динамических фигур

Создание круговых фигур

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

Чтобы нарисовать эллипс, перетащите один из виджетов «Круг». В результате получится округлая фигура.

Добавление и удаление сторон многоугольников

Изменение радиуса угла динамических фигур

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

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

При перетаскивании виджетов углов до максимально возможного предела скругленные углы в режиме предварительного просмотра отображаются красным цветом.
Чтобы просмотреть стили углов, например «Скругленный», «Перевернутый скругленный» и «Скошенный», нажмите виджет угла, удерживая клавишу Alt (Windows) или Option (macOS), или нажимайте клавиши со стрелками вверх и вниз во время перетаскивания виджета.
Чтобы открыть меню «Углы» и настроить внешний вид и атрибуты скругления, дважды нажмите виджет с помощью инструмента «Частичное выделение». Дополнительные сведения представлены в разделе Работа с динамическими углами.
Чтобы отредактировать отдельный угол, выберите инструмент «Частичное выделение» и нажмите на опорную точку угла.

Изменять свойства фигур можно с помощью инструментов на панелях «Управление» и «Свойства» или на палитре «Трансформирование» ( Окно > Трансформирование ). Дополнительные сведения представлены в разделе Свойства динамических фигур.

Чтобы открыть палитру «Трансформирование», дважды нажмите любой виджет угла.
Чтобы включить или отключить отображение палитры «Трансформирование» при создании динамической фигуры, измените значение параметра Показывать при создании фигуры в меню палитры «Трансформирование».
Независимо от выбранного инструмента, если выбраны фигуры одного типа, редактирование свойств на палитре «Трансформирование» приводит к изменению выбранного графического объекта.

Настройка параметров динамических объектов

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

Дважды нажмите любой виджет угла, чтобы открыть палитру «Трансформирование», или выберите Окно > Трансформирование .

В разделе «Трансформирование» палитры «Свойства» ( Окно > Свойства ) нажмите кнопку «Больше параметров» ( ).

A. Палитра «Трансформирование» B. Панель «Свойства»

Прямоугольник/ Прямоугольник со скругленными углами

Ширина и высота : определяет высоту или ширину прямоугольника. Сохранение пропорции углов, сохранение радиуса.
Угол прямоугольника : поворот прямоугольника с помощью виджета «Масштаб/поворот».
Тип угла : определяет тип угла для любого из углов прямоугольника.
Радиус скругления : настройка каждого из углов прямоугольника с помощью средства пошагового изменения значений или путем ввода абсолютных значений на палитре «Трансформирование».
Ограничить пропорции ширины и высоты : включение режима пропорционального увеличения и уменьшения радиусов углов при трансформировании объектов с помощью флажка «Настройка углов».

Эллипс

Ширина и высота : указывает ширину и высоту эллипса. Если эти параметры совпадают, эллипс превращается в круг.
Угол эллипса : указывает угол, под которым эллипс размещается на холсте.
Начальный/конечный угол круга : используйте виджет «Круг» (справа от только что нарисованного эллипса), чтобы представить фигуру в виде круговой диаграммы.
Ограничить угол круга : определяет, следует ли сохранять разницу между начальным и конечным углами круга при изменении их значений на палитре «Трансформирование».
Обратить круг : указывает, следует ли поменять местами начальный и конечный угол круга. Этот эффект используется для создания географического представления «Фрагмент».

Многоугольник

Количество сторон многоугольника : определяет количество сторон многоугольника.
- С помощью экранного виджета можно задать значение от 3 до 11.
- Переместите ползунок, чтобы установить значение от 3 до 20.
- Если необходимо указать значение от 3 до 1000, введите значение вручную.
Линия
- Длина линии : определяет длину нарисованной линии.
- Угол линии : указывает угол, под которым нарисованная линия будет размещена относительно холста.
Скрытие ограничительных рамок и виджетов управления

Используя инструмент «Фигура», можно скрыть или отобразить ограничительную рамку. Выполните одно из следующих действий:
- Чтобы переключиться между двумя параметрами, нажмите комбинацию клавиш Shift+Ctrl+B (Windows) или (macOS) Shift+Cmd+B .
- Выберите Просмотр > Скрыть ограничительную рамку или Просмотр > Показать ограничительную рамку .
Также можно включить или отключить отображение экранных виджетов управления. Для этого выберите любой инструмент для рисования динамических фигур и нажмите кнопку Скрыть/показать виджеты фигур () на панели «Управление».

Выбор динамических фигур

Палитра «Слои»

Динамические фигуры отображаются как отдельный тип объектов на палитре Слои . Например, слой с именем < Прямоугольник > на палитре Слои применяется при рисовании динамических прямоугольников. Это упрощает распознавание динамических фигур, доступных для выбора и изменения.

Пример: динамический прямоугольник и эллипс отображаются на палитре «Слои» как объекты <Прямоугольник> и <Эллипс>. Другие динамические фигуры точно так же обозначаются на палитре «Слои».
Меню «Выделение»

Чтобы выделить все доступные динамические фигуры в документе, выберите Выделение > По общему признаку > Фигура .

Продолжая нашу серию инструментов рисования в Illustrator (ранее мы рассматривали инструменты линии Illustrator ), сегодня мы рассмотрим инструменты Shape. Хотя инструменты формы кажутся очень простыми, их можно использовать вместе для формирования более сложных форм. Инструменты позволяют быстро и легко рисовать прямоугольники, эллипсы, многоугольники, звезды и даже блики.

Рисование прямоугольника
1. Выберите инструмент Прямоугольник в панели инструментов (или нажмите M на клавиатуре)

2. Нажмите и перетащите мышь на монтажную область.

3. Чтобы нарисовать идеальный квадрат, удерживайте клавишу Shift .
Нажмите Option (Mac) или Alt (Windows) при нажатии и перетащите мышь, чтобы определить прямоугольник, используя точку щелчка в качестве центральной точки.
Нажмите Shift + Option (Mac) или Shift + Alt (Windows), чтобы нарисовать квадрат с начальной точкой в качестве центра квадрата.

Альтернативой рисованию прямоугольника от руки является использование диалогового окна инструмента «Прямоугольник».
Выберите инструмент «Прямоугольник» на панели инструментов и затем щелкните один раз на монтажной области. Откроется диалоговое окно.

Введите ширину и высоту в диалоговом окне и нажмите кнопку «ОК», чтобы создать прямоугольник с точным размером.

Рисование скругленного прямоугольника
1. Выберите инструмент Rounded Rectangle из панели инструментов.
2. Нажмите и перетащите прямоугольник до нужного размера. Вы можете изменить угол или «округлить» углы, нажимая стрелки вверх или вниз, удерживая кнопку мыши нажатой. Нажатие стрелки вверх делает углы более закругленными, нажатие стрелки вниз делает углы более квадратными.

Вы также можете использовать диалоговое окно Rounded Rectangle, чтобы точно установить размер прямоугольника и угол на углах. Для этого выберите инструмент «Прямоугольник со скругленными углами» и щелкните один раз на монтажной области, чтобы открыть диалоговое окно.

При нажатии кнопки «ОК» в диалоговом окне создается прямоугольник с размерами и радиусом, которые вы определили в точке на монтажной области, которую вы щелкнули с помощью инструмента «Закругленный прямоугольник». Последующие закругленные прямоугольники будут иметь ту же настройку, пока вы не переопределите радиус в диалоговом окне инструмента Закругленный прямоугольник.

Рисование эллипса
1. Выберите инструмент Эллипс из панели инструментов (или нажмите L в качестве ярлыка).
2. Нажмите и перетащите по диагонали, пока эллипс не достигнет желаемого размера.

3. Удерживая нажатой клавишу Shift, удерживайте эллипс в идеальном круге.
Удерживайте Option (Mac) или Alt (Windows), чтобы вытянуть эллипс из центра.

Чтобы точно настроить эллипс, используйте диалоговое окно.
Выберите инструмент Ellipse на панели инструментов и щелкните один раз на артборде. Откроется диалоговое окно.

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

Два раза кликните мышкой по прямоугольнику, выйдет окно (нажмите картинку для увеличения):

Вот оно при ближайшем рассмотрении:

Это параметры будущей фигуры: ширина (Width), высота (Height), с такими цифрами у нас должен получиться квадрат. Он и получился! (нажмите картинку для увеличения).

Заливка у него белая, а обводка должна быть черная, мы же видим синюю. Всё правильно! Квадрат выделен, кликните мышкой по пустому месту области рисования, снова выйдет окно Rectangle – прямоугольник. Изменим параметры, 200 на 150, нажмем OK, вот, что получилось! (нажмите картинку для увеличения)

Первая фигура приобрела свой настоящий вид (белая заливка и черная обводка), она потеряла выделение, застыла, вам её не изменить, а новый прямоугольник выделен синим, он готов к работе.

Снова кликните по листу, все повторится, пока не заполните квадратами и прямоугольниками весь лист и пространство за ним. А нам надо идти дальше! Сначала нажмите Cancel в окне Rectangle, кликните черную стрелочку (Selection Tool), посмотрите, как по-новому выделился наш прямоугольник.

Теперь он попал во владения черной стрелки (Selection Tool), которая многое может: изменить размер фигуры, сделать поворот, закрасить другим цветом, применить новые функции.

Подведите черную стрелку к выделенному прямоугольнику, когда она на фигуре потеряет свой черный хвостик, нажмите и, удерживая кнопку мыши, поднимите фигуру вверх. (нажмите картинку для увеличения)

Вот мы и переместили наш прямоугольник.

Теперь обратите внимание, что вокруг выделенного прямоугольника расположено восемь маленьких квадратиков. Это маркеры выделения. Подведите к ним черную стрелку, она меняется. То появляется тоненькая двойная стрелка, то изогнутая стрелка. Прямой двойной стрелкой вы измените размер фигуры. Подведите курсор, появилась двойная стрелка, теперь тяните, не отпуская кнопку мыши, в нужную вам сторону.

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

Вот что получилось у меня! Вы могли растянуть и повернуть по-другому, это неважно. Вы умеете пользоваться главной стрелкой (Selection Tool) программы! (нажмите картинку для увеличения)

Поработайте с разными видами черной стрелки. А теперь отдохнем. Закрепите изученное.

Читайте также: