Как в иллюстраторе нарисовать ромб: Геометрический лого-узор в Adobe Illustrator

Геометрический лого-узор в Adobe Illustrator

В этом уроке мы будем создавать геометрический лого-узор в 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 

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

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

• Абстрактный геометрический паттерн в Adobe Illustrator
• 7 классных техник для работы в Adobe Illustrator
• Крутые градиентные шары в Adobe Illustrator

Создание и изменение динамических фигур в Illustrator

Руководство пользователя Отмена

Поиск

1. Руководство пользователя Illustrator
2. Основы работы с Illustrator
   1. Введение в Illustrator
      1. Новые возможности в приложении Illustrator
      2. Часто задаваемые вопросы
      3. Системные требования Illustrator
      4. Illustrator для Apple Silicon
   2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Ускоренное обучение благодаря панели «Обзор» в Illustrator
      3. Создание документов
      4. Панель инструментов
      5. Комбинации клавиш по умолчанию
      6. Настройка комбинаций клавиш
      7. Общие сведения о монтажных областях
      8. Управление монтажными областями
      9. Настройка рабочей среды
      10. Панель свойств
      11. Установка параметров
      12. Рабочая среда «Сенсорное управление»
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Просмотр графических объектов
      20. Работа в Illustrator с использованием Touch Bar
      21. Файлы и шаблоны
   3. Инструменты в Illustrator
      1. Краткий обзор инструментов
      2. Выбор инструментов
         1. Выделение
            
         2. Частичное выделение
         3. Групповое выделение
         4. Волшебная палочка
         5. Лассо
         6. Монтажная область
      3. Инструменты для навигации
         1. Рука
         2. Повернуть вид
            
         3. Масштаб
      4. Инструменты рисования
         1. Градиент
            
         2. Сетка
         3. Создание фигур
      5. Текстовые инструменты
         1. Текст
            
         2. Текст по контуру
         3. Текст по вертикали
      6. Инструменты рисования
         1. Перо
         2. Добавить опорную точку
         3. Удалить опорные точки
         4. Опорная точка
         5. Кривизна
         6. Отрезок линии
         7. Прямоугольник
         8. Прямоугольник со скругленными углами
         9. Эллипс
         10. Многоугольник
         11. Звезда
         12. Кисть
         13. Кисть-клякса
         14. Карандаш
         15. Формирователь
         16. Фрагмент
      7. Инструменты модификации
         1. Поворот
         2. Отражение
         3. Масштаб
         4. Искривление
         5. Ширина
         6. Свободное трансформирование
         7. Пипетка
         8. Смешать
         9. Ластик
         10. Ножницы
   4. Быстрые действия
      1. Ретротекст
      2. Светящийся неоновый текст
      3. Старомодный текст
      4. Перекрашивание
      5. Преобразование эскиза в векторный формат
3. Illustrator на iPad
   1. Представляем Illustrator на iPad
      1. Обзор по Illustrator на iPad.
      2. Ответы на часто задаваемые вопросы по Illustrator на iPad
      3. Системные требования | Illustrator на iPad
      4. Что можно и нельзя делать в Illustrator на iPad
   2. Рабочая среда
      1. Рабочая среда Illustrator на iPad
      2. Сенсорные ярлыки и жесты
      3. Комбинации клавиш для Illustrator на iPad
      4. Управление настройками приложения
   3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
   4. Выбор и упорядочение объектов
      1. Создание повторяющихся объектов
      2. Объекты с переходами
   5. Рисование
      1. Создание и изменение контуров
      2. Рисование и редактирование фигур
   6. Текст
      1. Работа с текстом и шрифтами
      2. Создание текстовых надписей по контуру
      3. Добавление собственных шрифтов
   7. Работа с изображениями
      1. Векторизация растровых изображений
   8. Цвет
      1. Применение цветов и градиентов
4. Облачные документы
   1. Основы работы
      1. Работа с облачными документами Illustrator
      2. Общий доступ к облачным документам Illustrator и совместная работа над ними
      3. Публикация документов для проверки
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы в Illustrator | Часто задаваемые вопросы
   2. Устранение неполадок
      1. Устранение неполадок с созданием или сохранением облачных документов в Illustrator
      2. Устранение неполадок с облачными документами в Illustrator
