Illustrator как нарисовать трапецию
Обновлено: 07.07.2024
Ну вот наконец-то (только на 3-й день. ) мы приступаем к тому, для чего, собственно, существует Adobe Illustrator, - к рисованию!
Если у кого-то с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.
В сегодняшнем уроке рассказывается про:
А также рассказывается, как:
Читать урок полностью на Marovaki design blog (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)
Инструменты выделения
В иллюстраторе существует 2 типа инструментов для выделения объектов.
Инструменты фигур
Разбираемся с заливкой (fill) и обводкой (stroke)
Кликните и нарисуйте прямоугольник так, как показано на рисунке. По-умолчанию он имеет белую заливку и черную обводку.
Изменяем цвет заливки
Давайте изменим цвет заливки для прямоугольника. Дважды кликните на Заливку (Fill) из панели инструментов. Появится окно выбора цвета. Подвиньте движок к синему цвету и выберите темно-синий цвет. Нажмите Ок после окончания выбора.
Убираем обводку (stroke)
Сохраняем пропорции
Чтобы нарисовать правильную равностороннюю фигуру, выберем инструмент прямоугольник. Удерживаем Shift и рисуем квадрат. То же самое если нам нужно нарисовать круг выбираем инструмент Эллипс (Ellipse Tool) и, удерживая его рисуем круг.
Для сохранения пропорций любых объектов удерживаем Shift при рисовании.
Изменяем размеры фигур
Вращаем фигуры
Больше опций для инструмента фигура
Почти все объекты в повседневной жизни состоят из комбинаций основных фигур.
В уроке из 9-го дня мы научимся использовать Составные Пути (Compound Paths) которые позволяют создавать сложные объекты, добавляя или убирая их из простых фигур.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
В этом уроке вы узнаете пять различных способов, как быстро нарисовать трапецию, используя такие инструменты, как «Основные фигуры», «Форма», «Прямоугольник» а также освоите различные команды для преобразований в CorelDRAW.
Оказывается иногда и простая фигура может поставить начинающего пользователя в тупик. И вправду, как вот так, сразу, нарисовать трапецию.
Рис. 1. Примеры трапеций.
Способ первый. «Простейший».
Активируем инструмент «Основные фигуры». Выбираем подгруппу «Правильные фигуры». В мини–библиотеке, которая появилась на панели свойств, выбираем нужную фигуру и рисуем ее на рабочем листе документа.
Рис. 2. После активирования инструмента «Основные фигуры», на панели свойств появится список правильных фигур.
Рис. 3. Перемещение глифа (красного маркера) позволяет редактировать форму объекта.
В левом верхнем углу нарисованной трапеции появляется красный маркер в форме ромба. Этот маркер называется глифом. Вид трапеции или любой другой фигуры из группы основных фигур изменяется, путем перетаскивания глифа инструментом «Форма». При наведении инструмента на глиф, курсор изменится и глиф можно будет переместить.
Способ второй. «Перспективный».
Активируем инструмент «Прямоугольник» и рисуем произвольный прямоугольник. Выделяем его и в меню «Эффекты» выбираем пункт «Добавить перспективу».
Инструментом «Форма» перемещаем верхние маркеры на одной из сторон прямоугольника. Можно перемещать и точку схождения перспективы, добиваясь нужного наклона сторон трапеции.
Рис. 4. С помощью меню «Эффекты» можно добавить объекту перспективу.
Рис.5. Перемещая маркеры перспективы, или изменяя положение точки схода легко добиться нужного эффекта.
После применения эффекта перспективы, в статусной строке программы появится информация о том, что к объекту был применен эффект перспективы. Можно сразу же преобразовать объект с примененным эффектом в простую кривую командой меню «Объект» > «Преобразовать в кривую». Форма объекта будет сохранена.
Способ третий. «Конструктор».
Инструментом «Прямоугольник» рисуем основной объект - квадрат или прямоугольник.
Удерживаем во время рисования инструментом «Прямоугольник клавишу Сtrl – рисуем квадрат.
Удерживаем во время рисования клавишу «Shift» – рисуем прямоугольник не от угла, а от центра.
Удерживаем во время рисования обе клавиши Сtrl+Shift – рисуем квадрат от центра.
Выставляем по сторонам прямоугольника (квадрата) направляющие. Включаем «привязку к направляющим». Это можно сделать соответствующей командой меню «Вид» > «Привязать к» > «Направляющим».
Рис.6. В меню «Вид» можно включить нужный режим привязки объекта.
Рис.7. Привязка прямоугольников к направляющим.
Рисуем еще два одинаковых прямоугольника, с высотой, соответствующей высоте базового основного прямоугольника. Размещаем эти объекты слева и справа от основного, базового прямоугольника вплотную к нему. Поскольку включен режим привязки к направляющим, то не составит большого труда правильно расположить объекты.
Преобразуем левый и правый прямоугольники в кривые, командой «Объект» > «Преобразовать в кривую» или используя комбинацию клавиш «Ctrl+ Q».
Инструментом «Форма» удаляем по одному углу во вспомогательных прямоугольниках.
Рис.8. Удаление одного из узлов прямоугольника.
Выделяем инструментом выбора все три фигуры и применяем команду меню «Объект» > «Формирование» > « Объединение» или нажимаем на кнопку этой же команды на панели свойств.
Рис.9. Вызов команды объединения объектов.
Рис.10. Так выглядит фигура после объединения.
Способ четвертый. «Рисование по сетке или направляющим».
Сначала включаем режим отображения сетки документа. Это можно сделать командой меню «Вид»> «Сетка»> «Сетка документа» либо включить на съемной панели быстрого вызова команд меню.
Рис.11. Включение отображения сетки документа.
На этой же панели находится и кнопка включения различных режимов привязки, включаем режим привязки «сетка документа»
Рис.12. Включение режима привязки объектов.
Теперь можно активировать инструмент «Прямая через две точки» и рисовать трапецию нужного размера. Узлы фигуры будут надежно привязаны к узлам сетки документа. Не забудьте проверить включен ли режим автоматического замыкания полученной кривой.
Рис.13. Работа с инструментом «Прямая через две точки».
Кстати если режим привязки к сетке включен, а сама сетка документа невидима, то во время рисования фигуры сохранится способность притяжения к сетке и фигура будет нарисована именно по сетке.
Точно таким же образом можно нарисовать трапецию или любую другую сложную фигуру, используя привязку к направляющим. Сначала выставляются направляющие по размеру будущей фигуры, затем включается режим привязки к направляющим и рисуется собственно фигура.
Рис.14. Рисование трапеции по направляющим.
Способ пятый. «Симметричные узелки».
Наверное, самый простой способ рисования трапеции – преобразовать в нее обычный прямоугольник. Сначала придется просто преобразовать прямоугольник в кривую (комбинация клавиш «Ctrl+Q») и, затем, поочередно инструментом «Форма» переместить два параллельных узла на нужное расстояние. Для точности удобно воспользоваться направляющими и включить соответствующий режим привязки.
Рис.15. Рисование трапеции из прямоугольника.
Таким способом легко рисовать самые разнообразные трапеции – остроугольные, тупоугольные, прямоугольные.
Рис.16. Примеры трапеций.
А вот если необходимо нарисовать равнобедренную трапецию, лучше применить способ симметричного перемещения узлов.
Рисуем прямоугольник, преобразуем его в кривую. Активируем инструмент «Форма», выделяем этим инструментом два параллельных узла. На панели свойств включаем режим «Отразить узлы по горизонтали» и начинаем передвигать выделенные ранее узлы. Оба узла будут перемещаться симметрично до нужного положения.
Рис.17. Симметричное перемещение узлов по горизонтали.
Аналогичным образом можно перемещать узлы, включая режим «отразить по вертикали».
Рис.18. Симметричное перемещение узлов по вертикали.
Работа в режиме отражения узлов по вертикали или горизонтали значительно упрощает работу при рисовании симметричных фигур.
На панели свойств инструмента «Форма» есть еще несколько очень интересных кнопок, позволяющих масштабировать и поворачивать отдельные узлы кривых.
Рис.19. Включение режима «Повернуть или наклонить узел» позволит переместить, наклонить, повернуть один или несколько узлов и создать новую фигуру.
Навыки рисования трапеций различными способами всегда пригодятся при рисовании других простых или сложных фигур.
В этом уроке мы рассмотрим, как использовать инструменты форм для рисования основных фигур в Illustrator. Но для начала, давайте научимся выделять базовую фигуру, чтобы в последующем у вас не возникало проблем с выделением и редактированием фигур в Illustrator.
Новое в рубрике:
В Illustrator существует 2 инструмента выделения, используемых для выделения объектов.
Seleсtion tool: Используется для выделения и перемещения фигуры. Также им можно менять размер фигуры. Direct seleсtion tool:. Выделяет отдельный якорь, а не целую фигуру. Используется для редактирования ключевых точек фигуры. Кликните в нужной точке один раз для выделения, зажмите Shift для выделения отдельных ключевых точек.
Теперь рассмотрим инструменты форм. На панели инструментов, если вы зажмете инструмент Rectangle Tool (Прямоугольник), выскочит всплывающий список доступных инструментов формы на выбор. Начнем со стандартного инструмента Прямоугольник.
Понятие заполнения и очертания
Нажмите и вытяните прямоугольник как показано на рисунке. По умолчанию фигуре ставится белое заполнение и черное очертание. (Очертание это фактически граница фигуры)
Изменяем цвет заполнения
Давайте поменяем цвет заполнения для нашего прямоугольника. Дважды кликните на иконку Fill на панели инструментов. Выскочит окно цветовой палитры (Color Picker). Перетащите бегунок на синий цвет и выберите глубокий синий цвет. Нажмите Ok.
Удаляем очертание
Нажмите на иконку Stroke на панели инструментов одиножды, чтобы переместить очертание поверх заполнения. Кликните по иконке None, перечеркнутой красным, чтобы удалить очертание. Черное очертание исчезнет.
Сохранение пропорций
Чтобы нарисовать идеальный квадрат, выберите инструмент Прямоугольник. Зажмите Shift и протащите мышь, рисуя правильный прямоугольник. То же и для окружности, выберите инструмент Ellipse Tool (Эллипс) и зажмите Shift, вытягивая фигуру.
Меняем размер фигур
Чтобы изменить размер фигур, выделите фигуру, используя инструмент ion Tool (Выделение), при этом появится вмещающий прямоугольник. Потяните за угловую точку, чтобы изменить размер вашей фигуры. Чтобы сохранить пропорции, зажмите Shift во время перетягивания. Также можно зажать Alt/Option, если вы хотите изменить размер из той же точки.
Выделите фигуру инструментов Выделение, при этом появится вмещающий прямоугольник. Проведите курсором рядом с угловой точкой, должна появиться иконка вращения, кликните по ней и начните вращение. Чтобы повернуть сразу на 45 градусов, при поворачивании зажмите клавишу Shift.
Еще опции для инструментов Формы
Выберите инструмент Star Tool (Звезда). Кликните один раз по области приложения, при этом выскочит окошко опций. Введите в поля значения как на рисунке снизу и нажмите Ok. Нарисуется разрывающаяся звезда. Этот метод можно использовать для вывода дополнительных опций для инструментов форм.
Почти все объекты в нашей повседневной жизни можно построить, комбинируя эти базовые фигуры с использованием основных инструментов форм. На 9 День, мы изучим так называемые структурные пути (Compound Paths), которые помогут нам создавать более сложные фигуры путем добавления и удаления элементов из базовых фигур
В посте собрана подборка обучающих уроков по созданию векторной графики. На мой взгляд большинство материалов покажутся интересными для новичков только начинающих постигать векторное искусство. Но думаю, что специалисты также смогут найти для себя полезные уроки.
Туториалы бесплатные, но почти все на английском языке. Для удобства они поделены на три категории: приступая к работе, создание лиц, дизайн персонажей, ландшафт и окружающая среда и особые эффекты.
Приступая к работе
В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.
В этом многогранном туториале Вы узнаете основные термины, рассмотрите рабочие процессы и техники, которые помогут начать работать с векторной графикой.
Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.
Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.
От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.
Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.
7. Добавление текстуры для векторных иллюстраций
Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.
Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.
Создание лиц
9. Создание векторного глаза
Это очень полезный видео туториал, который показывает процесс создания векторного глаза, а также затемнение кожи.
Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.
Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.
С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.
Прорисовка волос в векторе может быть довольно мудреной. Этот туториал шаг за шагом показывает как волосы с фотографии превращаются в векторные.
В этом уроке Вы сможете создать иллюстрированный автопортрет в геометрическом стиле. В качестве основы иллюстрации будет использоваться Ваша собственная фотография. Она поможет нарисовать эскиз, а затем завершить оставшуюся часть работы.
Дизайн персонажей
Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.
Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.
В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.
С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.
В руководстве описан процесс создания простого персонажа аниме от начала и до конца.
Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.
Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.
Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.
Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.
Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.
Ландшафт и окружающая среда
В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.
В этом туториале продемонстрировано, как создать в llustrator эффектный ландшафт окружающей среды. Для выполнения задания будет достаточно базовых знаний об инструментах программы.
Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).
Особые эффекты
В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.
Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.
В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.
За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.
С помощью Illustrator можно создавать безупречную векторную графику. Но порой требуются иллюстрации, напоминающие художественные эскизы, выполненные на скорую руку. В уроке показано, как нарисовать векторный рисунок в таком стиле.
Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.
Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.
В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Конвертируйте растровое изображение в векторное
Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.
Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.
Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.
В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.
В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.
Читайте также: