Как в индизайн обрезать картинку по фрейму

Обновлено: 03.07.2024

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

Расщепление открытого пути с помощью ножниц

Любой открытый путь, нарисованный с помощью инструментов рисования в InDesign, можно разделить с помощью инструмента «Ножницы». Вот как:

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

Резка по форме с помощью ножниц

Инструмент Ножницы также можно использовать для разделения фигур:

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

Вырезание фигуры из формы с помощью ножниц

Чтобы удалить фигуру из фигуры, используя прямые линии:

Выберите фигуру с помощью инструмента Выбор .
Нажмите инструмент Ножницы на панели инструментов.
Переместите инструмент «Ножницы» к фигуре и щелкните в одном положении непосредственно на штрихе фигуры. Ножницы превращаются в перекрестье, когда прямо над ударом.
Щелкните в двух или более дополнительных позициях на штрихе фигуры, который удаляет часть фигуры и разбивает одну фигуру на части.
Сгруппируйте оставшиеся части фигуры, используя Shift-Click> Object> Group , если вы хотите использовать фигуры как одну единицу или использовать инструмент Выбор для перемещения отдельных фигур.

Вырезание изогнутой фигуры с помощью ножниц

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

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

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

Поместите изображение для кадрирования в InDesign

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

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

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

Метод инструмента выделения

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

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

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

Ярлык InDesign для инструмента "Ножницы"

Другой метод обрезки изображения - использование инструмента «Ножницы» в InDesign . Сначала используйте инструмент « Выделение» , чтобы установить рамку вашего изображения. Когда у вас будет рамка, вернитесь и выберите инструмент « Ножницы» на панели инструментов. Теперь щелкните точку на изображении, которое вы хотите вырезать, а затем щелкните другую точку на траектории, чтобы начать разрезание части изображения, которую вы хотите обрезать, путем ее обрезки.

После выбора точки на пути, и раздел , который хотите вырезать полностью выбран, вернитесь в меню Инструменты и выберите Выбор инструмента снова. Теперь используйте инструмент «Выделение», чтобы щелкнуть и перетащить ту часть, которую вы хотите обрезать, от остальной части изображения. С помощью этого ярлыка инструмента «Ножницы» в InDesign вы можете более точно обрезать определенные части любого изображения.

Ярлык InDesign Fit Image to Frame

Есть гораздо более простой способ обрезать изображение в InDesign - использовать ярлык InDesign « Подгонка изображения к кадру». Для начала, выберите идеальную рамку вокруг изображения с помощью выбора инструмента. Это будет последний кадр вашего обрезанного изображения. Теперь выберите Object раздел из меню, но вместо того , чтобы нажать место, выберите Место вариант.

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

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

Метод нестандартной формы рамки InDesign

Если вы хотите создать пользовательскую форму рамки для кадрированного изображения, вы можете сделать это с помощью метода InDesign Custom Frame Shape . Для начала выберите инструмент « Перо» , который лучше всего подходит для создания изогнутых пользовательских форм, но с ним довольно легко манипулировать в любой кадр, который вы хотите. Выбрав желаемую форму рамки, перейдите в меню « Объект» и выберите « Поместить» . Выберите изображение, которое нужно обрезать до формы пользовательской рамки InDesign, и нажмите « Открыть» .

Немного об Индизайне. Эта программа на мой взгляд одна из самых простых и удобных программ для вёрстки многостраничных изданий. При её огромной функциональности она весьма проста в освоении, а родственность и совместимость с другими программами семейства Adobe делает её просто бесценной для опытного дизайнера.

Что можно делать в Индизайне? Я использую индиз для вёрстки буклетов, каталогов, книг, маркетинг-китов, газет, журналов и т.д.

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

Подготовка изображений в фотошопе.

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

Разрешение.

Для начала проверим разрешение, оно должно быть не менее 300dpi. В верхнем меню это: Изображение > Размер изображения.

Меняем цветовой режим.

Обтравка изображений.

Если вам нужно убрать фон, добавить прозрачность или как-то ещё модифицировать фотографии то делать это нужно в фотошопе. Adobe InDesign это всего-лишь инструмент для вёрстки, а не для правки или ретуши фото. Подробнее об обтравке изображений я писал в предыдущей статье: Как вырезать изображение в программе Фотошоп.

На этом этапе я также обычно делаю цветокоррекцию и ретушь. После этого шага фотографии должны быть полностью готовы к вёрстке и печати. Не забываем при этом что сохранять наши изображения необходимо в формате *.TIFF(tif). Формат изображений *.tif занимает больше места, но он несёт гораздо больше информации о цвете и поэтому используется для печати.

Интересное по теме Основы работы с текстом в Corel Draw X7

Теперь наконец-то переходим к InDesign.

Импорт изображений в Adobe InDesign.

Для того чтобы импортировать изображение в Индизайн достаточно нажать Ctrl + D и выбрать нужное. Также можете в верхнем меню выбрать: Файл > Импорт.

