Кадрирование изображений в Illustrator

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

Поиск

Последнее обновление
Nov 15, 2022 09:24:46 AM GMT

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, чтобы обрезать изображение.

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

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

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

Кадрирование изображения

Чтобы обрезать изображение:

1. Выберите команду Файл > Поместить, затем выберите нужное изображение. Нажмите кнопку Поместить.

2. Выберите изображение для обрезки с помощью инструмента Выделение ().

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

3. Чтобы обрезать выбранное изображение, выполните одно из следующих действий:

   • Выберите Обрезать изображение на панели управления.
   • Выберите Объект > Обрезать изображение.
   • Выберите Обрезать изображение в контекстном меню.

    Команда Обрезать изображение недоступна для выбора, если выбрано два или больше объектов.

4. Если вы работаете со связанным изображением, Illustrator отображает сообщение о том, что после обрезки связанные файлы станут встроенными. Чтобы продолжить, нажмите кнопку ОК.

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

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

6. (Необязательно) Задайте параметры обрезки на панели управления. Подробную информацию см. в разделе Параметры обрезки.

7. Выполните одно из следующих действий:

   • Нажмите кнопку Применить на панели «Управление».
   • Нажмите клавишу Enter (Windows) или Return (macOS).

   Чтобы закрыть интерфейс обрезки на любом этапе без внесения каких-либо изменений, нажмите Escape. Также можно нажать Отмена на панели «Управление» или выбрать любой инструмент на панели «Инструменты», кроме инструментов «Масштаб» и «Рука».

(Для 64-разрядных систем на базе Windows и macOS) Теперь при выборе параметра Обрезка изображения для кадрирования изображения в монтажной области Illustrator определяет визуально значимые части выбранного изображения. Далее на основе определенной значимой части выводится рамка обрезки по умолчанию. При необходимости размеры этой рамки можно изменить. Затем для обрезки изображения нажмите кнопку Применить на панели «Свойства» либо нажмите клавишу Enter (Windows) или Return (macOS).

Чтобы отключить эту функцию, снимите флажок Установить настройки подгонки с учетом содержимого по умолчанию в разделе Редактирование > Настройки > Основные (Windows) или Illustrator> Настройки > Основные (macOS). Если снять этот флажок, то настройки по умолчанию для обрезки изображения, произвольного градиента и марионеточной деформации будут отключены.

Настройка виджета обрезки

Изменение размера

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

Перемещение

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

• Нажмите и проведите мышью в любом направлении в пределах границ виджета обрезки.
• Переместите виджет обрезки с помощью клавиш со стрелками.
• Используя комбинацию клавиши Shift и клавиш со стрелками, можно переместить виджет на 10 единиц (по умолчанию) или на расстояние, указанное в разделе «Установки».

Для точного перемещения виджета обрезки используются направляющие и сетки. Быстрые направляющие позволяют выравнивать виджет обрезки по отношению к другим объектам. Выберите Вид > Быстрые направляющие для включения быстрых направляющих.

Параметры обрезки

На панели управления можно задать следующие параметры обрезки изображений:

Варианты кадрирования, доступные на панели «Свойства»

A. Пикселов на дюйм (разрешение) B. Контрольное положение C. Координаты X и Y D. Ширина E. Ограничение соотношение ширины и высоты F. Высота 

PPI

PPI — это текущее разрешение изображения. Укажите разрешение изображения в пикселов на дюйм (ppi). Если разрешение изображения меньше, чем значения параметров, доступные в раскрывающемся списке, эти значения будут недоступны для выбора. Максимальное значение, которое можно ввести, соответствует разрешению исходного изображения или 300 PPI для связанного графического объекта.

Контрольная точка

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

Измерения X и Y

Значения координат выбранной контрольной точки.

Высота и ширина

Укажите размер виджета обрезки. Если поля ширины и высоты связаны, при изменении значений в этих полях пропорции будут сохранены. Нажмите на значок связи (), чтобы разорвать связь и изменить значения ширины и высоты независимо друг от друга.

Создание собственных комбинаций клавиш

Вы можете задать собственную комбинацию клавиш для команды Кадрирование изображений. Дополнительные сведения см. в разделе Настройка комбинаций клавиш.

Связанные ресурсы