5. Добавление и редактирование содержимого
   1. Рисование
      1. Основы рисования
      2. Редактирование контуров
      3. Рисование графического объекта с точностью на уровне пикселов
      4. Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упрощение контура
      8. Определение сеток перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Корректировка сегментов контура
      11. Создание цветка в пять простых шагов
      12. Рисование перспективы
      13. Символы
      14. Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
   2. 3D-объекты и материалы
      1. Подробнее о 3D-эффектах в Illustrator
         
      2. Создание трехмерной графики
         
      3. Проецирование рисунка на трехмерные объекты
      4. Создание трехмерного текста
      5. Создание трехмерных объектов
   3. Цвет
      1. О цвете
      2. Выбор цветов
      3. Использование и создание цветовых образцов
      4. Коррекция цвета
      5. Панель «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Темы Color»
      8. Перекрашивание графического объекта
   4. Раскрашивание
      1. О раскрашивании
      2. Раскрашивание с помощью заливок и обводок
      3. Группы с быстрой заливкой
      4. Градиенты
      5. Кисти
      6. Прозрачность и режимы наложения
      7. Применение обводок к объектам
      8. Создание и редактирование узоров
      9. Сетки
      10. Узоры
   5. Выбор и упорядочение объектов
      1. Выделение объектов
      2. Слои
      3. Группировка и разбор объектов
      4. Перемещение, выравнивание и распределение объектов
      5. Размещение объектов    
      6. Блокировка, скрытие и удаление объектов
      7. Копирование и дублирование объектов
      8. Поворот и отражение объектов
      9. Переплетение объектов
   6. Перерисовка объектов
      1. Кадрирование изображений
      2. Трансформирование объектов
      3. Объединение объектов
      4. Вырезание, разделение и обрезка объектов
      5. Марионеточная деформация
      6. Масштабирование, наклон и искажение объектов
      7. Объекты с переходами
      8. Перерисовка с помощью оболочек
      9. Перерисовка объектов с эффектами
      10. Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
      11. Работа с динамическими углами
      12. Улучшенные процессы перерисовки с поддержкой сенсорного ввода
      13. Редактирование обтравочных масок
      14. Динамические фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное изменение
   7. Текст
      1. Дополнение текстовых и рабочих объектов типами объектов
      2. Создание маркированного и нумерованного списков
      3. Управление текстовой областью
      4. Шрифты и оформление
      5. Форматирование текста
      6. Импорт и экспорт текста
      7. Форматирование абзацев
      8. Специальные символы
      9. Создание текста по контуру
      10. Стили символов и абзацев
      11. Табуляция
      12. Поиск отсутствующих шрифтов (технологический процесс Typekit)
      13. Шрифт для арабского языка и иврита
      14. Шрифты | Часто задаваемые вопросы и советы по устранению проблем
      15. Создание эффекта 3D-текста
      16. Творческий подход к оформлению
      17. Масштабирование и поворот текста
      18. Интерлиньяж и межбуквенные интервалы
      19. Расстановка переносов и переходы на новую строку
      20. Проверка орфографии и языковые словари
      21. Форматирование азиатских символов
      22. Компоновщики для азиатской письменности
      23. Создание текстовых проектов с переходами между объектами
      24. Создание текстового плаката с помощью трассировки изображения
   8. Создание специальных эффектов
      1. Работа с эффектами
      2. Стили графики
      3. Атрибуты оформления
      4. Создание эскизов и мозаики
      5. Тени, свечения и растушевка
      6. Обзор эффектов
   9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Диаграммы
      3. SVG
      4. Фрагменты и карты изображений
