Геометрический лого-узор в Adobe Illustrator
24 ноября 2017 | Опубликовано в Уроки | 2 Комментариев »
В этом уроке мы будем создавать геометрический лого-узор в Adobe Illustrator. Для начала мы создадим базовый узор, затем поработаем с формой фигур при помощи инструмента Shape Builder/Создание фигур или палитры Pathfinder/Обработка контура. Добавим градиентов. Старайтесь использовать и привыкать к упомянутым в уроке горячим клавишам. С их помощью работать в Illustrator куда быстрее и эффективнее.
01. Рисуем ромб
Возьмите инструмент Rectangle/Прямоугольник и, удерживая клавишу Shift, нарисуйте квадрат. Выделите этот квадрат и возьмите инструмент Rotate/Поворот (или нажмите клавишу R). Удерживая Shift, поверните квадрат на 90 градусов.
02. Дублируем фигуру
Инструментом Selection/Выделение выделите ромб. Зажмите клавиши Shift и Opt/Alt и переместите копию ниже. Не снимая выделения с фигуры, нажмите Cmd/Ctrl+D чтобы повторить действие.
03. Создаем узор
Убедитесь что включена функция умных направляющих (smart guides) в меню Window/Окно, или нажмите Cmd/Ctrl+U. Выделите нижний ромб и потяните его по диагонали, удерживая Opt/Alt. Поместите копию между средним и нижним ромбом. Используйте умные направляющие, чтобы работать было удобнее (View>Guides>Show Guides/Просмотр>Направляющие>Показать направляющие). Повторите процесс необходимое количество раз, чтобы создать узор в форме большого ромба.
04. Новая рабочая область
Создайте новую рабочую область в палитре Artboard/Рабочая область (Window>Artboard/Окно>Рабочая область). Дублируйте наш большой ромб из маленьких ромбов и поместите копию в новую рабочую область. (На этом этапе мы забудем про оригинальный узор, но у нас будет возможность вернуться к нему позже, в случае необходимости).
05. Создаем форму фигур
Нажмите Cmd/Ctrl+G чтобы сгруппировать маленькие ромбы вместе. Удерживая клавиши Opt/Alt+Shift переместите копию группы немного правее. Укажите верхним ромбам белый цвет, чтобы видеть какие новые формы фигур у нас получаются.
06. Вырезаем фигуры в палитре Pathfinder/Обработка контура…
Есть два подходящих способа вырезать фигуры. Первый — палитра Pathfinder/Обработка контура. Откройте эту палитру (Window>Pathfinder/Окно>Обработка контура). Выделите группу белых ромбов и нажмите Cmd/Ctrl+8 чтобы объединить их в один контур. Сделайте то же с группой черных ромбов. Выделите обе группы и в палитре Pathfinder/Обработка контура кликните по иконке minus front/Минус верхний.
07. …или инструментом Shape Builder/Создание фигур
А вот второй способ. Выделите обе группы ромбов, возьмите инструмент Shape Builder/Создание фигур (или нажмите Shift+M). При помощи этого инструмента можно объединять фигуры или вырезать из. Зажмите Opt/Alt и кликайте по тем частям фигур, от которых хотите избавиться.
08. Разбираем узор
Дублируйте узор и разберите его обратно на отдельные объекты. Для этого кликните по нему правой кнопкой и выберите Release Compound Path/Отменить составной контур. Теперь выделите центральную фигуру и поверните ® ее на 90 градусов. Подкорректируйте ее положение, чтобы фигура была по центру узора.
09. Добавляем градиент
Выделите узор и нажмите клавишу G, и выберите в меню Window>Gradient/Окно>Градиент. Выберите два цвета из палитры Swatch/Образцы, из которых создайте градиент. При помощи одноименного инструмента растяните градиент как показано на картинке выше.
Автор урока Will Paterson
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
20 января 2021 в 11:58
y6P8KT wbooclzoxzht, [url=http://znrfhhkynesn.com/]znrfhhkynesn[/url], [link=http://nksiysibdqft.com/]nksiysibdqft[/link], daaxvguiizsq.com
Ответить