• Задание меток обреза для обрезки и выравнивания
• Редактирование обтравочных масок
• Бесплатное кадрирование изображений с помощью Adobe Express

Обращайтесь к нам

Мы будем рады узнать ваше мнение. Поделитесь своими мыслями с сообществом Adobe Illustrator.

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

Войти

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

Как вырезать часть изображения в Adobe Illustrator

Хотите увеличить изображение и показать только точку фокусировки? Обрежьте ее!

Хотите вырезать определенную форму или не хотите оставлять фон? Создайте обтравочную маску.

Если вы хотите вырезать часть векторной фигуры, еще лучше, у вас есть еще два варианта.

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

В этом руководстве я покажу вам четыре метода вырезания части изображения в Adobe Illustrator, и в большинстве случаев все четыре метода работают с векторными изображениями. Если вы хотите вырезать растровую фотографию, придерживайтесь методов 1 и 2.

Интересно, как я быстро делаю силуэт, вырезая изображения? Следуйте за мной до конца.

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

Метод 1: Инструмент обрезки

Шаг 1: Откройте изображение в Adobe Illustrator и щелкните по изображению. При щелчке появится надпись Обрезать изображение опция в Свойства панель> Быстрое действие .

Шаг 2: Нажмите Обрезать изображение и вы увидите рамку кадрирования на вашем изображении.

Можно перемещать для изменения положения или щелкнуть по границе рамки кадрирования для изменения размера рамки.

Шаг 3: Нажмите Применить когда вы будете довольны областью обрезки, и он обрежет изображение.

Смотрите также: Как удалить белый фон и сделать его прозрачным в Adobe Illustrator

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

Метод 2: Инструмент «Перо

Шаг 1: Выберите Инструмент «Перо» (P) на панели инструментов, измените заливку на None и добавьте цвет обводки.

Совет: Выберите яркий цвет для штриха, чтобы вы могли видеть, чтобы вы могли видеть контур, над которым вы работаете.

Шаг 2: С помощью инструмента «Перо» нарисуйте контур той части изображения, которую нужно сохранить. Не забудьте закрыть контур инструмента «Перо».

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

Шаг 3: Выберите контур инструмента Перо (контур коктейля), который вы только что создали, и фотографию.

Щелкните правой кнопкой мыши и выберите Создать обтравочную маску , или вы можете использовать комбинацию клавиш Команда / Ctrl + 7 .

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

Если вы хотите вырезать векторное изображение, вы можете использовать те же методы, что описаны выше, или у вас есть другие варианты, такие как инструмент «Нож» и «Ластик».

Метод 3: Нож

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

Шаг 1: Выберите Нож инструмент из панели инструментов.

Шаг 2: Проведите линию через деталь, которую вы хотите отрезать. Например, я провел линию через деталь держателя стекла.

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

Смотрите также: Как сделать изображение полутоновым в Adobe Illustrator

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

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

Метод 4: Инструмент «Ластик

Еще один инструмент для вырезания/стирания части изображения — инструмент «Ластик». С его помощью можно вырезать изображение, чтобы разделить части, или вырезать часть силуэта, чтобы добавить детали.

Как это работает? Точно так же, как при вырезании из бумаги. Вы можете вырезать части фигуры внутри силуэта, чтобы добавить детали.

Шаг 1: Выберите Инструмент «Ластик ( Смена + E ) на панели инструментов.

Шаг 2: Нарисуйте ту часть изображения, которую вы хотите вырезать. Где вы нарисуете (сотрете), то и вырежете. Легко понять, верно?

Просто сотрите/вырежьте некоторые области на изображении, чтобы добавить некоторые мелкие детали. Это может выглядеть как белый штрих, но вырезанные области просто исчезли (прозрачные). Вы можете добавить цвет фона, чтобы проверить это.

Видите? Дополнительный бонус! Вы можете сделать вектор, вырезав часть изображения.

Заключение

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

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

Как кадрировать в Illustrator

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

Обрезка в Adobe Illustrator кажется немного запутанной темой.

Мы не удивлены, так как опытные пользователи Adobe знают, что функция кадрирования была недавно добавлена ​​в список функций Adobe Illustrator.

При работе с растровой графикой дизайнеры переключались между Adobe Illustrator и Photoshop для обрезки изображений. Но не больше.