6. Импорт, экспорт и сохранение
   1. Импорт
      1. Помещение нескольких файлов в документ
      2. Управление связанными и встроенными файлами
      3. Сведения о связях
      4. Извлечение изображений
      5. Импорт графического объекта из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
   2. Библиотеки Creative Cloud Libraries в Illustrator 
      1. Библиотеки Creative Cloud Libraries в Illustrator
   3. Диалоговое окно «Сохранить»
      1. Сохранение иллюстраций
   4. Экспорт
      1. Использование графического объекта Illustrator в Photoshop
      2. Экспорт иллюстрации
      3. Сбор ресурсов и их массовый экспорт
      4. Упаковка файлов
      5. Создание файлов Adobe PDF
      6. Извлечение CSS | Illustrator CC
      7. Параметры Adobe PDF
      8. Палитра «Информация о документе»
7. Печать
   1. Подготовка к печати
      1. Настройка документов для печати
      2. Изменение размера и ориентации страницы
      3. Задание меток обреза для обрезки и выравнивания
      4. Начало работы с большим холстом
   2. Печать
      1. Наложение
      2. Печать с управлением цветами
      3. Печать PostScript
      4. Стили печати
      5. Метки и выпуск за обрез
      6. Печать и сохранение прозрачных графических объектов
      7. Треппинг
      8. Печать цветоделенных форм
      9. Печать градиентов, сеток и наложения цветов
      10. Наложение белого
8. Автоматизация задач
   1. Объединение данных с помощью панели «Переменные»
   2. Автоматизация с использованием сценариев
   3. Автоматизация с использованием операций
9. Устранение неполадок 
   1. Проблемы с аварийным завершением работы
   2. Восстановление файлов после сбоя
   3. Проблемы с файлами
   4. Поддерживаемые форматы файлов
   5. Проблемы с драйвером ГП
   6. Проблемы устройств Wacom
   7. Проблемы с файлами DLL
   8. Проблемы с памятью
   9. Проблемы с файлом настроек
   10. Проблемы со шрифтами
   11. Проблемы с принтером
   12. Как поделиться отчетом о сбое с Adobe
   13. Повышение производительности Illustrator

Узнайте, как создать и использовать динамические фигуры в Illustrator.

Функциональный инструмент «Фигура» позволяет быстро создавать векторные фигуры. Большинство фигур являются динамическими. Это означает, что эти фигуры можно динамически настраивать, не меняя инструмент. Для настройки используются виджеты управления фигурами или элементы управления, доступные на палитре «Трансформирование».

Создание и изменение динамических фигур

1. Нарисуйте динамическую фигуру с помощью одного из следующих инструментов.

   Примечание.

   • Для отображения ограничительной рамки при выборе объекта убедитесь в том, что задан режим отображения ограничивающей рамки (Просмотр > Показать ограничительную рамку).
   • Для отображения виджетов управления при выборе фигуры выберите любой инструмент для рисования динамических фигур и убедитесь, что на панели «Управление» включен параметр Показать виджеты фигур ().

2. Для изменения динамических фигур используются следующие виджеты управления:

   Изменение масштаба динамических фигур	Вращение динамических фигур

   Перемещение динамических фигур	Создание круговых фигур

   Добавление и удаление сторон многоугольников	Изменение радиуса угла динамических фигур

   Примечание.

   • При перетаскивании виджетов углов до максимально возможного предела скругленные углы в режиме предварительного просмотра отображаются красным цветом.
   • Чтобы просмотреть стили углов, например «Скругленный», «Перевернутый скругленный» и «Скошенный», нажмите виджет угла, удерживая клавишу Alt (Windows) или Option (macOS), или нажимайте клавиши со стрелками вверх и вниз во время перетаскивания виджета.
   • Чтобы открыть меню «Углы» и настроить внешний вид и атрибуты скругления, дважды нажмите виджет с помощью инструмента «Прямое выделение». Дополнительные сведения представлены в разделе Работа с динамическими углами.
   • Чтобы отредактировать отдельный угол, выберите инструмент «Прямое выделение» и нажмите на опорную точку угла.

