Абстрактный геометрический паттерн в Adobe Illustrator
29 июля 2017 | Опубликовано в Уроки | 2 Комментариев »
Абстрактные геометрические паттерны — одна из самых увлекательных вещей, которые можно создать в Adobe Illustrator. Можно получить множество разнообразных вариантов, изменяя параметры, формы и цвета. В этом уроке вы узнаете несколько техник по созданию таких узоров. Повторяйте урок шаг за шагом, или на его основе создайте свой собственный паттерн.
Мы будем рисовать пестрый векторный узор из геометрических фигур в простой цветовой гамме. Такие паттерны хорошо подходят в качестве фона или как часть айдентики.
Откройте Adobe Illustrator и создайте новый документ. В нашем уроке это лист размера A4 с пикселями в качестве единиц измерения. В меню View/Просмотр включите опцию Smart Guides/Умные направляющие. Так будет проще выравнивать объекты.
Выберите отсутствие заливки и обводку черного цвета. Возьмите инструмент Line/Отрезок линии и нарисуйте две линии — одну в основании рабочей области, вторую в самом ее верху. Умные направляющие помогут вам попасть точно в размер. Выделите обе линии и в меню выберите Object > Blend > Make/Объект>Переход>Создать.
Теперь в меню выберите Object > Blend > Blend Options/Объект>Переход>Параметры перехода, укажите количество шагов примерно в 12 (можете выбрать другое значение).
Не снимайте выделение с получившегося объекта и в меню выберите Effect > Distort & Transform > Zig Zag/Эффект>Исказить и трансформировать>Зигзаг. Настройте параметры как показано выше или выберите свой вариант.
Снова возьмите инструмент Line/Отрезок линии, и нарисуйте две линии по правому и левому краям рабочей области. Выделите обе линии и выберите в меню Object > Blend > Make/Объект>Переход>Создать.
Включите опцию Preview/Просмотр и выберите такое количество шагов, чтобы вертикальные линии попадали в пики зигзагов. У нас получилось 19.
Выделите зигзаги и вертикальные линии и выберите в меню Object > Expand Appearance/Объект>Разобрать оформление.
В меню Object/Объект выберите Expand/Разобрать. Затем оставьте галочку только напротив варианта Object/Объект.
Где-нибудь в документе нарисуйте квадраты по количеству цветов в вашей палитре. Определите какие цвета хотите использовать и залейте ими квадраты. Выделите все квадраты и кликните по иконке New Color Group/Новая группа цветов в палитре Swatches/Образцы.
Выделите все наши линии и снимите черную обводку. Возьмите инструмент Live Paint Bucket/Быстрая заливка и кликните по линиям, чтобы преобразовать их в объект для заливки.
Выберите первый цвет и начните закрашивать им фигуры в вашем узоре. Экспериментируйте. Вы можете создать простой узор или наоборот очень сложный. Главное — он должен быть повторяющимся.
Выберите еще один цвет и продолжайте закрашивание. В нашем случае это просто косые ряды, но вы можете изобразить что-нибудь интереснее.
Не нужно закрашивать каждый объект на рабочей области. Остановитесь когда у вас будет повторяющийся узор.
Выберите в меню Object > Expand/Объект>Разобрать. Выберите только Object/Объект.
Вы можете сделать ваш узор насколько угодно большим, множа его, удерживая клавиши ALT и Shift.
Сделав это один раз, вы можете нажимать CMD+D, чтобы повторить действие столько раз, сколько необходимо.
Можно сделать узор как образец. Для этого растяните прямоугольник поверх узора. Он должен начинаться и заканчиваться там, где начинается и заканчивается узор. Выделите узор и прямоугольник и кликните по иконке Crop/Кадрировать в палитре Pathfinder/Обработка контура.
Теперь выберите в меню Object > Pattern > Make/Объект>Узор>Создать. В режиме редактирования паттерна убедитесь что все в порядке и нажмите Done/Готово. Паттерн появится в образцах.
Теперь узор можно применить к любой фигуре.
Автор урока Chris Spooner
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
25 мая 2018 в 19:03
галимый урок((Научитесь толково разьяснять
Ответить