Как создать треугольник в иллюстраторе: Как нарисовать треугольник в Adobe Illustrator ~ Записки микростокового иллюстратора
Урок Adobe Illustrator & Photoshop: создание Low-Poly портрета треугольниками
В этом уроке бразильский дизайнер Брено Битенкур показывает вам шаг за шагом, как создать стильный Low-Poly портрет треугольниками в Illustrator и Photoshop.Секрет создания работ в этом стиле в выборе хорошего референсного фото — и сначала Бренло показывает как их сделать (используя себя в качестве модели). Затем он показывает, как работать в Photoshop, а затем создавать векторную версию в Illustrator.
Вам не нужно быть экспертом в Illustrator или Photoshop, чтобы следовать этому руководству, если у вас хороший взгляд и много терпения.
Время выполнения: 4 часа
Необходимое программное обеспечение: Любая из последних версий Adobe Illustrator и Photoshop
Шаг 1
Сначала вам понадобится хорошая референсная фотографий. Для этого урока я решил создать автопортрет, поэтому я попросил небольшую помощь у своего друга, который сделал снимок.Важные советы: здесь нужно использовать перспективу, чтобы показать глубину, иметь хорошую дисперсию света и тени и попытаться обеспечить, чтобы ваша модель имела некоторые аксессуары, которые будут контрастировать с мягкостью кожи и одежды (такие как очки, украшения или накрахмаленный воротник).
Для каждой части грубо обрезайте часть, которую вы хотите. Затем откройте новый документ в Photoshop с черным фоном и поместите каждый из элементов на отдельные слои.
Шаг 2
Теперь вам нужно объединить их, чтобы создать идеальный референс. Удалите ненужные части и сделайте коллаж из выбранных вами частей — с помощью масок и режимов наложения, чтобы собрать их все вместе.Вам не нужно полностью придерживаться реальности фотографий — вам нужно создать фотографию, которая так же красива, как и моя. Например, мне не нравилось, когда рука была у моего уха, поэтому я вырезал ее.
Я также изменил некоторые части моих волос, которые были не очень интересными.
Шаг 3
Теперь у вас есть собранное изображение, отрегулируйте контрастность, цветовой баланс, уровни и т. п., чтобы создать более динамичное изображение.Шаг 4
Я хочу, чтобы цвет моего конечного арта был теплее, чем референсное фото, поэтому я добавил слой фиолетового оттенка с режимом Screen Blending.Шаг 5
Теперь мы подошли к длительной части процесса: треугольной сетке. Там нет секретного трюка — вам нужно сделать это вручную. Почему? Потому что ваш мозг сработает лучше любого скрипта и автоматизированного процесса при определении контуров лица.Вот несколько руководств. Маленькие части требуют небольших треугольников. Никогда не делайте квадраты — они просто выглядят плохо. Придерживайтесь треугольников. Будет проще, если у вашего референса прямой нос, как у меня. Закругленные носы неудобны.
Шаг 6
Если вы сделали это, похлопайте себя по спине — вы сделали большую часть тяжелой работы (но не всю).Настало время уточнить треугольники. Вам нужно просто сосредоточиться на сетке. Очистите его и найдите все треугольники, которые вы забыли создать.
Теперь запустите Illustrator.
Шаг 7
Поместите сетку в свою монтажную панель и закрепите ее. Пришло время провести векторную сетку треугольников над текущей в контрастном цвете (я использовал ярко-фиолетовый) с помощью инструмента «Перо».Снова это займет некоторое время, поэтому включите хороший плейлист, налейте кофе и продолжите эту работу.
Вот несколько советов, чтобы ускорить процесс.
Вам не нужно закрывать треугольники, просто используйте инструмент «Перо», чтобы выделить три точки. Это может показаться глупым, но это сэкономит вам кучу времени при сотнях треугольников, которые вы собираетесь создать.
Шаг 8
Вам также не обязательно быть таким точным — в следующих шагах я покажу отличный трюк, чтобы объединить их.Шаг 9
Это была большая часть работы, но вы справились. Передохните и не забудьте сохраниться.Шаг 10
Теперь я покажу вам трюк, чтобы все точки были идеально расположены. Это простая процедура, но, конечно, вам нужно будет повторить ее столько раз, сколько у вас есть треугольниеов на портрете.С помощью инструмента Direct Selection выберите каждую группу точек, которые должны находиться в одном месте.
Шаг 11
Откройте панель «Выровнять» и нажмите «Горизонтальное выравнивание по центру» в разделе «Выровнять опорные точки».Шаг 12
Затем нажмите «Вертикальное выравнивание по центру» и все ваши точки точно в одном месте. О да!.Шаг 13
Теперь переместите точки, чтобы исправить их положение, если это необходимо.Затем повторите шаги 10-12 для всех ваших вершин.
Шаг 14
Скройте сетку, созданную вами в Photoshop. Снова проверьте вашу сетку на пропущенные треугольники (я всегда забывал по крайней мере по десять треугольников на портрет). Лучший способ сделать это — выбрать все ваши векторы (Cmd / Ctrl + A), и инвертировать их Fill и Stroke (Shift + X).Если вы заметите, что один отсутствует, верните Fill и Stroke назад, как было раньше (Shift + X снова), добавьте свой треугольник и снова проверьте. Когда у вас будет полная сетка, переходите к следующему шагу.
Шаг 15
Поместите референс с фотографией на слой ниже вашей векторной сетки и выровняйте их оба идеально. Это позволит вам выбрать правильные цвета с вашей фотографии для создания узнаваемого портрета. Заблокируйте опорный слой.Шаг 16
Теперь самая интересная часть — давайте добавим цвета. Выберайте каждый треугольник по очереди. Выберите инструмент «Пипетка» (I) и снимите цвет с середины каждого треугольника, затем заполните его.Создание иллюстрации с фастфудом в Adobe Illustrator
В этом уроке мы будем рисовать иллюстрацию на тему фастфуда в Adobe Illustrator.
Мы используем базовые фигуры, поработаем с функциями живых углов и обработкой контура. В итоге у нас получится плоская иллюстрация, которой мы придадим объем при помощи бликов и теней.
Урок подходит начинающим пользователям программы.
1. Создаем новый документ
Нажмите Cmd/Ctrl + N, чтобы создать новый документ. Выберите в качестве Units/Единиц измерения Pixels и укажите размер документа в 800 x 600px. В дополнительных настройках (Advanced Options) укажите цветовой режим (Color Mode) RGB и разрешение (Resolution) в 72ppi.
В Preferences/Установках (Cmd/Ctrl + K) укажите 1px в опции Keyboard Increment/Клавиатурное приращение. Нажмите OK.
В меню выберите Window > Info/Окно>Информация, чтобы видеть предпросмотр вашего документа. Не забудьте указать в качестве единиц измерения пиксели, выбрав в меню Edit > Preferences > Units/Редактировать>Настройки >Единицы измерения. Это поможет вам работать быстрее.
2. Рисуем стол
Начнем с создания поверхности стола и ножек.
Шаг 1
Для столешницы нарисуйте прямоугольник одноименным инструментом (rectangle) размером в 440 x 20px. Укажите цвет заливки: #EBBD63 и толщину обводки в 6px. В палитре Stroke/Обводка выберите круглые углы (Round Join).
Шаг 2
Чтобы создать ножки, нарисуйте прямоугольник размером 25 x 88px (цвет: #EBBD63), также с обводкой в 6px. Инструментом Pen/Перо (P) добавьте точку на нижней линии фигуры. Инструментом Direct Selection/Прямое выделение (A) выделите и удалите точку.
Переместите правую нижнюю точку ножки вверх, используя тот же инструмент Direct Selection/Прямое выделение. Дублируйте ножку (Cmd/Ctrl + C > Cmd/Ctrl + F) и поместите на противоположную часть стола.
3. Рисуем напиток
Шаг 1
Нарисуйте прямоугольник размером 86 x 156px (цвет: #F04903). Инструментом Direct Selection/Прямое выделение (A) выделите две нижние точки и переместите их ближе к центру фигуры (поочередно) на 10px.
Нарисуйте круг размером 44 x 44px при помощи инструмента Еllipse/Эллипс (цвет: #EFC206) в центре стакана. Инструментом Pen/Перо (P) нарисуйте два треугольника белого цвета как показано ниже.
Шаг 2
Рисуем крышку для стакана. Инструментом Rounded Rectangle/Прямоугольник со скругленными углами нарисуйте фигуру размером 104 x 12px белого цвета. Укажите Corner Radius/Радиус скругления углов в 6px и толщину обводки в 4px.
Рисуем соломинку. Нарисуйте белый прямоугольник размером 7 x 44px и поверните его на 340º в палитре Transform/Трансформация. Дорисуйте еще один прямоугольник размером 56 x 7px также белого цвета, расположите его как показано ниже. Выделите оба прямоугольника и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура. Теперь выделите два угла на сгибе инструментом Direct Selection/Прямое выделение (A) и аккуратно потяните за манипуляторы Live Corners/Живых углов, чтобы скруглить их. Поместите трубочку на ее место и пошлите на задний план: правый клик > Arrange > Send to Back/Упорядочить>На задний план.
Сгруппируйте все вместе (Cmd/Ctrl + G).
4. Рисуем гамбургер
Шаг 1
Начнем с булочки. Нарисуйте прямоугольник размером 129 x 41px (цвет: #F29B34) и скруглите верхние углы при помощи инструмента Direct Selection/Прямое выделение (A) и функции Live Corners/Живые углы.
Рисуем ломтик ветчины из прямоугольника размером 140 x 10px (цвет: #F16554C) со скругленными на 5px углами (скругляем через палитру Transform/Трансформирование).
Шаг 2
Рисуем лист салата инструментом Pen/Перо как показано ниже. Толщина обводки — 6 px, а цвет заливки: #71BA51.
Рисуем ломтик сыра инструментом Rounded Rectangle/Прямоугольник со скругленными углами размером 140 x 10px (цвет: #EFC206), радиус скругления углов 5px. Посылаем сыр на задний план.
Шаг 3
Добавляем мясо при помощи прямоугольника со скругленными углами размером 140 x 13px (цвет: #FD5B03). Радиус скругления углов — 7px. Дублируйте лист салата и поместите его под мясо.
Наконец добавьте нижнюю часть булочки, нарисовав прямоугольник размером 129 x 28px (цвет: #F29B34) и скруглив нижние углы. Сгруппируйте все вместе.
5. Рисуем картошку фри
Шаг 1
Начнем с пакета. Нарисуйте прямоугольник размером 102 x 94px (цвет: #F04903) и при помощи инструмента Direct Selection/Прямое выделение (A) подвиньте нижние углы ближе к центру на 8px каждый.
Затем нарисуйте круг инструментом Ellipse/Эллипс (#EFC206) и поместите его в центр пакета.
Шаг 2
Нарисуйте круг размером 75 x 75px и поместите его как показано ниже. Выделите пакет и круг и кликните по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.
Шаг 3
Нарисуйте прямоугольник размером 10 x 120px (#EFC206) и укажите размер обводки в 5px. Создайте копии (Cmd + C > Cmd + F), и поворачивайте их инструментом Rotate/Поворот ®, располагая как показано ниже. Выделите все прямоугольники и пошлите их на задний план.
Шаг 4
Поместите все элементы на стол:
6. Свет и тени
Добавим немного объема нашим объектам.
Шаг 1
Для начала немного изменим цвет всей работы. Выделите всё, и смените цвет обводки на #5B372B. Затем в меню выберите Object > Expand Appearance/Объект>Разобрать оформление.
Разгруппируйте объектв. Выделите их все и нажмите Shift + Cmd(Ctrl) + G. Так будет проще работать над деталями.
Шаг 2
Начнем с гамбургера. Выделите верхнюю часть хлеба и дважды ее дублируйте (Cmd + C > Cmd + F). Переместите вторую копию ниже и немного правее. Выделите обе копии и кликните по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура. Укажите получившейся фигуре цвет #F8F5BC. Повторите процесс со всеми объектами.
Шаг 3
Таким же способом добавьте бликов на стакан с напитком.
Шаг 4
Украсьте гамбургер маленькими кругами размером 5x5px (цвет: B57427).
Шаг 5
Добавляем бликов упаковке с картошкой фри.
Шаг 6
И наконец добавляем бликов цвета #FBF2E0 столу и ножкам.
Шаг 8
Тем же способом добавляем всем объектам тень, просто делаем это с другой стороны.
7. Завершающие детали
Теперь добавим немножко орнамента.
Шаг 1
Нарисуйте крестик, перекрестив две линии длиной в 16px (рисуем инструментом Pen/Перо (P) и указываем линиям толщину в 6px). Рисуем еще один, но поменьше — длиной в 10px.
Добавьте немного кружочков размером 4x 4px и 7 x 7px без обводки.
Используйте следующие цвета для этих элементов: #FFCE0B, #F04903, #653426, #FF8500.
Шаг 2
Нарисуйте фон — прямоугольник по размеру рабочей области цвета #F2E2C9. Разместите его на заднем плане.
Результат
Источник: dejurka.ru
Adobe Illustrator CC. Руководство пользователя
Считать открытый контур с заливкой закрытым
«В режиме «Объединить» контур разделяется при щелчке по обводке»
Выбрать цвет из
Заливка
Выделять обводку, если возможно редактирование
Если требуется задать другое значение длины зазоров, установите флажок «Другие».
После установки значения для длины зазоров Illustrator определяет только те зазоры, длина которых
близка к установленному значению. Выбирайте длину зазоров таким образом, чтобы она примерно
равнялась действительной длине зазоров на иллюстрации. Чтобы проверить, обнаруживаются ли
зазоры, поэкспериментируйте с их длиной.
Например, если вы устанавливаете длину зазоров, равную 12 пунктов, а фигура, слияние которой
будет выполняться, содержит зазоры длиной 3 пункта, Illustrator может их не обнаружить.
Выделение указывает на обнаружение зазора, а сам выделенный участок рассматривается как
область
В случае выбора этого параметра для открытого
контура создается невидимый край, позволяющий образовать область. При щелчке внутри этой
области создается фигура.
Установите флажок «В
режиме «Объединить» контур разделяется при щелчке по обводке». Этот параметр позволяет
разделить родительский контур на два. Первый контур создается на основе края, по которому
выполнялся щелчок, второй контур на основе оставшейся части родительского контура, за
исключением первого контура. Если этот параметр выбран, то при разделении контура указатель
Пользователь может задать цвет объектов на основе образцов цвета или цветов,
используемых в иллюстрации. Чтобы задать источник («Образцы цвета» или «Иллюстрация»),
используйте раскрывающийся список «Выбрать цвет из».
Если устанавливается значение «Образцы цвета», активируется возможность выбора параметра
«Просмотр образца курсора». Задав этот параметр, пользователь сможет выполнять предварительный
просмотр и выбирать цвета. При выборе этого параметра активируется образец курсора «Быстрая
заливка». Это позволяет выполнять итерацию (используя клавиши со стрелками) и выбирать цвета в
палитре образцов.
Примечание. Выполнение итерации при помощи клавиш со стрелками возможно даже в том случае,
если параметр «Просмотр образца курсора» не активирован.
Чтобы изменить цвет обводки, наведите указатель на края объекта. Это позволит выделить и
изменить цвет обводки. Эта возможность доступна только в случае выбора параметра «В режиме
«Объединить» контур разделяется при щелчке по обводке».
Выбрать цвет заливки для области можно, наведя указатель на любую часть документа.
Примечание. Параметр «Просмотр образца курсора» не отображается во время объединения, что
обеспечивает четкую визуализацию фигур.
Если устанавливается значение «Иллюстрация», Illustrator использует те же правила, что применялись
для других стилей объектов, подлежащих слиянию. Дополнительную информацию см. в п. 6 раздела
Создание фигур с помощью инструмента «Создание фигур».
Флажок «Заливка» установлен по умолчанию. В случае выбора этого параметра контур или
область, для которых может выполняться слияние, выделяются серым цветом при наведении мыши на
предварительно выбранный контур. Если этот параметр не установлен, выбранный контур или область
остаются в обычном состоянии.
В случае выбора этого параметра Illustrator
408
Создание изображения в стиле Low Poly
Техника Low Poly используется для создания 3D моделей и сцен для видеоигр. Для создания таких изображений можно использовать практически любой 3D софт: Maya, Cinema 4D, Blender, 3ds Max и прочие. Но также можно использовать 2D редакторы графики, например: Adobe Photoshop или Adobe Illustrator. Последний предназначен для создания таких изображений, так как является редактором векторной графики.
Триангуляция изображения — трудоемкий процесс, требующий огромного количества времени. Триангуляция — это то же, что и пикселизация, но вместо квадратов здесь используются треугольники. В этом уроке мы поэтапно создадим Хидео Кодзима (Hideo Kojima) в стиле Low Poly.
Этап 1: Выбор инструмента
Как говорилось выше, инструментом может послужить как Photoshop, так и Illustrator. Фотошоп в основном работает с растровой графикой. Поэтому на стыках треугольников будет виден переход, что не есть хорошо. Единственный способ сделать триангуляция без потерь качества — использовать инструмент «Прямолинейное Лассо» (L). Необходимо выделить произвольные треугольники, как показано на фото ниже, после чего использовать фильтр «Размытие по Гауссу«. Горячая клавиша Ctrl + F сильно упростит процесс. Данный метод является самым быстрым, но не самым удобным. Поэтому мы будем использовать Illustrator, после чего отредактируем фото в Фотошопе.
Если ни один из этих редакторов не установлен на компьютере, то скачайте простую программу триангуляции фото по ссылке. Откройте Index.html и кликайте по изображению.
Этап 2: Настройка изображения
Загрузите изображение Кодзимы выше, откройте Illustrator и создайте проект. Перетащите фото в проект, после чего выберите инструмент «Монтажная область» (Shift+O). В стилях нажмите на «Подогнать по границам иллюстрации«.
Этап 3: Создание треугольников
Для создания эффекта Low Poly нам нужно будет использовать следующие инструменты: «Отрезок Линии» (), «Прямое выделение» (A), «Пипетка» (I) и комбинацию клавиш Ctrl + Y.
Создайте три новых слоя: первый для очков, второй для волос, а третий для лица и одежды. Поставьте ширину линии равной 1 pt. Обведите линиями очки. Как только вы создали треугольники и убедились, что все точки соединены, перейдите в Окна > Операции. В открывшемся окне создайте новую операцию и запишите следующие действия: Горизонтальное и Вертикальное выравнивание по центру (Находится в «Выравнивание» или Shift +F7) Нажмите дважды на созданную операцию, в «Функциональной клавише» выберите F2.
Теперь, выделив точки в одном месте (Инструмент Прямое Выделение (A)), нажмите F2. Пройдитесь по всем линиям. То же самое сделайте с лицом и волосами.
Теперь выделите все линии, нажав Ctrl A, и в обработке контуров нажмите «Разделение«.
Этап 4: Заливка треугольников
На данный момент в проекте находятся разделенные треугольники, которые нужно будет закрасить. Выделив треугольник, нажмите на «Пипетку» и кликните на тот цвет, которым вы хотите закрасить треугольник. Для ускорения работы используйте горячие клавиши: A и I. Если возникают проблемы с выделением, нажмите Ctrl + Y.
Этап 5: Сохранение иллюстрации
Для сохранения изображения и дальнейшей обработки в Photoshop нужно перейти в Файл > Экспорт > Экспортировать как… Тип файла выберите PNG, разрешение Высокое (300 ppi), цвет фона: прозрачный. Обработайте получившееся фото в Photoshop: настройте цвета, создайте задний фон и сохраните в нужном формате.
Посмотрите также видеоурок по созданию Low Poly волка.
Полигональное рисование автоматическое и вручную. Видео урок
Полигональная графика стала очень популярной в последнее время и привлекает внимание некоторых дизайнеров и художников. Изображение портретов, предметов или каких-либо рисунков в виде векторных многоугольников выглядит эффектно и необычно.
Также, часто полигональное рисование применяют для фона, легкая цветовая разница на треугольниках создает интересный эффект объема. О процессе создания таких рисунков и пойдет речь в этой статье, вы узнаете о ручном и автоматическом методах рисования полигонами.
Ручной метод полигонального рисования.
Для рисования полигонов в Adobe Illustrator идеально подходит инструмент «Перо». Внимательно следите, чтобы между полигонами не было просветов. На мелких деталях требуется гораздо большее количество элементов, чтобы они не потерялись. Желательно так строить полигоны, чтобы границы изображения совпадали с границами полигонов.
Чтобы не терять времени на отрисовку каждого треугольника в отдельности, можно перетянуть один из узлов на копии (более подробно в видео уроке в конце статьи).
Но в любом случае, рисование полигонов вручную занимает много времени, особенно при большой детализации. Кроме того, косяки могут быть не заметны по ходу работы, а потом их править очень не удобно.
Когда сетка готова, самое время приступить к раскрашиванию. Возьмите инструмент «пипетка». Удерживая клавишу Ctrl выделите элемент, а затем, отпустите и нажмите пипеткой на цвет под выделенным элементом. Полигон перекраситься в нужный цвет.
Гораздо интересней смотрится, когда треугольник имеет градиентную заливку.
Автоматический метод полигонального рисования.
>>Скачать онлайн генератор>>
Маленькая программка способна прекрасно рисовать полигоны по вашей фотографии. Автоматически, в любых количествах и без косяков. И самое приятное, что раскрашивание делается тоже автоматически.
Разархивируйте скачанный архив. Перейдите по ссылке \triangulator\triangulator\index.html. Запустите файл index.html. Перетащите ваше изображение в поле «Drop your bitmap here».
Нажимая на изображение мышкой вы создаете узлы, которые автоматически замыкаются и заполняются градиентным цветом. Среди верхних кнопок доступно добавление сразу 25 полигонов, сохранение и изменение прозрачности рисунка.
Когда рисунок готов, нужно его сохранить в векторном формате — Export to SVG: save this link as file. Нажмите правой кнопкой мыши на строке this link и выберите «сохранить ссылку как..» (в некоторых браузерах формат файла нужно прописать вручную).
Экспортируйте этот файл в CorelDRAW или Illustrator. Здесь вы можете исправить дефекты и доработать изображение до конечного результата.
В видео уроке подробнее описан процесс полигонального рисования:
(Visited 12 106 times, 16 visits today)
Кисть для имитации строчки оверлок в Adobe Illustrator CC
Здравствуйте, уважаемые друзья!
Один хорошо выполненный рисунок может заменить многословное объяснение, как технологически обработана деталь изделия.
Например, если Вы рисуете изделие с разрезом, то целесообразно нарисовать эту деталь с изнаночной стороны. Желательно проставить размеры всех припусков на швы, угол наклона, расстояние от края до строчки и т. д. Чем больше информации на рисунке, тем меньше придется объяснять и тем больше вероятность, что на выходе будет получено именно такое изделие, как запланировано.
В этом блоге я расскажу, как нарисовать обработку срезов оверлоком, используя инструменты Adobe Illustrator CC. Ниже изображен фрагмент изделия с изнаночной стороны. Копии линий срезов, которые должны быть обработаны оверлоком, расположены на небольшом расстоянии от этих срезов.
Создадим кисть для имитации строчки оверлок. Для этого выберите инструмент «Многоугольник» в панели «Инструменты».
Кликните на странице. В диалоговом окне задайте такие же параметры, как на рисунке ниже.
Поверните треугольник на 180°.
Тащите виджет углов по направлению к центру треугольника инструментом «Выделение», пока радиус не станет примерно равным 4мм (Р: 4,09 мм — на рисунке).
Разрежьте полученную фигуру инструментом «Ножницы» в точках, указанных на рисунке. Удалите ненужную часть фигуры. Притащите вертикальную и горизонтальную направляющие, расположив их так, как показано на рисунке.
Создайте зеркальную копию данной линии по вертикали. Подвиньте копию линии так, чтобы две линии соприкасались в нижней точке.
Поверните копию линии горизонтально. При желании можно объединить две линии в одну.
Добавьте две короткие горизонтальные линии для имитации стежков, как показано на рисунке.
Уменьшите толщину линии до 0,25 pt и при помощи инструмента «Выделение» и клавиши Shift уменьшите саму линию до нужных размеров.
Создайте новую «Узорчатую кисть» и попробуйте применить ее к какой-нибудь линии.
Примените кисть — оверлок к линиям – копиям срезов.
Вот такая у нас получилась строчка оверлок. Применять эту кисть теперь можно многократно, изменяя ее размер при необходимости в палитре «Обводка».
Аналогично можно создать любые кисти для имитации обработки припусков на швы.
Как нарисовать треугольник в фотошопе
В этой статье вы научитесь рисовать в фотошопе разные виды треугольника: равносторонний, равнобедренный, разносторонний и прямоугольный.
Как нарисовать равносторонний треугольник
У равностороннего треугольника все три стороны равны.
Самый простой вариант нарисовать в фотошопе такой треугольник — с помощью инструмента Многоугольник.
Выберите этот инструмент и на панели настроек сразу укажите количество сторон — 3.
Следующим этапом нужно определиться каким должен быть будущий треугольник: векторной фигурой, растровым со сплошной заливкой или нужен только контур. Рассмотри все варианты.
Векторный треугольник
На панели параметров выберите опцию Слой-фигура.
Теперь можно рисовать и сам треугольник. Во время создания вы будете видеть его границы. Это нужно для того, чтобы рассчитать его размеры. Также, пока не отпустили клавишу мыши, можно его крутить.
Векторный треугольник хорош тем, что можно быстро сменить его цвет, а также безболезненно изменить его размеры без потери качества. Для этого вызовете команду Свободного трансформирования — Ctrl+T.
Чтобы позже превратить его в растровый треугольник, используйте команду Растрировать.
Растровый треугольник со сплошной заливкой
Получится такой же треугольник, что и примером выше, но он будет сразу в растре.
Для этого на панели параметров нужно выбрать настройку Выполнить заливку пикселов.
Перед созданием такого треугольника, нужно первоначально создать для него новый слой.
Теперь рисуйте фигуру и она будет как самый обычный элемент растрового изображения.
Как нарисовать контур равностороннего треугольника
Для такой фигуры выберите на панели параметров опцию Контуры.
Рисуйте треугольник. У вас, естественно, получится только его контур. Далее, при этом же выбранном инструменте, сделайте клик правой кнопкой мыши внутри контура. Появится контекстное меню. Выберите команду Образовать выделенную область.
Откроется диалоговое окно. Радиус растушевки оставьте 0. Жмите Ок.
В итоге мы из контура сделали выделенную область.
А теперь, как в примерах с квадратом и кругом, можно сделать обводку выделенной области.
Для этого выполните команду Редактирование — Выполнить обводку. Появится окно, в котором укажите толщину линии обводки, а также как она будет проходить относительно пунктирной линии выделения: внутри, по центру, снаружи.
Фотошоп сделал обводку, теперь уберите пунктир выделения, чтобы не мешал — Ctrl+D. Результат:
Как нарисовать равнобедренный треугольник
У равнобедренного треугольника две стороны равны.
Разберем пример, когда нужно нарисовать равнобедренный треугольник заданных размеров. Допустим, основание 300 пикселей и высота 400 пикселей.
Шаг 1
Создадим новый документ в фотошопе, который будет превышать будущие размеры треугольника, например, 600 на 600 пикселей.
Шаг 2
Теперь с помощью направляющих и инструмента Линейка наметим габариты треугольника. Для этого сначала создайте горизонтальную направляющую ближе к низу документа (это будет основание). Затем вертикальную направляющую ближе к левому краю (от нее будем считать ширину):
Итак, основание (оно же ширина) договорились будет 300 пикселей. Отмеряем это расстояние от левой направляющей. Для этого возьмите инструмент Линейка и проложите прямой отрезок измерения (с зажатой клавишей Shift). На панели параметров смотрите в поле Ш.
В точке, где будет 300 пикселей проложите еще одну направляющую.
Теперь тоже самое сделаем с измерением высоты, напомню, она 400 пикселей. Отмеряем от нижней направляющей.
Так получили габариты треугольника в соответствии с заданными размерами. Теперь в этом прямоугольнике нужно нарисовать треугольник.
Шаг 3
Нужно отметить, где проходит середина. Поскольку ширина 300 пикселей, то середина будет проходить на 150. Отсчитаем это расстояние Линейкой и проведем там еще одну направляющую.
Шаг 4
Возьмите инструмент Линия (расположен там же, где и многоугольник). На панели параметров выберите опцию в зависимости от того, какой треугольник нужен. Здесь прямая аналогия с тем, что было описано у равностороннего треугольника. Я выберу Слой-фигуру.
Теперь, начиная с вершины, соединяйте углы треугольника линией. Благодаря направляющим, линия будет примагничиваться четко к центру пересечений, а значит нарисуем фигуру ровно пиксель в пиксель.
Шаг 5
Объедините три стороны в один слой.
Для этого выделите их на палитре, а затем вызовете контекстное меню и выберите команду Объединить слои.
Готово
Равнобедренный треугольник по заданным размерам нарисован!
Как нарисовать разносторонний треугольник
В разностороннем треугольнике все стороны различны.
Для того, чтобы нарисовать такой треугольник, выберите инструмент Прямолинейное лассо. С помощью него можно произвольно начертить все три стороны. Главное соединить начальную и конечную точку.
В результате получится выделенная область.
После этого, либо сделайте обводку выделения, либо закрасьте все выделение цветом. Это уже разбирали выше. Потом снимите пунктир выделения — Ctrl+D.
Как нарисовать прямоугольный треугольник
В прямоугольном треугольнике один из углов равен 90 градусов.
Если нужен прямоугольный треугольник с заранее известными размерами, например, размеры катетов 200 и 300 пикселей, то проще всего сделать следующим образом:
Шаг 1
Создайте новый документ в фотошопе с высотой и шириной равными размерам катетов: например, ширина пусть 300 пикселей, а высота 200 пикселей.
Рабочая область в фотошопе всегда прямоугольной формы, поэтому угол в 90 градусов будет уже обеспечен. Две стороны прямоугольника — его катеты. Останется только провести диагональ — это будет гипотенузой.
Шаг 2
Будем действовать по аналогии с примером выше. Берем инструмент Линия и ставим опцию Слой-фигура.
Теперь обводим линией по краям и соединяем две точки по диагонали:
Шаг 3
На палитре слоев опять три слоя-фигуры. Их можно объединить в один слой (команда Объединить слои).
Готово
Прямоугольный треугольник готов, можно закрасить его в какой-нибудь цвет:
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Как сделать треугольник в Illustrator
Выяснить, как создать треугольник в Illustrator, может быть непросто, потому что, в отличие от других фигур, для этого нет специального инструмента. Есть инструмент для создания прямоугольников, кругов, эллипсов и даже звезд. Однако инструмента треугольник нет, но это нормально, потому что мы можем с такой же легкостью использовать инструменты, предназначенные для других фигур.
Ниже приводится краткий обзор того, как мы подойдем к созданию треугольника в Illustrator. Я бы порекомендовал посмотреть видеоурок в верхней части страницы, если вы хотите получить более подробный и понятный урок.
Как сделать треугольник в Illustrator
Чтобы создать треугольник в Illustrator, возьмите инструмент Polygon Tool и щелкните холст, чтобы открыть меню настроек многоугольника. Установите Sides input на 3 и оставьте значение по умолчанию для Radius . Как только вы нажмете ОК, на вашем холсте появится треугольник. |
Первый шаг — взять инструмент Polygon Tool . Вы, вероятно, не сразу увидите его на панели инструментов, потому что он скрыт в Прямоугольники Инструмент , поэтому нажмите и удерживайте значок инструмента «Прямоугольники», чтобы открыть всплывающее меню, в котором отображаются различные другие формы на выбор.
Выберите Polygon Tool и щелкните холст один раз. Это вызовет меню настроек многоугольника.
Оставьте для входа Radius любое значение, которое уже есть, но убедитесь, что вы установили для входа Sides значение 3 . Технически мы будем создавать трехсторонний многоугольник, а не треугольник, но это все равно.
После того, как вы нажмете OK , на вашем холсте будет сгенерирован равносторонний треугольник.Равносторонний треугольник — это треугольник, у которого все три стороны равны по длине.
Равнобедренные треугольники
Равнобедренный треугольник — это треугольник, в котором только 2 стороны равны по длине. Если вы хотите превратить свой треугольник в равнобедренный треугольник, просто возьмите инструмент выделения (сочетание клавиш: V ), нажмите и перетащите края, чтобы изменить их размер в соответствии с вашими предпочтениями.
Скаленовые треугольники
Разносторонний треугольник — это треугольник, у которого ни одна из трех сторон не равна ширине.Если вы хотите дополнительно преобразовать свой треугольник в разносторонний треугольник, вы можете сделать это, взяв инструмент прямого выбора (сочетание клавиш: A ), щелкнув и перетащив каждый отдельный угол, чтобы установить его под желаемым углом. Вы также можете перетаскивать целые стороны, а не только углы.
Как составлять прямоугольные треугольники
Прямоугольный треугольник — это треугольник, в котором один из углов расположен под углом 90 градусов. Создание прямоугольных треугольников в Illustrator требует другого подхода, чем создание стандартных типов треугольников, описанных выше.
Чтобы создать прямоугольный треугольник в Illustrator, возьмите инструмент Rectangles Tool (сочетание клавиш: M ), затем удерживайте Shift на клавиатуре, щелкните и перетащите холст, чтобы создать идеально симметричный квадрат.
Теперь возьмите инструмент прямого выбора (сочетание клавиш: A ), щелкните и перетащите один из углов квадрата, чтобы выбрать его, затем щелкните значок Удалить выбранные опорные точки в меню вверху панель инструментов.
Значок выглядит примерно так…
Это удалит один из углов квадрата, и у вас останется прямоугольный треугольник.
Как создать треугольник с закругленными углами в Illustrator
Чтобы создать треугольник с закругленными углами в Illustrator, просто выполните любой из предыдущих шагов, чтобы создать стандартный треугольник, затем возьмите инструмент прямого выделения (сочетание клавиш: A ) и возьмите один из живых углов, чтобы образовать углы. круглый.
«Живые углы» — это удобная функция в Illustrator, которая позволяет делать острые углы скругленными. Также они позволяют определить радиус закругленного угла. Их можно определить по маленьким синим кружкам внутри каждого угла.
Нажав и перетащив один из активных углов, вы сможете создать закругленный треугольник.
И это основы создания треугольника в Illustrator. Если у вас есть дополнительные вопросы, просто оставьте комментарий ниже.Как всегда, спасибо за просмотр!
Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.
Как создать треугольник Рело в Illustrator — Medialoot
Треугольники со скругленными краями
Треугольник Рило — это очень специфическая геометрическая форма, которая может вращаться внутри квадрата.Из-за этого его часто используют в сложной технике. И вы знакомы с ним и в реальном мире: треугольник Рело — это форма стандартного карандаша (а не более традиционных круглых или шестиугольных стержней), потому что он более удобен и с меньшей вероятностью скатывается со стола. Но эта геометрическая форма по умолчанию недоступна в Illustrator, и для ее создания требуется только треугольник, круг и несколько простых шагов, которые я покажу вам здесь, чтобы вы могли создать свою собственную менее чем за 5 минут.
Шаг 1
Откройте Illustrator и создайте новый файл любого размера. В этом случае я сделаю свой размером 1800 x 1200 пикселей.
Шаг 2
На панели инструментов выберите инструмент «Многоугольник».
Шаг 3
Щелкните один раз по монтажной области, чтобы открыть окно параметров инструмента «Многоугольник».
Шаг 4
В окне инструмента «Многоугольник» установите радиус равным 150, стороны равным 3 и нажмите «ОК».
Шаг 5
Убедитесь, что включены быстрые направляющие («Просмотр»> «Быстрые направляющие»).Выберите инструмент «Эллипс» (L) и, удерживая клавиши Ctrl + Shift на клавиатуре, нарисуйте эллипс, начиная с нижнего левого угла треугольника, пока Smart Guide не достигнет правого нижнего угла, как показано.
Шаг 6
Пока круг все еще активен, выберите инструмент «Выделение» (V), удерживайте нажатой клавишу Alt на клавиатуре и перетащите круг вправо, пока его центр не окажется в правом нижнем углу треугольника, как показано.
Шаг 7
Опять же, удерживая клавишу Alt на клавиатуре, перетащите круг наверх, пока его центр не коснется верхнего угла треугольника, как показано.
Шаг 8
Выберите «Выбрать»> «Все».
Шаг 9
Выберите инструмент Shape Builder Tool.
Шаг 10
Удерживая клавишу Alt на клавиатуре, щелкните и нарисуйте фигуры, которые нам не нужны для треугольника Роло, как показано.
Шаг 11
Наконец, отпустите клавишу Alt и просто щелкните и нарисуйте оставшиеся формы, чтобы сложить их все вместе.
Как создать электрические болты в Adobe Illustrator — Design Pieces
Создайте векторный электрический болт в Adobe Illustrator с помощью этих простых шагов.Это потрясающе просто (извините).
Если вы новичок, вы научитесь пользоваться некоторыми удобными встроенными инструментами Illustrator. Нет необходимости загружать готовые векторы или бездельничать с помощью Pen Tool, когда вы можете создать свой собственный разряд молнии в мгновение ока.
Другие названия этой формы включают удар, поражение электрическим током, удар молнии и сотрясение.
- Используйте инструмент «Многоугольник», чтобы создать треугольник.
- Отразите треугольник по вертикали или поверните на 180 градусов, используя Object> Transform> Rotate .
- Удлините треугольник, перетащив нижний средний угол вниз. Используйте инструмент «Отрезок линии», чтобы создать две линии. С помощью клавиши Shift перетащите курсор поперек, чтобы создать идеально горизонтальную линию. Перетащите, чтобы выровнять по центру одну из линий по верхнему краю треугольника, а вторую по нижнему краю треугольника. Они должны встать на место.
- Дважды щелкните значок Blend Tool на боковой панели. Установите интервал на «Указанные шаги» и установите его значение на 3. Нажмите «ОК». При активном инструменте наложения щелкните линию в верхней части треугольника, а затем щелкните линию в нижней части треугольника.Должны появиться дополнительные строки.
- В верхнем меню выберите Object> Blend> Expand . Это превратит линии перехода в формы.
- Выделив группу линий, щелкните правой кнопкой мыши группу линий и выберите Упорядочить> На передний план . Откройте окно «Обработка контуров», если оно не отображается, выбрав «Окно »> «Обработка контуров » в верхнем меню. Выберите треугольник и обе линии. Нажмите кнопку «Разделить» в окне «Обработка контуров».Это будет использовать линии на вершине треугольника, чтобы разрезать его на части.
- Щелкните правой кнопкой мыши группу треугольников и выберите Разгруппировать из контекстного меню. На верхней панели выберите Object> Transform> Shear . Установите Угол сдвига на 20 градусов и нажмите ОК.
- Расположите части треугольников, как показано ниже, чтобы создать узор молнии. Выделите все части. В окне Pathfinder нажмите кнопку режима формы Unite .Если ваша молния выглядит слишком тонкой или слишком короткой, используйте Object> Transform> Scale , чтобы масштабировать молнию для достижения желаемого вида.
Молодец! Вы только что создали свой собственный вектор удара молнии в Adobe Illustrator.
графический дизайнКак создать инфографику пирамиды в Adobe Illustrator
Я даже не могу вспомнить, сколько раз я говорил себе: «Мне нравится, как все работает в Adobe Illustrator».Но я помню, когда сказал это.
Я повторял это каждый раз, когда мне удавалось создать относительно сложный дизайн с простыми преобразованиями и основными формами:
Да, сегодня мы собираемся построить эту пирамиду в Adobe Illustrator, начав с простого треугольника.
Настройка документа
Начать новый документ:
- Ширина: 1920px
- Высота: 1080 пикселей
- Единицы: пиксели
Создать треугольник
Возьмите инструмент «Многоугольник» и один раз ударьте по монтажной области.В открывшемся диалоговом окне установите количество размеров 3 и нажмите ОК. На панели управления изменить:
- Ширина до 955 пикселей
- Высота до 823 пикселей
Установите любой цвет заливки, какой хотите, цвет обводки — нет. Выровняйте его по горизонтали и вертикали относительно монтажной области.
Создать шестиугольник
Вернитесь к инструменту «Многоугольник». На этот раз установите количество сторон на 6. Нажмите ОК, чтобы создать шестиугольник. На панели управления изменить:
- Ширина до 710 пикселей
- Высота до 820 пикселей
Установите для цвета заливки значение «Нет» и установите для обводки черный цвет 1 пиксель.Выровняйте по центру монтажной области.
Шестиугольник и треугольник должны идеально подходить друг другу.
Создать дубликаты
Чтобы создать 5 дубликатов шестиугольника, перейдите в Эффект | Искажение и преобразование | Преобразование…. В открывшемся диалоговом окне установите количество копий на 5 и значение вертикального перемещения на -120 пикселей.
Щелкните ОК, чтобы применить преобразование.
Выберите родительский шестиугольник и перейдите в Object | Expand Appearance. Затем увеличьте толщину обводки группы полигонов до 10 пикселей.
Добавить строку в центре
Нарисуйте вертикальную линию с помощью инструмента линейного сегмента, удерживая клавишу Shift. Высота этой линии должна быть больше 823 пикселей (высота треугольника). Выровняйте его по горизонтали и вертикали и установите обводку черным.
Создайте форму пирамиды с помощью инструмента построения фигур
Выберите всю композицию и возьмите инструмент для создания фигур. Нарежьте все необходимые формы:
После этой манипуляции у нас должно быть с одной стороны 5 трапеций и 1 треугольник (я буду называть их «формами») с небольшими «промежутками» между ними.
Теперь нам нужно разгруппировать и удалить все ненужное вокруг.
Перекрасить пирамиду
Выделите все свои формы и поместите их на новый слой. Установите этот слой поверх существующего. Выберите две соответствующие формы (одну левую и одну правую) и установите цвет заливки:
- Желтый # ff9d33
- Оранжевый # f97126
- Желто-зеленый # d1d139
- Монетный двор # 1795aa
- Темно-синий # 3d9565
- Темно-фиолетовый # 353f2f
Теперь выберите все формы справа и используйте инструмент перекрашивания иллюстраций, чтобы уменьшить яркость и увеличить насыщенность.
Щелкните ОК, чтобы сделать правую сторону немного темнее.
Перекрасить зазоры
Теперь у нас есть все наши «пробелы» на слое ниже. Прежде чем мы начнем настраивать их цвет, зафиксируйте слой с фигурами. После этого выберите соответствующие промежутки и образец цвета из фигур справа.
Теперь выделите все «пробелы» справа и сделайте их на 10% темнее и на 5% более насыщенными, используя инструмент перекрашивания иллюстраций (см. Предыдущее изображение).
Отрегулируйте форму зазоров с помощью инструмента масштабирования
Возьмите инструмент прямого выбора и выберите только одну точку привязки каждого зазора:
- Верхняя левая точка ваших левых промежутков
- Вверху справа от вас
Теперь возьмите инструмент «Масштаб» (S) и, удерживая левую кнопку мыши, перетащите его из нижнего правого угла в левый.
Поместите значки
Я взял шесть бизнес-иконок с allfreedownloads.com. Создайте группу (Ctrl + G) и срежьте их вокруг вертикальной оси на 30 градусов. Для того, чтобы сделать этот инструмент «захватить сдвиг» и, удерживая клавишу alt \ opt, щелкнуть вверху группы. Измените ось на вертикальную и установите угол 30 градусов.
Разгруппируйте значки и внесите небольшие изменения (масштабирование, поворот).
Готово! Надеюсь, вам понравился этот урок. Вы можете скачать окончательный результат здесь.Хорошего дня!
Как легко создавать мандалы в Adobe Illustrator — Annenberg Digital Lounge
Из этого туториала Вы узнаете, как легко создавать узоры мандалы в Abode Illustrator с помощью нескольких инструментов, включая символы, преобразование, вращение, обводки и т. Д. Используя инструмент символов в Illustrator, вы можете создавать мандалы, просто создавая узоры на одной детали.
Создание мандал с помощью Adobe Illustrator
Во-первых, начните с выбора инструмента «Многоугольник» в новом документе.Мы создадим 12 сторон с радиусом 100 мм. (Чем больше сторон, тем более детализированный узор.)
Нарисуйте линии с помощью инструмента «Линия» между каждой точкой многоугольника.
Выберите все объекты и затем нажмите кнопку «Разделить» в инструменте «Обработка контуров», чтобы разбить многоугольник на 12 треугольников.
Щелкните правой кнопкой мыши разделенные треугольники, чтобы разгруппировать. Вы сможете перемещать треугольники друг от друга, разгруппировавшись.
Удалите все треугольники, кроме одного.После нажатия на один оставшийся треугольник создайте символ, нажав кнопку «Новый символ» на инструменте «Символ».
Выберите инструмент «Повернуть» и, удерживая Option, щелкните точку треугольника. Установите угол 30 и затем нажмите кнопку «Копировать».
Используйте сочетание клавиш Command + D, чтобы продублировать только что выполненное действие. Дублируйте еще 11 треугольных символов, чтобы завершить форму многоугольника, которую мы создали ранее.
Дважды щелкните любой из треугольников, чтобы отредактировать символ.Любые изменения, внесенные в этот символ, также будут применены ко всем остальным треугольникам.
Поместите направляющую в центр фигуры, а затем зафиксируйте треугольник, чтобы он не смещался во время рисования на нем.
Начните рисовать с одной стороны треугольника (разделенного направляющей). Вы можете использовать инструменты «Линия», «Дуга», «Кисть» или любой другой инструмент, который хотите использовать для создания собственного узора. Обязательно нарисуйте линии и узоры внутри треугольника. Вы также можете использовать быстрые направляющие, чтобы привязать точки к другим существующим точкам, путям или направляющим, чтобы получить четкую мандалу.
Когда вы закончите создавать линии на одной стороне треугольника, вы выберете все линии, которые вы создали. Затем вы скопируете и вставите на передний план, используя сочетания клавиш Command + C и Command + F. Обязательно сгруппируйте все формы вместе, чтобы мы не испортили рисунок, используя Command + G. Затем перейдите в Object -> Transform -> Reflect. Выберите вариант Вертикальный.
Поместите отраженные рисунки рядом с исходным рисунком, который мы сделали.Полезно увеличение и выравнивание по точкам и направляющим.
Щелкните маленькую стрелку в верхней части окна документа, чтобы выйти из режима редактирования. Щелчок по нему приведет к автоматическому применению любого обновления символа к остальным треугольникам.
Теперь вы создали мандалу, просто нарисовав и отредактировав половину треугольника. Вы можете сделать более сложную и детальную мандалу, создав больше сторон. Наслаждаться!
Как создать многоугольную векторную мозаику в Illustrator — Учебные пособия по Illustrator
Предварительный просмотр окончательного изображения
В этом уроке мы создадим мозаику, состоящую из многоугольников.Бесплатный плагин Scriptographer и наша фантазия помогут нам в этой незамысловатой задаче. Получайте удовольствие и наслаждайтесь нашим новым учебником по Adobe Illustrator!
Создание векторных полигонов
Шаг 1
Для создания многоугольной мозаики нам понадобится эталонное изображение. В этом уроке я буду использовать красное яблоко от Shutterstock. Вставьте изображение в текущий документ (Файл> Поместить …), , затем нажмите кнопку «Вставить» на панели управления (пожалуйста, не пропускайте этот шаг).
Заблокируйте изображение в панели Layers, чтобы убедиться, что мы не перемещаем его в дальнейшей работе.
Шаг 2
Приступаем к созданию полигонов. Многоугольники могут иметь форму многоугольника, стороны которого представляют собой отрезки прямых линий. Включите обводку черного цвета и выберите белый цвет в качестве цвета заливки. Установите непрозрачность 50% на панели «Прозрачность». Создайте первый многоугольник на месте бликов на яблоке.
Для дальнейшей работы установите следующие настройки. Отключите опцию New Art Has Basic Appearance в выпадающем меню панели Appearance.
Это позволит нам создавать новые многоугольники с такой же непрозрачностью, как первый или последний выбранный многоугольник. Включите параметр «Быстрые направляющие» («Просмотр»> «Быстрые направляющие»).
Это позволит точно совмещать точки соседних полигонов. При точном совмещении инструмента с точкой появится надпись «якорь».
Шаг 3
Создайте новые полигоны, чтобы между ними не было промежутков.
Сложно дать совет по форме и размеру многоугольников.Все зависит от формы предмета и распределения цветов на его поверхности. Однако старайтесь размещать многоугольники так, чтобы их края воспроизводили объем объекта и форму теней и бликов. Да, это непросто. Здесь вам нужно немного больше практики. Честно говоря, для меня это первый опыт. Я надеюсь, что у тебя все получится намного лучше.
В любом случае, вы можете отредактировать полученный результат.
Шаг 4
Теперь создайте многоугольники по форме листа и стебля яблока.
Выделите все созданные полигоны, затем отключите обводку и установите для них непрозрачность 100%.
Хоть и старался работать аккуратно, но все же некоторых недочетов избежать не удалось. Для точного совмещения точек соседних полигонов выделите их с помощью Lasso Tool (Q).
Теперь выровняйте их по вертикали и горизонтали с помощью панели Align.
Если вы пропустили несколько полигонов, просто закончите их рисовать. После устранения всех дефектов полигоны готовы к окраске.
Раскраски полигонов
Шаг 5
Для раскрашивания полигонов мы будем использовать бесплатный плагин Scriptographer. Вы можете скачать и прочитать инструкции по установке по ссылкам — Инструкции по загрузке и установке. Откройте его основную палитру («Окно»> «Сценарий»> «Показать основную палитру»).
Теперь разблокируйте изображение яблока на панели «Слои». Выделите его и все полигоны. В основной палитре выберите сценарий под названием Colorizer, затем нажмите кнопку «Воспроизвести».
Через несколько секунд все векторные объекты будут окрашены в цвета растрового изображения.
Шаг 6
Вы можете редактировать достигнутый результат. Например, с помощью инструмента «Лассо» (Q) вы можете выбрать точки соседних многоугольников и переместить их в нужном вам направлении.
Можно сделать несколько фрагментов в деталях. Для этого с помощью Scissors Tool (C) вырежьте необходимые многоугольники.
Не забудьте закрыть пути реза. Чтобы вырезать полигоны, вы также можете использовать инструмент Knife Tool.Чтобы этот инструмент резал по прямой линии, удерживайте клавишу Option / Alt.
После всех изменений выделите все полигоны и нижнее изображение, затем снова запустите скрипт Colorizer.
Шаг 7
Возможно, вас не устроит цвет некоторых полигонов. Без проблем. Просто выделите его и перекрасьте с помощью панели «Цвет».
Если отключить видимость эталонного изображения, мы можем заметить тонкие промежутки между полигонами.
Не беспокойтесь об этом.Когда вы сохраняете изображение как растровое, эти трещины не будут видны.
Автоматическая генерация полигонов
Шаг 8
Для автоматического создания полигонов вы можете использовать скрипт Grid generator. Поместите его в папку со скриптами Scriptographer. После этого он появится на главной палитре.
После запуска скрипта открывается панель, в которой вы можете выбрать тип сетки и указать количество столбцов и строк.
Шаг 9
Когда сетка сгенерирована, выберите любое эталонное изображение и все векторные объекты, затем запустите сценарий Colorizer.
Вдохновитесь перед стартом
Я выбрал для вас несколько отличных работ, выполненных в описанном здесь стиле, чтобы вы понимали, каких результатов можно достичь, имея терпение и время.
Сторожевая башня Тимоти Дж. Рейнольдса
Многоугольный череп, автор Вандре Фернандес
Blondie от Джонатана Паки
ЗАКОН ОДНОГО, автор Hassmework
Заключение
Опытные читатели могут заметить, что есть скрипты, которые позволяют генерировать случайные полигоны, подобные растру Делоне.Отвечу, что такими скриптами очень сложно управлять, а конечный результат практически не редактируется. Кроме того, вы не застрахованы от внезапного сбоя Adobe Illustrator. Другое дело, когда вы работаете с простыми векторными объектами, редактирование которых не вызывает никаких проблем. Успехов в творчестве!
И … Просто для развлечения
Научитесь создавать с помощью Adobe Illustrator
Весна наконец-то пришла! Теперь, когда все растет и цветет, давайте посвятим этот урок рисованию элегантного букета из декоративных листьев.Мы будем использовать простые формы и эффекты трансформации, чтобы создавать силуэты и научиться рисовать внутри объектов. Давайте начнем!
Подробное описание учебника
- Программа: Adobe Illustrator CS6 — CC
- Сложность: Средний
- Темы: Построение фигур, Эффекты, Панель Обработки контуров, Функция рисования внутри
- Приблизительное время выполнения: 20 минут
Окончательное изображение: композиция из листьев
Шаг 1
Возьмите инструмент Ellipse Tool (L) и создайте зеленый овал размером 120 x 250 пикселей .Выберите его верхнюю и нижнюю опорные точки с помощью Direct Selection Tool (A) и нажмите Преобразовать выбранные опорные точки в угол на панели управления вверху и сделайте кончики заостренными.
Шаг 2
Мы можем использовать Guides для регулировки длины якорных ручек, если мы хотим сделать форму более округлой. Просто включите линейки (Control-R) и перетащите Guide вниз на монтажную область. Когда вы закончите с ним, щелкните руководство и нажмите Удалить ( Backspace на Mac), чтобы избавиться от него.Вы также можете отключить его в View> Guides> Clear Guides .
Используйте инструмент «Перо» (P) и удерживайте Shift , чтобы добавить вертикальную линию поперек листа. Откройте панель Stroke (Window> Stroke) и установите Weight на 4 pt , Cap to Round Cap.
Давайте убедимся, что наши формы идеально отцентрованы. Выделите лист и линию и откройте панель «Выровнять » («Окно»> «Выровнять »).Выберите Align to Artboard и щелкните Horizontal Align Center , чтобы разместить оба элемента в центре.
Шаг 3
Дублируйте (Control-C> Control-V) лист и храните копию где-нибудь в стороне, она нам понадобится для следующего листа.
Используйте инструмент «Перо» (P) , чтобы создать небольшой треугольник в верхней части листа. Выделите и лист, и треугольник и используйте функцию Minus Front из Pathfinder , чтобы вырезать его.
Добавьте еще один вырез на противоположной стороне листа.
Наш лист готов! Сделаем еще одну!
Шаг 4
Помните копию листа, которую мы создали на предыдущем шаге? Пришло время использовать это! Прежде всего, изменим его цвет на голубой.
Затем выберите лист и перейдите к Effect> Distort & Transform> Zig Zag . Установите Size на 6 пикселей, Ridges per Segment на 1, Points на Smooth.
Шаг 5
Перейдите к Object> Expand Appearance , чтобы применить эффект и добавить несколько выемок на листе.
Шаг 6
Давайте добавим текстуру нашему листу. Не снимая выделения с формы листа, перейдите на панель Tool и щелкните Draw Inside в самом низу панели (или нажмите Shift-D для переключения режимов). Вы увидите пунктирную рамку вокруг объекта, что означает, что вы можете рисовать внутри него.
Возьмите инструмент Pencil Tool (N) и выберите голубой цвет Stroke на панели Color . Установите Weight на 4 pt на панели Stroke и начните добавлять волнистые линии на лист.
Шаг 7
После того, как вы добавили достаточное количество линий, вернитесь в режим Draw Normal , щелкнув значок в нижней части панели Tool .