3. Изменять свойства фигур можно с помощью инструментов на панелях «Управление» и «Свойства» или на палитре «Трансформирование» (Окно > Трансформирование). Дополнительные сведения представлены в разделе Свойства динамических фигур.

   Примечание.

   • Чтобы открыть палитру «Трансформирование», дважды нажмите любой виджет угла.
   • Чтобы включить или отключить отображение палитры «Трансформирование» при создании динамической фигуры, измените значение параметра Показывать при создании фигуры в меню палитры «Трансформирование».
   • Независимо от выбранного инструмента, если выбраны фигуры одного типа, редактирование свойств на палитре «Трансформирование» приводит к изменению выбранного графического объекта.

Настройка параметров динамических объектов

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

Настройка параметров динамических объектов

A. Палитра «Трансформирование» B. Панель «Свойства» 

Прямоугольник/ Прямоугольник со скругленными углами

• Ширина и высота: определяет высоту или ширину прямоугольника. Сохранение пропорции углов, сохранение радиуса.
• Угол прямоугольника: поворот прямоугольника с помощью виджета «Масштаб/поворот».
• Тип угла: определяет тип угла для любого из углов прямоугольника.
• Радиус скругления: настройка каждого из углов прямоугольника с помощью средства пошагового изменения значений или путем ввода абсолютных значений на палитре «Трансформирование».
• Ограничить пропорции ширины и высоты: включение режима пропорционального увеличения и уменьшения радиусов углов при трансформировании объектов с помощью флажка «Настройка углов».

Эллипс

• Ширина и высота: указывает ширину и высоту эллипса. Если эти параметры совпадают, эллипс превращается в круг.
  
• Угол эллипса: указывает угол, под которым эллипс размещается на холсте.
  
• Начальный/конечный угол круга: используйте виджет «Круг» (справа от только что нарисованного эллипса), чтобы представить фигуру в виде круговой диаграммы.
• Ограничить угол круга: определяет, следует ли сохранять разницу между начальным и конечным углами круга при изменении их значений на палитре «Трансформирование».
  
• Обратить круг: указывает, следует ли поменять местами начальный и конечный угол круга. Этот эффект используется для создания географического представления «Фрагмент».

Многоугольник

• Количество сторон многоугольника: определяет количество сторон многоугольника. 
  • С помощью экранного виджета  можно задать значение от 3 до 11. 
  • Переместите ползунок, чтобы установить значение от 3 до 20. 
  • Если необходимо указать значение от 3 до 1000, введите значение вручную.
• Угол многоугольника: указывает угол, при котором многоугольник будет нарисован или размещен относительно холста.
• Тип угла: определяет тип угла для многоугольника (скругленный, обратный скругленный, фаска).
• Радиус многоугольника: указывает точный радиус нарисованного многоугольника. Воспользуйтесь экранным виджетом  для изменения радиуса.
  
• Длина сторон многоугольника: определяет длину каждой стороны многоугольника.
• Радиус скругления: определяет радиусы углов многоугольника.
• Сделать стороны одинаковыми: если при изменении многоугольника динамическая фигура становится несоразмерной или несимметричной, используйте кнопку «Сделать стороны одинаковыми», чтобы получить оптимальное соотношение сторон многоугольника.

• Длина линии: определяет длину нарисованной линии.
  
• Угол линии: указывает угол, под которым нарисованная линия будет размещена относительно холста.

Скрытие ограничительных рамок и виджетов управления

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

• Чтобы переключиться между двумя параметрами, нажмите комбинацию клавиш Shift+Ctrl+B (Windows) или (macOS) Shift+Cmd+B.
• Выберите Просмотр > Скрыть ограничительную рамку или Просмотр > Показать ограничительную рамку.

Также можно включить или отключить отображение экранных виджетов управления. Для этого выберите любой инструмент для рисования динамических фигур и нажмите кнопку Скрыть/показать виджеты фигур () на панели «Управление».

Вы можете включить функцию рисования и редактирования в реальном времени, чтобы улучшить живой внешний вид объектов при работе с ними. Чтобы включить эту функцию, выполните следующие действия:

[Windows] Выберите Правка > Установки > Производительность > Рисование и редактирование в реальном времени.

[macOS] Выберите Illustrator > Установки > Производительность > Рисование и редактирование в реальном времени.

Выбор динамических фигур

Палитра «Слои»