Эта статья расскажет вам о различных параметрах кадрирования в Illustrator. Мы также объясним разницу между кадрированием растрового (пиксельного) изображения и векторного изображения.

И, наконец, мы покажем, как другие приложения для дизайна, такие как Vectornator, сравниваются с Adobe Illustrator, обеспечивая приятный рабочий процесс обрезки. Вы чувствуете себя сбитым с толку или считаете, что могли бы узнать, как кадрировать, не читая об этом целое руководство по программному обеспечению? Давайте узнаем в этом пошаговом руководстве, не так ли?

Источник изображения: design.tutsplus.com

Понимание того, чего вы хотите достичь

Основная цель обрезки — удалить из изображения ненужные области. Обычно вы хотите обрезать кадр, чтобы улучшить кадрирование, изолировать объект от фона, подогнать графику и текстуры к определенным формам или изменить соотношение сторон исходного файла. Чтобы назвать некоторые из наиболее распространенных причин желания обрезать изображение.

Есть несколько способов обойти это. Вы хотите обрезать растровое изображение или векторное изображение? Вы хотите показать часть изображения, ничего не обрезая (так называемая неразрушающая обрезка), или удалить обрезанные части навсегда (деструктивная обрезка)?

Вы можете использовать различные методы в зависимости от ваших потребностей. Мы объясним каждую функцию кадрирования изображения ниже.

Разница между кадрированием растрового изображения и векторной формы

Хорошо, и последнее, прежде чем мы перейдем к сути. Обрезка растрового изображения отличается от обрезки векторной фигуры. Помните комбинацию Photoshop/Illustrator, о которой мы упоминали ранее: использование Photoshop для обрезки растровых изображений и Illustrator для обрезки векторных изображений? Довольно непрактично, если вы спросите нас. Но начиная с Creative Cloud, Illustrator предлагает простой инструмент кадрирования для обрезки растровых изображений.

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

Множество способов обрезки изображения

Обрезка изображения в Illustrator CC с помощью кнопки обрезки

Как следует из названия, это самый простой вариант обрезки изображения в Adobe Illustrator CC. Но этот параметр обрезки доступен только для пользователей Illustrator CC.

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

⚠️ Предупреждение — этот метод является разрушительным, а это означает, что ваш обрезанный контент будет потерян навсегда.

Параметр «Обрезать изображение» не имеет сочетания клавиш, но вы можете создать его самостоятельно. С помощью этого метода вы можете обрезать как связанные изображения, так и встроенные изображения. Чтобы встроить файл изображения в Adobe Illustrator, нужно щелкнуть по нему правой кнопкой мыши, затем нажать Вставить .

Это не так просто, как следует из названия. Если вы хотите обрезать вектор простой формы, вы также можете использовать их векторный инструмент Crop, который скрыт на панели управления Pathfinder.

Сначала создайте фигуру с помощью инструмента «Прямоугольник» или «Эллипс». Выберите оба объекта, убедившись, что объект, который вы хотите обрезать, находится под ним. Затем перейдите в Window -> Pathfinder и нажмите Crop . Части вне формы будут деструктивно обрезаны.

Это похоже на обтравочную маску (о которой мы расскажем ниже). Разница лишь в том, что этот метод обрезает деструктивно, а маска — нет. Вот почему мы рекомендуем использовать маски во всех ваших начинаниях по обрезке.

Обрезка в Adobe Illustrator с использованием обтравочной маски

Маски будут вашим лучшим другом при кадрировании, поэтому здесь стоит уделить особое внимание.

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

Обтравочные маски являются неразрушающими и не удаляют ненужную область в обрезанном изображении. Вместо этого эта часть изображения скрыта. Если ваша обрезка нуждается в корректировке, переместите изображение под обтравочную маску.

Во-первых, вы должны создать фигуру, которую хотите использовать в качестве формы обрезки. Это также известно как обтравочный контур. Если у вас уже есть фигура, добавьте ее на холст поверх объекта, который вы хотите обрезать.

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

Затем нажмите «Объект» > «Обтравочная маска» > «Создать» в строке меню. Бум! Теперь вы можете увидеть обрезанное изображение.

