Обрезаем изображение в Adobe Illustrator


Графический редактор Adobe Illustrator — продукт тех же разработчиков, что и Photoshop, но первый больше предусмотрен для нужд художников и иллюстраторов. Он имеет как функции, которых нет в Фотошопе, так и не имеет тех, которые в нём есть. Обрезка изображения в этом случае относится к последнему.

Скачать последнюю версию Adobe Illustrator

Редактируемые графические объекты можно легко переносить между программными продуктами Adobe, то есть, можно обрезать изображение в Фотошопе, а затем перебросить в Иллюстратор и продолжить с ним работу. Но во многих случаях быстрее будет обрезать картинку в самом Иллюстраторе, пускай это будет сложнее.

Инструменты для обрезки в Иллюстраторе

ПО не имеет такого инструмента, как «Обрезка», но убрать лишние элементы от векторной фигуры или от изображения можно при помощи других инструментов программы:

  • Artboard (изменение размера рабочей области);
  • Векторные фигуры;
  • Специальные маски.

Способ 1: инструмент Artboard

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

  1. Перед тем, как приступить к обрезке монтажной области, желательно сохранить вашу работу в одном из форматов Иллюстратора — EPS, AI. Чтобы сохраниться, перейдите в раздел «File», расположенный в верхней части окна, и из выпадающего меню выберите «Save as…». Если же вам просто нужно обрезать какое-либо изображение с компьютера, то сохранение делать необязательно.
  2. Сохранение в Иллюстраторе
  3. Для удаления части рабочей области выберите нужный инструмент в «Панели инструментов». Его иконка выглядит как квадрат с исходящими из углов небольшими линиями. Также можно воспользоваться комбинацией клавиш Shift+O, после чего инструмент будет выбран автоматически.
  4. Artboard в Illustrator
  5. По границам рабочей области образуется обводка пунктиром. Тяните за неё, чтобы поменять размер рабочей области. Смотрите, чтобы та часть фигуры, которую требуется обрезать, выходила за рамки этой штрихованной границы. Чтобы применить изменения нажмите Enter.
  6. Изменение рабочей области в Illustratore
  7. После этого ненужная часть фигуры или изображения удалится вместе с частью монтажной области. Если где-то была допущена неточность, вы можете вернуть всё обратно при помощи комбинации клавиш Ctrl+Z. Потом повторите пункт 3 так, чтобы фигура обрезалась как вам нужно.
  8. Файл можно сохранить в формате Иллюстратора, если вы будете в дальнейшем его редактировать. Если вы собираетесь его где-то размещать, то придётся сохранять в формате JPG или PNG. Для этого нажмите «File», в меню выберите «Save for web» или «Export» (различий между ними практически нет). При сохранении выберите нужный формат, PNG – это исходное качество и прозрачный фон, а JPG/JPEG — нет.
  9. Save for web

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

Способ 2: другие фигуры для обрезки

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

  1. Для начала нарисуйте квадрат при помощи соответствующего инструмента (вместо квадрата может быть любая фигура, даже которая сделана при помощи «Карандаша» или «Пера»).
  2. Поверх квадрата поместите круг (вместо него можно также поместить любую нужную вам фигуру). Круг нужно поместить на тот угол, который вы планируете удалить. Границу окружности можно подогнать прямо до центра квадрата (Иллюстратор отметит центр квадрата при соприкосновении с границей окружности).
  3. Фигуры в Illustrator

  4. При необходимости как окружность, так и квадрат можно свободно трансформировать. Для этого в «Панели инструментов» выберите чёрный указатель курсора и нажмите им по нужной фигуре или, удерживая Shift, по обеим — в этом случае выберутся обе. Затем потяните фигуру/фигуры за контуры. Чтобы трансформация происходила пропорционально, когда будете растягивать фигуры, зажмите Shift.
  5. Трансформация в Illustrator
  6. В нашем случае нужно убедиться, что круг перекрывает квадрат. Если вы всё делали в соответствии с первым и вторым пунктами, то он и будет поверх квадрата. Если же он под ним, то нажмите правой кнопкой мыши по кругу, из выпадающего меню подведите курсор к пункту «Arrange», а затем «Bring to Front».
  7. Вынос на передний план
  8. Теперь выделите обе фигуры и перейдите в инструмент «Pathfinder». У вас он может находиться в правой панели. Если его там нет, то нажмите на пункт «Windows» в верхней части окна и выберите из всего списка «Pathfinder». Также можно воспользоваться поиском по программе, что находится в верхней правой части окна.
  9. В «Pathfinder» нажмите на пункт «Minus front». Его иконка выглядит как два квадрата, где тёмный квадрат перекрывает светлый.
  10. Обрезка в Illustrator

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