Динамические фигуры отображаются как отдельный тип объектов на палитре Слои. Например, слой с именем <Прямоугольник> на палитре Слои применяется при рисовании динамических прямоугольников. Это упрощает распознавание динамических фигур, доступных для выбора и изменения.

Пример: прямоугольник и эллипс в режиме реального времени на панели «Слои». Другие динамические фигуры точно так же обозначаются на палитре «Слои».

Чтобы выделить все доступные динамические фигуры в документе, выберите Выделение > По общему признаку > Фигура.

Преобразование фигур

Преобразование контуров в динамические фигуры

• При открытии документа, сохраненного в более ранней версии Illustrator, фигуры в этом документе автоматически не преобразуются в доступные для редактирования динамические фигуры. Чтобы преобразовать контур в динамическую фигуру, выберите его, затем выберите Объект > Фигура > Преобразовать в фигуру.

Преобразование динамических фигур в контуры

• Чтобы преобразовать динамическую фигуру в контур, выберите ее, затем выберите Объект > Фигура > Разобрать фигуру.

Что дальше

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

У вас есть вопросы или идеи?

Если у вас есть вопросы или идеи, которыми вы хотели бы поделиться, присоединяйтесь к беседе в сообществе Adobe Illustrator. Мы будем рады узнать ваше мнение.

Вход в учетную запись

Войти

Управление учетной записью

Знакомство с Illustrator: рисование основных фигур

Стив Кэплин

Для некоторых людей Adobe Illustrator — общеизвестно сложное приложение для освоения. Как всегда, лучший способ учиться — это не выполнять задачи изолированно, а создавать произведение искусства и изучать каждый инструмент по мере необходимости. Здесь мы представим некоторые из наиболее распространенных инструментов Illustrator, создав набор символов, напоминающих знакомые масти игральных карт, черви, бубны, трефы и пики. Примечание. Сочетания клавиш для доступа к инструментам показаны ниже в скобках.

Шаг 1

Чтобы нарисовать ромб, начните с Инструмента «Прямоугольник» (М), чтобы нарисовать прямоугольник от угла к углу. Удерживайте Shift при перетаскивании, чтобы сделать его идеальным квадратом.

Шаг 2

Чтобы повернуть квадрат, переключитесь на инструмент «Выделение» (V) и удерживайте курсор сразу за углом: курсор покажет вам функцию поворота. Перетащите его, удерживая при этом клавишу Shift, чтобы угол поворота был ровно 45°.

Шаг 3

Чтобы сделать ромб уже, выберите инструмент «Масштаб» (S). Переместите курсор в сторону объекта и перетащите его к центру. Если вы будете удерживать Shift при этом, вы измените только ширину, а не высоту.

Шаг 4

Чтобы изменить цвет бриллианта, убедитесь, что он выделен, и выберите нужный цвет либо на панели «Образцы», либо, если вам нужен более точный контроль, на панели «Цвет».

Шаг 5

Теперь нарисуем сердце. Выберите инструмент «Эллипс» (L) и, удерживая клавишу Shift, нарисуйте эллипс, чтобы превратить его в идеальный круг. Затем переключитесь на Инструмент «Прямое выделение» (А) и перетащите выделение, чтобы включить только нижнюю ручку круга.

Шаг 6

Нажмите Delete, чтобы удалить нижнюю ручку, затем выберите инструмент «Перо» (P) и щелкните по крайней левой опорной точке. Когда вы щелкаете, удерживайте кнопку мыши и перетащите вниз, чтобы сделать ручку примерно в два раза длиннее той, что выше. Затем переместите курсор в нижнюю часть сердца: убедитесь, что у вас выбраны интеллектуальные направляющие (Ctrl-U / Command-U), и они автоматически привязываются к правой точке.

Шаг 7

Нажмите, чтобы отметить нижнюю точку сердца, и перетащите вниз и вправо, пока не получите приятную форму.

Шаг 8

Переключитесь на инструмент «Выделение» (V) и щелкните внутри половинки сердца, чтобы выбрать его. Выберите инструмент «Зеркальное отражение» (O) и, удерживая Option/Alt, щелкните слева от центральной линии, чтобы открыть диалоговое окно. Выберите вертикальную ось и нажмите кнопку «Копировать».