Помните, что иерархический порядок объектов имеет значение. Объект сверху станет обтравочным контуром для объекта снизу.

Обрезка в Adobe Illustrator с использованием масок непрозрачности

Аналогичного результата можно добиться с помощью масок непрозрачности.

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

В этом примере мы будем использовать чистый белый цвет, чтобы объект можно было легко обрезать. Выберите изображение и форму. Чтобы создать маску непрозрачности, перейдите в Window -> Transparency . Появится новая панель. Затем нажмите Make Mask , но убедитесь, что флажок Clip активирован.

Быстрая и грязная обрезка с помощью монтажных областей

Вы также можете использовать быструю и грязную альтернативу монтажной области Illustrator для обрезки изображения в Illustrator. Конечно, это будет работать только с прямоугольными кадрами. Но это неразрушающе. Ваша графика по-прежнему почти цела на странице, только за краями монтажной области.

Метод прост. Нажмите на значок монтажной области и измените его форму на область, которую вы хотите обрезать. Затем экспортируйте файл! Перейдите в меню «Файл» -> «Экспортировать как» и в диалоговом окне установите флажок «Использовать артборд» для экспорта. Сделанный!

Совет для профессионалов — если вы хотите сохранить прозрачный фон , всегда экспортируйте изображение в формате PNG . Формат JPEG не поддерживает прозрачность.

Сохранение соотношения сторон при кадрировании

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

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

Переместите фигуру в нужное место и примените к ней обтравочную маску.

Vectornator против Illustrator

Vectornator , как и Illustrator, является векторным программным обеспечением. В Vectornator есть два быстрых и простых варианта обрезки изображения:

1. Инструмент обрезки _{ic-crop-toolic-crop-tool} (оптимально подходит для обрезки квадратных или прямоугольных форм). Ручки обрезки дадут вам полный и простой контроль над обрезкой результирующего изображения.
2. Clipping Mask _{ic-maskic-mask} техника (оптимально подходит для обрезки неправильных, неквадратных или непрямоугольных форм). Операция Clipping Mask в Vectornator дает вам неограниченные возможности для обрезки изображения. Мы дадим вам свободу обрезать ваше изображение в любую форму или форму, которую вы хотите, с помощью Vectornator.

Каждая техника требует всего несколько шагов и очень проста в исполнении даже для неопытных пользователей.

Что касается навигации и пользовательского интерфейса, Vectornator и Illustrator выглядят очень по-разному. Adobe известна своими многочисленными «скрытыми» функциями и тем фактом, что вам нужно быть опытным пользователем, чтобы правильно их использовать. Даже будучи пользователем среднего уровня, вы все равно можете поискать в Google ответы о том, как использовать программное обеспечение, когда вместо этого вы должны сосредоточиться на проектировании.

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

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

Вы можете обрезать растровое изображение в Vectornator с помощью Crop Tool _{ic-crop-toolic-crop-tool} или Функция маски _{ic-maskic-mask} . Есть несколько преимуществ при использовании этих двух методов:

Техника Crop Tool

1. Операция, которую можно легко отменить, выполнив Undo _{ic-undoic-undo} эксплуатация
2. Ручки обрезки дадут вам полный и простой контроль над резкой изображения.
3. Двойное касание уже обрезанного изображения отобразит исходное изображение полностью, а обрезание изображения можно удобно отрегулировать с помощью ручек обрезки .

Техника обтравочной маски

1. неразрушающая.
2. Вы все еще можете перемещать оригинал вокруг после выполнения операции маскирования.
3. Полученная форма по-прежнему является векторной формой, которую вы можете изменять по своему усмотрению.

Как обрезать изображение в Vectornator

В Vectornator есть два простых и быстрых способа обрезать изображение. Инструмент Crop Tool _{ic-crop-toolic-crop-tool} и функция Clipping Mask . Ниже мы подробно объясним каждую опцию:

Как обрезать с помощью инструмента кадрирования

Crop Tool _{ic-crop-toolic-crop-tool} Техника оптимальна для обрезки квадратных или прямоугольных форм . Ниже мы объясним, как выполнить операцию в несколько шагов.

💡

Следующие видеоролики были сняты на Mac и демонстрируют, как обрезать с помощью инструмента кадрирования ~ic-crop-tool~~ic-crop-tool~. Вы можете повторить точные шаги, используя iPad или iPhone.

