Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем геометрический полосатый узор в Illustrator

5 июля 2014 | Опубликовано в Уроки | 13 Комментариев »

Adobe Illustrator идеальный инструмент для создания абстрактных узоров из базовых фигур и линий. В этом уроке мы научимся создавать геометрический узор из линий при помощи инструмента Art Brush/Объектная кисть. Процесс создания довольно прост, а результат получается очень интересным. Плюс ко всему технику, которую вы усвоите, можно будет применить в создании логотипов и типографики.

 

 


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

Создайте новый документ и используйте инструмент Rectangle/Прямоугольник, чтобы нарисовать тонкий прямоугольник с черной заливкой. Включите Smart Guides/Быстрые направляющие (CMD+U), затем зажав ALT и Shift переместите прямоугольник, чтобы создать его копию. Быстрые направляющие позволят вам идеально выровнять прямоугольники при дублировании.

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

Выделите каждый второй прямоугольник и укажите им заливку белого цвета.

Выделите все прямоугольники. В палитре Brushes/Кисти кликните по иконке “New/Создать”, чтобы создать новую кисть. Выберите вариант Art Brush/Объектная кисть. Убедитесь что в настройках указано вертикальное направление кисти и нажмите OK.

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

Подсказка: Отключите опцию “Scale Strokes and Effects/Масштабировать обводку и эффекты” в Настройках/Preferences программы, чтобы иметь возможность масштабировать фигуры без изменения параметров кисти.

Инструментом Pen/Перо создайте дополнительную опорную точку между двух существующих. Затем удалите ее, нажав клавишу delete. Таким образом у вас получится ¾ круга.

Дублируйте ¾ круга. Затем инструментом Direct Selection/Прямое выделение выделите еще одну точку и удалите ее, создав тем самым полукруг.

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

Теперь мы можем начать создания узора из имеющихся элементов. Копируйте и вставляйте имеющиеся детали, соединяйте их краями. Быстрые направляющие позволят сделать это очень ровно.

В местах где детали пересекаются, вы можете выбрать что на что будет наложено. Используйте горячие клавиши CMD+ [ и CMD+]чтобы посылать элементы на задний и передний планы.

Если элементы соединены правильно, то детали будут перетекать друг в друга.

Продолжайте создавать узор, добавляя новые элементы. Помните что вы можете вращать детали, чтобы изменить направление.

Используйте прямые блоки. Вы можете растянуть их до любого размера.

После того как вы закончите составление узора, выделите все составляющие его детали и объедините их в группу. Нажмите CMD/Ctrl+C, чтобы копировать объект.

Где-нибудь в другом месте документа создайте большой прямоугольник и залейте его градиентом. Выберите два светлых цвета, чтобы получился яркий градиент.

Выделите прямоугольник с градиентом и выберите Make Opacity Mask/Создать маску прозрачности в палитре Transparency/Прозрачность в боковом меню.

Нажмите CMD+V, чтобы вставить узор в маску. Черный и белый цвета укажут какие цвета должны быть видны, а какие скрыты. Кликните по квадрату слева в палитре Transparency/Прозрачность, чтобы выйти из режима маски.

Вот и всё!

Автор урока  Chris Spooner

Перевод — Дежурка

Смотрите также:




Комментарии

  1. DenZ
    Thumb up Thumb down +7

    Упс.. проблемка. У меня круг получился «разорванный» :( Не кто не знает почему?e77ac1d0270fc4a6bdafa81bf9602a53.png

    den Ответ:

    Thumb up Thumb down -1

    Inavalid User

    Кристина Ответ:

    Thumb up Thumb down 0

    DenZ, «разорванный» потому что неидеально выровнены прямоугольники по направляющим

    Стив Ответ:

    Thumb up Thumb down +1

    0wsqnblipi8q.png

    Opry Ответ:

    Thumb up Thumb down 0

    Обводка силшком жирная, уменьши.

    Олег Ответ:

    Thumb up Thumb down 0

    Снимите галочку с Align New Objects to Pixel Grid

    prntscr.com/46tvf5

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

    Олег Ответ:

    Thumb up Thumb down +1

    Следите за масштабом круга. Если круг недостаточно большой, линии будут незамкнуты.

    влад Ответ:

    Thumb up Thumb down 0

    да, тоже провозился, оказывается надо просто окружность побольше создать для заливки кистью

    мышь Ответ:

    Thumb up Thumb down 0

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

  2. владимир
    Thumb up Thumb down 0

    не получилось создать обтравочную маску..сижу туплю третий час(

    владимир Ответ:

    Thumb up Thumb down 0

    разобрался =)

    artbooba Ответ:

    Thumb up Thumb down 0

    Ну как тебя назвать?=) Нужно отписывать как решил проблему!

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