Шаг 9

Вы сделали обе половинки сердца, но поскольку верхние круги должны перекрываться, нижние получаются не совсем правильно. Перетащите Инструментом «Прямое выделение» (А), чтобы выбрать две нижние точки сердца.

Шаг 10

Выбрав нижние точки, вызовите диалоговое окно Усреднение (Ctrl-Alt-J / Command-Option-J). Выберите для усреднения обоих и нажмите OK.

Шаг 11

Теперь, когда обе нижние точки находятся в одном месте, пришло время объединить две половины вместе. Выделите их Инструментом «Выделение» (V) и откройте панель «Обработка контуров» («Окно» > «Обработка контуров»). Щелкните первый значок, чтобы объединить две фигуры в один объект.

Шаг 12

Вот результат слияния этих двух половин: у нас остался один объект, а не два, с которых мы начали.

Шаг 13

Одно из преимуществ Illustrator заключается в том, что вы можете легко изменить назначение своего рисунка. Итак, мы возьмем копию сердца (удерживая Option или Alt, когда вы перетаскиваете его с помощью инструмента «Выделение»), а затем повернете его на 180 °, чтобы получилась лопата — удерживайте Shift, когда вы перетаскиваете его снаружи с помощью инструмента «Выделение».

Шаг 14

Перевернутая сердцевина идеально подходит для пики. Перекрасьте его, выбрав черный образец на панели «Образцы».

Шаг 15

Чтобы нарисовать стебель, щелкните инструментом Pen Tool (P) слева от точки, где встречаются два круга, и перетащите прямо вниз; затем переместите перо в нижнее левое положение и нажмите кнопку мыши.

Шаг 16

Когда вы нажмете кнопку, Illustrator заполнит нарисованный вами путь, соединив конечные точки. Не волнуйтесь, это будет решено дальше. Удерживая нажатой клавишу Alt или Option, щелкните в середине лопаты Инструментом «Зеркальное отражение» (O), как и раньше, и выберите «Вертикально» и «Копировать», чтобы сделать вторую половину.

Шаг 17

Инструментом «Прямое выделение» выберите две нижние точки стебля и соедините их, используя Ctrl-J или Command-J. Это сделает их единым объектом, и теперь заливка будет работать правильно.

Шаг 18

Из стержня лопаты можно сделать стержень клюшки – нет необходимости рисовать его снова. Поэтому используйте инструмент «Перемещение» и перетащите стебель в сторону, удерживая Alt/Option, чтобы сделать копию. Затем выберите две части лопаты и снова используйте панель Обработки контуров, чтобы объединить их.

Шаг 19

Чтобы сделать клюшку, начните с рисования круга Инструментом «Эллипс» (L). Пока у вас включены Smart Guides (Ctrl-U / Command-U), они будут привязываться к середине стебля. Удерживайте Alt/Option, чтобы рисовать от центра к краям, и Shift, чтобы сделать идеальный круг.

Шаг 20

Переключитесь на инструмент «Выделение» (V) и, удерживая Alt/Option, перетащите круг, чтобы сделать копию. Две дополнительные копии круга составят клуб; все, что вам нужно сделать сейчас, это выбрать все части и использовать панель Pathfinder, чтобы объединить их.

Шаг 21

Вот и все: ваш набор из четырех символов игральных карт готов. Если вам нужно, вы можете настроить их относительные размеры, чтобы они все соответствовали друг другу.

• в Графика , Инструкции , Иллюстрация Стив Кэплин
• |
• 9 октября 2017 г.
• |

Теги ↓

2 быстрых способа сделать ромб в Adobe Illustrator

Существует множество способов нарисовать ромб в Adobe Illustrator. В зависимости от того, какой тип алмаза вы хотите сделать, простой штриховой рисунок, векторный значок или трехмерный алмаз, шаги и инструменты могут различаться.

Простой штриховой ромб можно нарисовать карандашом или кистью. Векторный 2D-ромб можно создать с помощью инструментов формы, инструмента «Перо» и инструмента «Частичное выделение». Вы также можете добавить цвет и градиент, чтобы алмаз выглядел более реалистично.

В этом уроке вы узнаете, как создать простой векторный ромб и реалистичный трехмерный ромб. Я собираюсь разбить учебник на две части с подробными шагами. Первая часть — создать форму ромба, а вторая часть — заполнить ромб цветами.

Примечание: все скриншоты из руководства взяты из версии Adobe Illustrator CC для Mac. Windows или другие версии могут выглядеть иначе.

Содержание

• Часть 1. Создание формы ромба
• Часть 2. Добавление цвета/градиента к ромбу (2 способа)
• Заключительные мысли

Часть 1. Создание формы ромба

Вы можете использовать инструмент «Многоугольник», инструмент «Перо», инструмент «Выбор направления», инструмент «Создание формы» и т. д., чтобы создать простую форму ромба. Следуйте подробным инструкциям ниже.

Прежде чем перейти к шагам, я рекомендую включить сетку или направляющие для рисования, чтобы вы могли лучше соединить точки пересечения. Перейдите в верхнее меню View > Show Grid , и сетка отобразится.

Шаг 1: Выберите инструмент Polygon на панели инструментов, нажмите на монтажную область, и вы увидите настройки полигона.

Измените количество сторон на 5 и поверните многоугольник. Не беспокойтесь о радиусе сейчас, потому что вы можете легко изменить размер фигуры позже.

Шаг 2: Используйте инструмент прямого выбора (сочетание клавиш A ), чтобы выбрать две опорные точки на (нижних) сторонах.

Удерживайте клавишу Shift и перетащите вверх. Вы начнете видеть ромбовидную форму.

Следующим шагом будет добавление деталей к ромбу.

Шаг 3: Выберите инструмент Pen tool (сочетание клавиш P ) и соедините две опорные точки. Хит Возврат или Введите ключ , чтобы закончить путь, если вы не хотите соединять его обратно с начальной точкой.

Используйте инструмент «Перо», чтобы соединить пути, чтобы создать несколько треугольников. Вам решать, насколько сложным должен быть бриллиант.

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

Часть 2:

Добавление цвета/градиента к ромбу (2 способа)

Самый простой способ раскрасить бриллиант — использовать Live Paint Bucket. В противном случае вам нужно будет использовать инструмент Shape Builder для создания фигур внутри ромба, а затем выбрать цвета для их заливки.

Метод 1: Ведро с быстрой заливкой

Шаг 1: Выберите ромб, перейдите в меню над головой Объект > Быстрая заливка > Создайте . Он автоматически сгруппирует все вместе как живые группы рисования.

Шаг 2: Выберите Live Paint Bucket (сочетание клавиш K ) и выберите цвет или градиент на панели Swatches .

шт. Не забудьте удалить цвет обводки.

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

Шаг 3: Нажмите на ромб, чтобы добавить цвет к различным группам живой краски. Когда вы наводите курсор на группы живой краски, появляется красная рамка, указывающая вам, какую часть вы рисуете.

Метод 2: Инструмент «Создание фигур»

Шаг 1: Выберите алмаз и выберите инструмент «Создание фигур» на панели инструментов.

Шаг 2: Наведите и щелкните каждую часть ромба, чтобы разделить их на отдельные формы. Область, на которую вы наведете курсор, станет серой.

Когда вы нажимаете на область, она становится фигурой, а не контуром пера. Помните, мы не закрыли путь инструмента «Перо».

Шаг 3: Выберите каждую часть ромба и добавьте к ней цвет или градиент.

Соответствующим образом отрегулируйте цвет или градиент.

Не стесняйтесь исследовать и добавлять детали к бриллиантам. Вы можете сделать так много всего, например добавить блестки и фон или нарисовать более сложный бриллиант, а затем раскрасить его.

Заключительные мысли

Вы можете сделать так много различных типов бриллиантов, и принцип тот же: создайте форму, а затем раскрасьте ее. Я бы сказал, что Часть 1 (Рисование) является более сложной частью, потому что она требует немного визуальной концепции и воображения.

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