Способ 3: обтравочная маска

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

  1. Нарисуйте квадрат, а поверх него круг. У обоих должна быть какая-либо заливка и желательно обводка (нужна для удобства при дальнейшей работе, её можно будет убрать при необходимости). Сделать обводку можно двумя способами – в верхней или в нижней части левой панели инструментов выбрав второй цвет. Для этого нужно нажать на серый квадрат, который будет расположен либо за квадратом с основным цветом, либо правее от него. В верхней панели в пункте «Stroke» задайте толщину обводки в пикселях.
  2. Настройка обводки

  3. Отредактируйте размер и расположение фигур, чтобы обрезанная область максимально соответствовала вашим ожиданиям. Для этого воспользуйтесь инструментом, который выглядит как чёрный курсор. Растягивая или сужая фигуры, зажимайте Shift — таким образом вы обеспечите пропорциональную трансформацию объектов.
  4. Выберите обе фигуры и перейдите во вкладку «Object» в верхнем меню. Найдите там «Clipping mask», в выпавшем подменю кликните по «Make». Чтобы упростить всю процедуру, достаточно просто выделить обе фигуры и воспользоваться комбинацией клавиш Ctrl+7.
  5. Создание маски
  6. После применения обтравочной маски изображение остаётся нетронутым, а обводка пропадает. Объект обрезается так, как нужно, остальная часть изображения становится невидимой, но при этом не удаляется.
  7. Маску можно корректировать. Например, переместить в какую-либо сторону, увеличить или уменьшить. При этом изображения, которые остаются под ней, не деформируются.
  8. Чтобы убрать маску, можно воспользоваться комбинацией клавиш Ctrl+Z. Но если вы уже делали какие-либо манипуляции с готовой маской, то это не самый быстрый метод, так как изначально будут отменяться все последние действия по очереди. Чтобы быстро и безболезненно убрать маску, перейдите в пункт «Object». Там снова раскройте подменю «Clipping mask», а затем «Release».
  9. Удаление маски

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

Способ 4: маска прозрачности

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

  1. По аналогии с первыми шагами из предыдущего способа, необходимо нарисовать квадрат и круг (в вашем случае это могут быть другие фигуры, просто способ рассматривается на их примере). Рисуйте данные фигуры так, чтобы круг перекрывал квадрат. Если у вас так не получилось, то нажмите правой кнопкой мыши по кругу, из выпадающего меню выберите «Arrange», а затем «Bring to Front». Отрегулируйте размер и расположение фигур так, как вам нужно, чтобы избежать проблем в последующих шагах. Обводку задавать необязательно.
  2. Залейте круг чёрно-белым градиентом, выбрав его в палитре цветов.
  3. Градиент в Illustrator

  4. Направление градиента можно менять при помощи инструмента «Линии градиента» в «Панели инструментов». Данная маска считает белый цвет как непрозрачный, а чёрный как прозрачный, поэтому на той части фигуры, где должна быть прозрачная заливка, нужно чтобы преобладали тёмные оттенки. Также, вместо градиента может быть просто белый цвет или чёрно-белое фото, если вы хотели бы создать коллаж.
  5. Настройка градиента
  6. Выделите две фигуры и создайте маску прозрачности. Для этого во вкладке «Windows» найдите «Transparency». Откроется небольшое окно, где нужно нажать на кнопку «Make mask», что находится в правой части экрана. Если таковой кнопки нет, то откройте специальное меню при помощи кнопки в правом верхнем углу окошка. В этом меню потребуется выбрать «Make Opacity Mask».
  7. После наложения маски желательно поставить галочку напротив функции «Clip». Это нужно, чтобы обрезка была выполнена максимально корректно.
  8. Создание обтравочной маски
  9. «Поиграйте» с режимами наложения (это выпадающее меню, которое по умолчанию подписано как «Normal», находится вверху окошка). В разных режимах наложения маска может по-разному отображаться. Особенно интересно менять режимы наложения, если вы делали маску на основе какой-нибудь чёрно-белой фотографии, а не монотонного цвета или градиента.
  10. Можно также отрегулировать прозрачность фигуры в пункте «Opacity».
  11. Чтобы отметить маску, достаточно в том же окне нажать на кнопку «Release», которая должна появиться после того, как вы примените маску. Если данной кнопки нет, то просто зайдите в меню по аналогии с 4-м пунктом и выберите там «Release Opacity Mask».
  12. Отмена маски в Illustrator

Обрезать какое-либо изображение или фигуру в Иллюстраторе имеет смысл только в том случае, если вы с ней уже работаете в этой программе. Чтобы обрезать обычное изображение в формате JPG/PNG, лучше использовать другие графические редакторы, например, MS Paint, установленный по умолчанию в ОС Windows.

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

7 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
13 июня 2018 14:45

Как в иллюстраторе сохранить JPEG без блидов?

Карл
20 декабря 2018 18:09

боже, ну если вы статью пишете на русском, то может и пункты меню пусть будут из русифицированной версии?

Аноним
15 апреля 2019 11:20
Ответить на  Карл

О, это действительно проблема!………….)))))))))))))))))))))))))))

Аноним
9 мая 2019 13:05

Как может помочь статья, где пункты меню на английском?

Виктор Бухтеев
9 мая 2019 16:59
Ответить на  Аноним

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

Мас
11 июля 2019 09:45

Чтобы обрезать обычное изображение в формате JPG/PNG, лучше использовать другие графические редакторы, например, MS Paint.
я в шоке.

Алексей
14 июля 2019 03:27
Ответить на  Мас

Paint удаляет прозрачность фона

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS