Учебное пособие: объединение графики Illustrator с изображениями Adobe Photoshop

учебные векторы-растровые изображения

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

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

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

растровые изображения-пикселизация

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

вектор_биты

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

  • Сначала перезапустим Adobe Photoshop. Мы импортируем фотографию или откроем наш файл в формате .psd, если он у нас есть в меню «Файл»> «Открыть».
  • Мы можем открыть файл Adobe Illustrator как новый файл в Adobe Photohoshop, или мы также можем использовать команды «Поместить» или «Вставить», чтобы добавить его. Когда мы это сделаем, Photoshop будет растрировать (анализировать ваш растр), чтобы преобразовать его в растровое изображение. Команда «Поместить» в Photoshop позволяет масштабировать изображение, пока оно является векторной, поэтому изменение масштаба не приведет к снижению качества изображения. Однако, если мы вырежем или вставим графику из Illustrator в Photoshop, последующие изменения масштаба ухудшат качество изображения.учебник
  • Как только наш вектор будет импортирован, мы будем удерживать клавишу Shift. Мы перетащим вершину фотографии и изменим ее размер, чтобы адаптировать ее к нужным размерам и пропорционально. Затем мы перетащим, поместив курсор в центральную область, чтобы поместить изображение в нужное положение. Нам нужно будет слегка повернуть изображение в Edit> Transform> Rotate.учебник2

    учебник3

  • Мы будем деформировать файл по форме коробки. Сначала отрежем половину. На слое с логотипом мы выберем инструмент многоугольного лассо и щелкнем по переднему правому углу верхней части поля. Мы перетащим в следующий угол и продолжим его верхнюю часть.учебник4
  • С помощью Ctrl + X мы вырежем эту область. Мы создадим новый слой и нажмем «Вставить» или Ctrl + V.учебник5
  • На этом новом слое мы нажмем на меню Edit> Transform> Skew.учебник6
  • Перетаскивая ручки ограничительной рамки, мы будем искажать логотип, чтобы он соответствовал перспективе рамки.учебник7
  • Чтобы добиться реалистичного эффекта интеграции, мы можем использовать разные режимы наложения. Когда слой 1 активен в нашей палитре слоев, мы изменим его непрозрачность примерно до 60%. Затем мы затемним эту нижнюю часть логотипа, чтобы она соответствовала передней тени коробки. Мы сделаем это, изменив непрозрачность этой области на 70% и выбрав Умножение в меню режимов наложения.учебник8

    учебник9

  • Будет необходимо создать прозрачный фон, так как единственное, что нас будет интересовать, - это коробка. Для этого мы будем использовать инструмент выделения, и с его помощью мы ограничим границы поля.учебник10
  • Мы нажмем Selection> Invert, а затем удалим или клавишу Delete.учебник11

    учебник12

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

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

.


Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.