Как вставить картинку в illustrator
Иллюстрированный самоучитель по Adobe Illustrator CS
Помещаем фотографию в Illustrator
Задача этого занятия – создание рекламной листовки компании с фотографией сотрудников в качестве фона. Это значит, что придется использовать растровую графику – единственный разумный способ передачи фото. В растровой графике изображение состоит из пикселов, а не из математически описанных фигур. Растровые изображения напоминают мозаику.
Прежде чем описывать особенности точечной графики в Illustrator, следует заметить, что не нужно ждать от этой программы потрясающих возможностей – для этого есть специальные пакеты, например, Photoshop. В Illustrator операции с растровыми изображениями носят вспомогательный характер.
Сразу, без лишних рассуждений, приступим к работе. В качестве возможных вариантов оформления заказчик принес нам несколько различных фотографий. Первое, что необходимо сделать, – это создать новое изображение (File › New (Файл › Новый) или CTRL + N). Далее разместим на нем фотографию (пока одну).
Есть несколько способов вставки растровых изображений в Illustrator, но все же основной – команда File › Place (Файл › Поместить). После запуска этой команды появится диалоговое окно (рис. 7.1).
Найдите нужный файл на жестком диске. Обратите внимание на то, чтобы возле параметра Template (Шаблон) отсутствовал флажок, так как нам необходимо изображение обычного вида, а не шаблонного (см. занятие 1).
В Illustrator объект можно поместить в документ двумя способами.
Рис. 7.1. Диалоговое окно Place
Растровое изображение можно также открыть командой Open (Открыть).
Одна из фотографий заказчика была сохранена в формате PSD, который является многослойным, то есть документ может состоять из нескольких слоев.
В таких случаях при открытии появляется диалоговое окно (рис. 7.2).
Рис. 7.2. Диалоговое окно Photoshop Import
На нашей фотографии изображение каждого человека было размещено на отдельном слое, но так как мы будем использовать фотографию исключительно в качестве фона, то лучше объединить слои в единое целое, установив флажок возле параметра Flatten Photoshop layers to a single image (Свести слои Photoshop в единое изображение). После выполнения одной из этих команд выбранное изображение появится на экране.
Выбор редакции
Топ-30 лучших аниме 2021 года.
Топ-30 лучших фильмов 2021.
Топ-20 лучших сериалов ноября.
Adobe Illustrator: Начальная настройка, создание слоев и обрезка фона
Давайте попробуем разобраться с тем, в каких случаях необходим Adobe Illustrator и как в нем работать.
Ни для кого не секрет, что есть программы, которые стали стандартом в своей отрасли. Это такой софт, которым просто необходимо владеть в совершенстве, чтобы быть хорошим специалистом.
Попробуем поэтапно разобраться в его возможностях на простых примерах.
Создание нового документа
В начале работы нас встречает экран с выбором предустановленных вариантов документов, разбитых по типам работы. Вы можете выбрать готовый вариант документа для печати, веба, мобильного приложения, видео и иллюстрации.
Фотография Экран создания нового документа
При создании файла вы можете выбрать единицы измерения в документе, цветовое пространство и многие другие параметры. Давайте подробно их разберем.
Выбор единиц измерения в документе
Millimeters, Santimeters, inches стоит использовать, если вы делаете то, что необходимо будет потом распечатать.
Points, picas максимально удобны для шрифтовой работы. Создание шрифтового начертания, работа со шрифтами и т.д.
Фотография Выбор единиц измерения документа
Важно!Для печати не забывайте выставлять параметр Bleed (Обрезка) как минимум в 3 мм, так как при печати ваш дизайн будут обрезать, поэтому необходимо оставить запас для вашего макета.
Выбор цветового пространства
В этом пункте все довольно просто.
Вэб-сайт, приложение, презентация либо если материал не предназначается для печати или цветопередача не очень важна, то RGB.
Фотография Выбор цветового пространства
При печати RGB не используется от слова совсем, и, если вы печатаете не бесполезную макулатуру для совещания, очень важно это помнить. Так же как макет сайта в CMYK выдаст чудовищные цвета на предварительном просмотре.
Работа с листами (Artboard)
Сразу после создания вашего документа вы увидите ваше рабочее пространство (Artboard) в виде белого поля или листа.
Важно! Ваше рабочее пространство может отличаться от приведенного в примерах
Изменение размера листа
Чтобы изменить размер вашего листа, вам нужно:
1. Выбрать ваш artboard на панели artboards или нажать Shift+O
Фотография Выбор Artboard
2.1. На верхней панели ввести необходимые размеры
Фотография Изменение размера Artboard
2.2. Выбрав Artboard tool (Shift+O) перетащить границы поля до нужного размера.
Фотография Для изменения размера просто потяните за границы области.
Создание нового листа
Для создания нового Artboard нажмите на значок на панели Artboards
Фотография Создание новой рабочей области
Также вы можете использовать Artboard tool (Shift+O) и просто кликнуть в любом пустом месте.
Фон рабочего пространства
Иногда для работы нам может потребоваться прозрачный фон.
Фотография Показать прозрачность
Повторное нажатие Cntrl+Shift+D вернет белую заливку. Это работает и с другими командами в Illustrator
Делаем сетку и направляющие
Иногда при работе нам может потребоваться отображение сетки и направляющих. По умолчанию они не отображаются.
Фотография Включаем сетку и направляющие
Вставка картинки
Вставить картинку в Illustrator проще простого. Для этого просто перетащите её из проводника прямо на вашу рабочую область.
Фотография Вставка изображения
Не все картинки могут вставляться корректно. Например, если отличаются цветовые профили. В этом случае вам стоит использовать профиль изображения, выбрав его в появившемся окне выбора профилей.
Изменение размера изображений и обрезка
Изменение размера
Изображение мы вставили, теперь нам нужно изменить его размер. Выберите ваше изображение с помощью Selection tool(V) и просто тяните за нужный край. Изображение будет уменьшаться или увеличиваться.
Удерживая Shift вы можете увеличить или уменьшить изображение с сохранением пропорций
Обрезка изображения
Для обрезки вашего изображения просто выберите его и нажмите Cntrl+7
Фотография Обрезка изображения
Этим способом Illustrator не хочет обрезать иллюстрации и другие векторы, но можно схитрить. Просто создайте блок нужного размера, подложите его над вашей иллюстрацией и нажмите Cntrl+7. И Illustrator обрежет ваш вектор под размер блока.
Сохранение результата
Вы сделали прекрасную работу, а теперь пора её сохранить. В Иллюстраторе есть несколько способов сохранения.
Нужно если вы хотите сохранить результат в векторном формате или сделать презентацию в PDF. Форматы доступные для сохранения: EPS, PDF, SVG, Ai
Идеально подходит для сохранения картинок и последующей загрузки на сайты. Форматы доступные для сохранения: Jpg, Png, Gif
Импорт файлов графических объектов
Не обязательно создавать иллюстрацию в Adobe Illustrator обычным способом — можно импортировать как векторные, так и растровые изображения из файлов, созданных в других приложениях. Illustrator распознает все распространенные форматы графических файлов. Тесная интеграция между продуктами Adobe и поддержка множества разнообразных форматов файла позволяет легко перемещать изображения из одного приложения в другое с помощью экспорта и импорта или копирования и вставки.
При помещении графического объекта в макете отображается версия файла с экранным разрешением, доступная для просмотра и позиционирования, однако реальный графический объект может быть или связанным, или встроенным.
Связанный объект присоединяется к документу, но хранится независимо от него, тем самым сокращая его размер. Связанный объект можно изменить с помощью средств трансформации и эффектов, однако нельзя выбрать и изменить его отдельные компоненты. Связанный графический объект можно использовать многократно без значительного увеличения размера документа. Кроме того, все связи можно обновить одновременно. При экспорте или печати извлекается исходный графический объект и создается итоговый выходной файл с полным разрешением оригинала.
Встроенный объект копируется в документ в полном разрешении, что приводит к увеличению его размера. Есть возможность управления версиями и обновлением файла в произвольный момент времени. Документ со встроенной иллюстрацией остается самодостаточным.
Определить, является иллюстрация связанной или встроенной, а также изменить это состояние можно в палитре «Связи».
Если встроенная иллюстрация содержит несколько компонентов, можно редактировать их по отдельности. Например, если иллюстрация содержит векторные данные, Illustrator преобразует их в контуры, которые затем можно изменить с помощью инструментов и команд Illustrator. Illustrator также сохраняет иерархию объекта (в том числе группы и слои) в иллюстрации, встроенной из файлов определенных форматов.
Помещение (импорт) файлов графических объектов
Команда «Поместить» — это основной способ импорта, который обеспечивает высочайший уровень поддержки форматов файла, параметров помещения и цвета. После помещения файла используйте палитру «Связи» для его определения, выделения, управления и обновления.
Откройте документ Illustrator, в который необходимо поместить иллюстрацию.
Выберите команду «Файл» > «Поместить» и укажите текстовый файл, который необходимо поместить.
Установите флажок «Связь», чтобы создать связь с файлом, или снимите его, чтобы иллюстрация была встроена в документ Illustrator.
Нажмите кнопку «Поместить».
Если необходимо, выполните одно из следующих действий:
При помещении PDF-файла, содержащего несколько страниц, можно указать страницу, которую следует поместить, и способ обрезки иллюстрации.
При внедрении файла Adobe® Photoshop® можно указать способ преобразования слоев. Если файл содержит композиции слоев, можно также указать, какая версия изображения должна быть импортирована.
Размещение связанных документов Photoshop
Чтобы разместить свои иллюстрации в Photoshop, созданные непосредственно в монтажной области Illustrator, выполните действия, описанные ниже.
Выберите Файл > Разместить.Появится диалоговое окно для выбора файла на вашем компьютере или из облачных документов.
Нажмите Открыть облачный документ.
Импорт графического объекта из Photoshop
Иллюстрации можно импортировать из файлов Photoshop (PSD) в Illustrator с помощью команды «Открыть», «Поместить» и «Вставить», а также путем перетаскивания.
Illustrator поддерживает большую часть данных Photoshop, в том числе композиции слоев, слои, редактируемый текст и контуры. Таким образом, можно переносить файлы между Photoshop и Illustrator, не теряя возможности редактировать иллюстрации. Чтобы упростить перенос файлов между двумя приложениями, корректирующие слои, видимость которых отключена, импортируются (хотя и остаются недоступными) в Illustrator и восстанавливаются при обратном экспорте в Photoshop.
Плашечные цвета (до 31 плашечного канала в одном файле) импортируются как единое растровое изображение N-Channel, помещаемое над изображением в триадном цвете. Плашечные цвета добавляются в палитру образцов как заказные цвета с теми же именами, что и в Photoshop. Цветоделение импортированных плашечных цветов осуществляется корректно.
Дуотонные файлы PSD импортируются как одноцветные растровые изображения с 256-цветным индексированным цветовым пространством и цветовым пространством N-Channel, содержащим все дуотонные краски. Поскольку в Illustrator используется N-Channel, режим наложения, заданный в Photoshop, может выглядеть в программе Illustrator иначе. Цвета красок из устаревших библиотек цветов сбрасываются в серый.
В случаях, когда в программе Illustrator необходимо выполнить преобразование данных Photoshop, выдается предупреждение. Например, при импорте 16-битного файла Photoshop в Illustrator выдается предупреждение о том, что изображение будет импортировано как 8-битное однослойное совмещенное.
Импорт растровых изображений
О растровых изображениях
В растровых изображениях для их представления используется прямоугольная сетка из элементов изображения (пикселов). Каждому пикселу соответствует определенное расположение и значение цвета. При работе с растровыми изображениями редактируются пикселы, а не объекты или фигуры. Растровые изображения — самый распространенный способ передачи таких нерастрированных изображений, как фотографии или цифровые рисунки, поскольку он позволяет наиболее эффективно передавать тонкие градации цвета и тонов.
Растровые изображения зависят от разрешения, то есть они содержат фиксированное количество пикселов. При сильном увеличении на экране или при печати с разрешением ниже первоначального теряются детали, а края становятся неровными.
Иногда для хранения растровых изображений требуется много места на диске, поэтому для уменьшения размера файлов при использовании в некоторых компонентах Creative Suite такие изображения часто требуют сжатия. Например, перед импортом изображения в макет его сжимают в приложении, где оно было создано.
В Adobe Illustrator можно создавать графические растровые эффекты для рисунков с помощью эффектов и стилей графики.
Рекомендации по установке разрешения изображения для типографской печати
Растровые изображения содержат фиксированное число пикселов, которое обычно измеряется в единицах ppi (пикселов на дюйм). Изображение с высоким разрешением содержит большее количество меньших по размеру пикселов, чем изображение тех же печатных размеров с меньшим разрешением. Например, изображение размером 1х1 дюйм с разрешением 72 ppi содержит 5184 пикселов (72 пиксела в ширину х 72 пиксела в высоту = 5184). Изображение того же размера (1х1 дюйм) с разрешением 300 ppi будет содержать уже 90 000 пикселов.
При импорте растровых изображений разрешение определяется исходным файлом. При использовании растровых эффектов можно задать другое разрешение. Для того чтобы определить разрешение, которое следует использовать, необходимо учесть конечный способ распространения изображения. Приведенные ниже рекомендации помогут определить требования к разрешению изображения.
В типографской печати используются изображения от 150 до 300 и более ppi в зависимости от разрешения принтера (dpi) и линиатуры растра (lpi). Прежде чем принимать производственные решения, проконсультируйтесь с поставщиком услуг допечатной подготовки. Поскольку в типографской печати используются большие изображения с высоким разрешением, для отображения которых требуется больше времени, при подготовке макета часто используются их версии с более низким разрешением, которые заменяются на первоначальные перед печатью.
В приложениях Illustrator и InDesign можно работать с версиями изображений меньшего разрешения в палитре «Связи». В InDesign для этого нужно выбрать пункт «Стандартный» или «Быстрое отображение» в меню «Просмотр» > «Режим отображения». В Illustrator выберите «Просмотр» > «Контуры». Кроме того, изображения с низким разрешением можно получить от поставщика услуг, если он поддерживает открытый допечатный интерфейс (OPI).
Как правило, при настольной печати используются изображения от 72 ppi (для фотографий, которые выводятся на принтер с разрешением 300 ppi) до 150 ppi (для фотографий, которые выводятся на устройства с разрешением до 1000 ppi). При печати векторных объектов (1-битовых изображений) убедитесь, что разрешение изображений совпадает с разрешением принтера.
Поскольку для публикации в Интернете обычно требуются изображения, которые должны умещаться на экране монитора, используются, как правило, рисунки не шире 500 пикселов и не выше 400 пикселов, чтобы на экране оставалось достаточно места для элементов управления окна браузера или для различных элементов макета, например подписей. Изображения с экранным разрешением (96 ppi — для систем Windows и 72 — для систем Mac OS) выглядят примерно так же, как они будут выглядеть при просмотре через обычный веб-браузер. При публикации в Интернете более высокое разрешение может понадобиться только в следующих случаях: если у пользователей должна быть возможность масштабировать изображения в документе PDF и если для документа с изображением должна поддерживаться печать по запросу.