И вот наше изображение попадает в документ. Что мы видим? Изображение плывёт и пикселизуется не так как в других программах. Не пугайтесь если ваше изображение выглядит не так красиво, как было до того как вы поместили его в документ Индизайна.

Информация об изображении.

К примеру вы задали изображению размер 300 пикселей на дюйм (300 dpi), но потом в Индизайне увеличили его в 1,5 раза, в результате эффективное ppi уменьшилось в 1,5 раза и теперь при печати реальное разрешение составит 200dpi (а это плохо отразится на качестве). В связи с этим стоит помнить что увеличивать изображения в Индизайне не стоит, если вы задали ему разрешение 300dpi, а вот уменьшать можете сколько хотите, главное помните что печать происходит с параметрами 300 точек на дюйм, не более.

Контейнер.

Все объкты в InDesign (текст, растровые и векторные изображения) находятся в так называемых контейнерах или фреймах. Каждый контейнер в свою очередь является векторным объектом, форму которого мы можем изменить.

Как заключить изображение в круг (квадрат, овал, прямоугольник)? Для того чтобы изменить внешнюю форму растрового изображения: Объект > Изменить форму > (выбираем нужный вариант).

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

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

Масштабирование.

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

Отображение и печать.

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

Суммарное покрытие.

Многие типографии пишут в своих технических требованиях о допустимом суммарном покрытии при наложении красок. Что они имеют ввиду?

Тут стоит вспомнит о технологии нанесения красок (я об этом тоже писал). Пигментные вещества наносятся поочерёдно и накладываются друг на друга. При этом перекрывая друг друга, краски образуют довольно плотный слой, который может повредить носитель. Для того чтобы не создавался слишком плотный красящий слой, типографии ограничивают их предельное количество. Для этого они говорят, к примеру что суммарное покрытие не должно превышать 280%.

Интересное по теме Верстаем плакат в викторианском стиле в Corel Draw

Что это значит? Допустим мы хотим напечатать жёлтый круг. Если цвет чистый и мы задали цвет круга всего одной краской, т.е. мы залили его на 100% жёлтым цветом, то в этом случае при печати жёлтого круга мы имеем суммарное покрытие 100%. Если же нам нужен к примеру красный квадрат то его суммарное покрытие будет 200%. Суммарное покрытие красного квадрата будет больше т.к. красный состоит из жёлтого и пурпурного (100% жёлтый + 100% пурпурный = 200% красный).

Для того чтобы контролировать суммарное заполнение нам достаточно нажать: Shift + F6. У нас появиться небольшое окошко где мы можем включить и выключить отображение суммарного покрытия, а также изменить отображение критического порога. На приведённом примере мы можем видеть участки красного цвета, которые превышают порог суммарного покрытия, в моём случае он 280%.

В конце хочу поделится небольшим видео по нашей теме. Приятного просмотра!

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

Обработка картинки для индизайна в фотошопе

Все ми знаем, что выпускается продукция как в цвете, так и в черно белом варианте. Если у вас продукция в цвете, тогда нужно в фотошопе обязательно изменить режим на CMYK для картинки. Заходим в Изображение, Режим и выбираем CMYK.

Сохраняем в формате .TIFF. Если сохраните в другом формате, будут ошибки в типографии при выводе страницы на печать и вам придется переделывать.

Если же печатаетесь в черно белых цветах, тогда вам нужно обязательно сменить режим картинки на «Градации серого» и обработать изображения, чтобы оно в готовой продукции не было серым непонятливым бликом, а выгладило четким, контрастным черно белым изображением. Сохраняем в формате .TIFF

Как сделать картинки в индизайне прозрачными

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

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

Как вставить картинку

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

Либо использовать другой способ. Нажимаем в окне верстки Ctrl + D, выбираем фото и нажимаем открыть. Кликаем на рабочей области и вставляем изображение.

Как обрезать, сделать обтекание и отступы

Что бы обрезать картинку в самой программе, нужно просто потянуть фрейм

При этом нужно находиться в этой стрелочке на палитре инструментов.

Что бы сделать обтекание, нужно кликнуть по фото, что бы оно было активное, как на скриншоте выше, после переходим в «Окно» >«Обтекание текстом».

В диалоговом окне, которое выбило, выставляем нужные для вас параметры для обтекания текстом – направление обтекания, отступы со всех сторон.

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

Посмотреть видео урок

Посмотрите видео урок верстки не большой статьи. В нем также присутствует верстка фотографии.

Работа с картинками в индизайне : 2 комментария

Здравствуйте, Олег! Спасибо за толковые объяснения. Для меня все это очень ценно и полезно. Но есть вопрос. Я делаю книгу в индизайне. Вначале сохраняла в фотошопе фото в TIFF, но на некоторых сайтах прочитала, что для типографии файлы надо сохранять в PSD. В папке они сохраняются из фотошопа белыми прямоугольничками и не открываются на компьютере. Но когда помещаю в файл индизайна, всё открывается. Перелопатила весь Интернет, чтобы все-таки определиться: в чем сохранять фото, но ответ пока не нашла. А что посоветуете вы? Или такие требования зависят от типографии?

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

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