Шаг 1

Первым шагом будет импорт растрового изображения в Vectornator. Вы можете импортировать изображение через Всплывающее окно библиотеки _{ic-library-tabic-library-tab} , метод Import _{ic-importic-import} Tab или метод Drag & Drop .

Узнайте больше о доступных параметрах импорта ~ic-import~~ic-import~ в Vectornator.

Шаг 2

Как только растровое изображение будет импортировано в монтажную область _{ic-artboardic-artboard} или на холст, раздел с учетом контекста изображения появляется в Инспекторе и отображает кнопку Crop. Если вы нажмете кнопку Crop , маркеры обрезки будут активированы и видны вокруг границ изображения.

Шаг 3

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

💡

Примечание — Обрезка растрового изображения с помощью Crop Tool ~ic-crop-tool~~ic-crop-tool~ является деструктивной операцией , в отличие от обрезки с маскированием . Если вы хотите отменить операцию кадрирования, нажмите Отменить ~ic-undo~~ic-undo~.

Шаг 4

После того, как процесс обрезки будет завершен и ограничительная рамка снова станет видимой, активируйте инструмент Selection Tool _{ic-selectionic-selection} , коснитесь и перетащите обрезанное изображение и переместите его на холсте в нужное место.

Шаг 5

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

Чтобы узнать больше об инструменте кадрирования ~ic-crop-tool~~ic-crop-tool~ и многие другие векторные операции в Vectornator, перейдите в наш раздел Learning Hub ~ic-learning-hub~~ic-learning-hub~, где мы объясним все подробно → Посетите Центр обучения.

Как обрезать с помощью обтравочной маски

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

В Vectornator любой замкнутый контур можно превратить в обтравочную маску. Возможности создания фигуры с обтравочной маской в ​​Vectornator безграничны.

Позвольте нам объяснить вам в несколько простых шагов, как вы можете обрезать растровое изображение в Vectornator, используя технику маскирования 0038 обновлений , мы унифицировали Инспектор для упрощения интерфейса. Видеоролики для учебного пособия Clipping Mask были записаны с помощью версии Vectornator для iPad, разработанной до обновления. Чтобы узнать больше об обновленном Inspector , обратитесь к этому разделу Learning Hub. Вы можете повторить точные шаги, используя Mac или iPhone.

Шаг 1

Начнем с импорта растрового изображения в Vectornator. Вы можете импортировать изображение через всплывающее окно библиотеки _{ic-library-tabic-library-tab} , вкладку импорта _{ic-importic-import} или метод Drag & Drop .

Узнайте больше об опциях импорта ~ic-import~~ic-import~, доступных в Vectornator.

Шаг 2

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

Выберите инструмент Shape Tool на панели инструментов . Нажмите кнопку с тремя точками _{ic-settings-2ic-settings-2} и выберите форму многоугольника _{ic-polygonic-polygon} . Установите количество сторон многоугольника на пять с помощью слайдера Tool Slider . Нажмите и перетащите холст, чтобы создать фигуру. Используйте инструмент выделения _{ic-selectionic-selection} для перемещения, масштабирования и вращения многоугольника _{ic-polygonic-polygon} .

Узнайте больше об инструменте «Форма» в Vectornator.

Шаг 3

На следующем шаге мы объясним, как создать Обтравочную маску для обрезки изображения.

💡

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

Выберите фигуру векторной маски и переместите ее в нижнюю часть стека слоев _{ic-bring-to-backic-bring-to-back} на вкладке «Слои» _{ic-layers-tabic-layers-tab} или на панели быстрых действий _{ic-quick-actionsic-quick-actions}  под импортированным растровым изображением. Расположите фигуру маскирующего вектора на холсте.

Затем нажмите кнопку Mask _{ic-maskic-mask}  или   ⌘ M , чтобы создать свою маску. Импортированное растровое изображение теперь видно только в границах маскирующей фигуры.

Маскирующий слой теперь отображает крошечную символ маски _{ic-maskic-mask} , а маскируемый слой связан с маскирующим слоем с помощью зависимой стрелки .

Шаг 4

