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

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

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

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

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

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

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

vector_bits

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

  • Сначала перезапустим Adobe Photoshop. Мы импортируем фотографию или откроем наш файл в формате .psd, если он у нас есть в меню «Файл»> «Открыть».
  • Мы можем открыть файл Adobe Illustrator как новый файл в Adobe Photohoshop, или мы также можем использовать команды «Поместить» или «Вставить», чтобы добавить его. Когда мы это сделаем, Photoshop будет растрировать (анализировать ваш растр), чтобы преобразовать его в растровое изображение. Команда «Поместить» в Photoshop позволяет масштабировать изображение, пока оно является векторной, поэтому изменение масштаба не приведет к снижению качества изображения. Однако, если мы вырежем или вставим графику из Illustrator в Photoshop, последующие изменения масштаба ухудшат качество изображения. учебник
  • Как только наш вектор будет импортирован, мы будем удерживать клавишу Shift. Мы перетащим вершину фотографии и изменим ее размер, чтобы адаптировать ее к нужным размерам и пропорционально. Затем мы перетащим, поместив курсор в центральную область, чтобы поместить изображение в нужное положение. Нам нужно будет слегка повернуть изображение в Edit> Transform> Rotate. tutorial2 tutorial3
  • Мы будем деформировать файл по форме коробки. Сначала отрежем половину. На слое с логотипом мы выберем инструмент многоугольного лассо и щелкнем по переднему правому углу верхней части поля. Мы перетащим в следующий угол и продолжим его верхнюю часть. tutorial4
  • С помощью Ctrl + X мы вырежем эту область. Мы создадим новый слой и нажмем «Вставить» или Ctrl + V. tutorial5
  • На этом новом слое мы нажмем на меню Edit> Transform> Skew. tutorial6
  • Перетаскивая ручки ограничительной рамки, мы будем искажать логотип, чтобы он соответствовал перспективе рамки. tutorial7
  • Чтобы добиться реалистичного эффекта интеграции, мы можем использовать разные режимы наложения. Когда слой 1 активен в нашей палитре слоев, мы изменим его непрозрачность примерно до 60%. Затем мы затемним эту нижнюю часть логотипа, чтобы она соответствовала передней тени коробки. Мы сделаем это, изменив непрозрачность этой области на 70% и выбрав Умножение в меню режимов наложения. tutorial8 tutorial9
  • Будет необходимо создать прозрачный фон, так как единственное, что нас будет интересовать, - это коробка. Для этого мы будем использовать инструмент выделения, и с его помощью мы ограничим границы поля. tutorial10
  • Мы нажмем Selection> Invert, а затем удалим или клавишу Delete. tutorial11 tutorial12
  • Если мы хотим закончить нашу композицию в Illustrator, мы можем использовать файлы .psd. Illustrator поддерживает большинство данных Photoshop, включая многослойные композиции, редактируемый текст и контуры.

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

 

.

 


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

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

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

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

*

*

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