Теперь, когда мы установили структуру обтравочной маски , вы все еще можете редактировать маску, выбирая и перемещая форму маскирования или редактируя форму маскирования с помощью инструмента Node Tool _{ic-nodeic-node} , так как функция обтравочной маски в Vectornator является неразрушающей операцией .

Чтобы узнать больше о маскировании и многих других векторных операциях в Vectornator, перейдите в наш раздел Learning Hub ~ic-learning-hub~~ic-learning-hub~, где мы все подробно объясним → Посетите Learning Hub

Загрузите Vectornator для начала работы

Поднимите свои проекты на новый уровень.

Как обрезать и обрезать фотографию в Adobe Illustrator

Как обрезать и обрезать фотографию в Adobe Illustrator

Один из наиболее часто задаваемых вопросов пользователей Illustrator: « Как обрезать изображение? «. Adobe представила функцию обрезки изображения в CC2017, которая делает ее доступной для любых пользователей в Adobe Creative Cloud. Для тех, кто хочет дополнительного контроля и точности, Astute Graphics также предлагает подключаемый модуль Rasterino в рамках подписки.

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

Основы использования собственных методов «Маска» и «Обрезка изображения»

Перетащите изображение в монтажную область Illustrator или используйте Файл > Поместить…

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

Чтобы легко применить векторную маску или действительно обрезать изображение, вам потребуется либо панель управления ( Window > Control , не отображается по умолчанию в более поздних обновлениях Creative Cloud), как выделено красным ниже, либо совсем недавно введено Панель свойств ( Окно > Свойства ), как выделено зеленым цветом.

Обе эти панели являются контекстно-зависимыми. Поэтому их содержимое меняется в зависимости от того, какой тип объекта(ов) выбран. Этот снимок экрана был сделан с выбранным только одним размещенным изображением. Панель свойств также претерпела изменения в последующих версиях Creative Cloud; поэтому в зависимости от используемой версии Illustrator CC вы можете увидеть различия.

На обеих панелях управления и панелях свойств представлены кнопки Маска и Обрезать изображение .

Нанесение маски

Когда одно размещенное или встроенное изображение все еще выбрано, нажмите кнопку Маска на панели управления или панели свойств.

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

Как только вы начинаете выполнять другую операцию в Illustrator, все автоматическое редактирование векторных масок фиксируется.

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

Обрезать изображение

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

Примечание: если изображение было связано, а не встроено, будет представлено диалоговое окно с предупреждением, в котором говорится: «При обрезке связанного файла встраивается копия оригинала. Исходный файл в связанном месте не затрагивается». Это долгожданная функция для автоматического выполнения этой логической операции.

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

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

Цифровые элементы управления также представлены на панелях управления и свойств для точного указания размеров изображения.

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

Если вас устраивает обрезка, нажмите кнопку Применить на панелях управления и свойств.

Из результирующего изображения удалены лишние данные изображения. Обратите внимание, что если вы не отмените операцию сейчас, не прибегая к повторному размещению изображения в документе, вы не сможете вернуться к исходному необрезанному изображению.

Альтернативный инструмент для обрезки изображений

За несколько лет до того, как Adobe удосужилась добавить в Adobe Illustrator настоящую обрезку изображений, Astute Graphics представила подключаемый модуль Rasterino. Этот продукт, теперь являющийся частью нашей подписки, содержит инструмент Crop Image Tool .

Чтобы найти его, если вы работаете с Illustrator CC2019 или более поздней версии, сначала убедитесь, что вы работаете с расширенной панелью инструментов ( Окно > Панели инструментов > Дополнительно ).

Затем нажмите и удерживайте Инструмент «Ластик» на панели инструментов (выделено красным ниже) и отпустите кнопку мыши при наведении курсора на инструмент «Кадрирование изображения» .

Важно, чтобы было выбрано встроенное изображение. Если изображение связано, сначала вставьте его с помощью соответствующей кнопки на панели управления или панели свойств. Если вы уже используете инструмент Crop Image Tool , просто используйте CMD (macOS) или Ctrl (Windows), чтобы временно разрешить выбор.

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

Одним из ключевых преимуществ использования инструмента кадрирования изображения Rasterino является то, что вы можете назначить нажатие клавиши инструменту кадрирования изображения ( Edit > Keyboard Shortcuts. .. ), что позволяет опытным пользователям быстро определять и применять истинную обрезку изображения.

Усовершенствованная обрезка изображения с высокой точностью

В то время как описанные до сих пор методы обрезки исходного изображения и изображения Rasterino подходят для быстрых визуальных задач, иногда необходимо внести более точные изменения или управлять несколькими изображениями одновременно. Это доступно через панель Rasterino ( Окно > Rasterino > Панель Rasterino ), который предлагает как Trim Image (красная подсветка), так и Crop Image (зеленая подсветка):

Trim Image

Пример изображения, использованный в статье, был отредактирован в Photoshop, чтобы была добавлена ​​прозрачность с радиальным градиентом. Когда изображение было встроено в Illustrator, края изображения были лишними из-за отсутствия непрозрачности.

Обычная ситуация, когда прозрачное изображение, встроенное в Illustrator, с чрезмерной маскировкой прозрачности, является идеальной ситуацией для использования функции «Обрезать изображение» через панель Rasterino. Эта техника будет знакома пользователям, которые использовали параметр обрезки в Photoshop (9).0037 Изображение > Обрезать… ).

При выборе полупрозрачного изображения в Illustrator был выбран значок Trim Image на панели Rasterino (выделен красным), чтобы открыть диалоговое окно Trim Image . Значения по умолчанию Transparent Pixels и Preview остались выбранными (выделены зеленым цветом). В аннотации границы изображения автоматически отображается предполагаемая обрезка изображения (показана желтыми стрелками).

Щелкните OK , чтобы обрезать изображение и удалить лишние пиксели прозрачности, или Копировать , чтобы сохранить основное изображение и поместить обрезанную копию точно в положение сверху. Все визуальные догадки для достижения этого были устранены.

Эта функция Rasterino также позволяет обрезать лишние области плоского цвета на основе верхнего левого или нижнего правого пикселя.

Совет для профессионалов — эту функцию можно применять одновременно к нескольким изображениям!

Обрезать изображение (несколько изображений и численно)

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

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

Как и в случае с функцией Trim Image , OK зафиксирует обрезку, в то время как Copy сохранит базовые изображения и поместит результирующие экземпляры обрезанных изображений сверху на место.

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

Связанные изображения и встроенные изображения

При кадрировании важно учитывать различия между связанными изображениями и встроенными изображениями.

Связанные изображения

• Файл изображения хранится вне файла Illustrator и ссылается только на монтажную область.

• Обрезку с обтравочной маской можно применить только к связанным изображениям, так как истинная обрезка (удаление пикселей) потребует редактирования внешнего файла изображения в Photoshop или аналогичной программе.

• Использование связанных изображений может помочь уменьшить размер файла Adobe Illustrator и обеспечить использование одного и того же изображения (например, логотипа) в нескольких проектах.

• Ссылку на внешнее изображение легко сломать.

Встроенные изображения

• Данные изображения хранятся внутри документа Illustrator.

• Возможно как обтравочная маска, так и истинная обрезка, а также обрезка встроенного изображения.

• Увеличивает размер файла Illustrator, но при этом отсутствует риск неработающей ссылки.

• Как собственные функции Illustrator, так и Rasterino предоставляют методы для повторного связывания встроенного изображения, если это необходимо.

• Rasterino позволяет редактировать встроенное изображение в режиме реального времени в Photoshop или предпочитаемом вами программном обеспечении для редактирования фотографий, включая изображения, обрезанные с использованием обтравочной маски.

Сравнение изображений, обрезанных с обтравочной маской, и истинное кадрирование

В Illustrator существует два способа кадрирования изображения. У обоих есть свои плюсы и минусы, как описано здесь.

Использование обтравочной маски

• Обтравочную маску можно удалить на любом этапе, чтобы открыть исходное изображение, что обеспечивает большую гибкость и позволяет экспериментировать.

• Обтравочную маску можно использовать как для связанных, так и для встроенных изображений. Если вы измените внешне связанное изображение, результат кадрирования с обтравочной маской будет автоматически обновлен.

• Вы не ограничены только прямоугольной обрезкой.

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

Настоящая обрезка

• Ненужные области встроенного изображения удаляются безвозвратно, что приводит к уменьшению размера файла Illustrator или другого экспортируемого векторного файла.

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