Что такое обтекание каким образом задается обтекание графического объекта
Обтекание
Один из самых любимых мной эффектов, применяемых к тексту, называется обтеканием. Программа InDesign предлагает множество различных вариантов обтекания текстом объектов или импортированных изображений.
Использование обтекания
Рис. 9.1. Палитра Text Wrap содержит все настройки обтекания объекта текстом
Рис. 9.2. Пять различных кнопок позволяют выбрать вариант обтекания текстом объекта
Рис. 9.3. Если выбрана команда Invert, текст располагается внутри, а не по периметру объекта
Рис. 9.4. При помощи полей отступа можно задать расстояние между текстом и изображением
Количество доступных полей отступа зависит от выбранного варианта обтекания
Текст не обязательно должен обтекать ви димые объекты. В качестве формы для обтекания вы можете использовать объект без заливки и границ.
Как задать обтекание текстом невидимого объекта
Задав обтекание текстом, вы можете на строить текст таким образом, чтобы был более четким или органичнее впи сывался в контур объекта. Это называется настройкой обтекания текстом.
Настройка обтекания
Для доступа к инструменту Direct Selectii во время использования инструмента Pen удерживайте нажатой клавишу Cmd/Ct При выборе опции обтекания по контуру программа InDesign дает возможность более точно настроить контур соответствующей формы.
Настройка контура обтекания
Рис. 9.5. Настройка контура обтекания доступна при выборе опции обтекания по контуру
Рис. 9.6. Меню настройки контура позволяет выбрать элемент, задающий форму обтекания
Рис. 9.7. Установка флажка Ignore Text Wrap в диалоговом окне Text Frame Options отменяет любые настройки обтекания текста
6. Установите флажок Include Inside Edges (Включить внутренние грани), чтобы задать обтекание текстом любых отверстий в изображении, контуре или альфа-канале.
Допустим, вы хотите, чтобы на часть текста обтекание не распространялось. Например, вам необходимо, чтобы часть текста обтекала изображение, а другая его часть была расположена на изображении. В этом случае текстовый фрейм должен игнорировать обтекание текстом.
Функция обтекания текста в программе InDesign немного отличается от аналогичной функции в программе QuarkXPress, в которой только с помощью объектов, расположенных перед текстом, можно добиться обтекания. Обтекание в программе InDesign влияет на текст, расположенный как перед объектом, так и позади него.
Отказ от обтекания
Обтекание, применяемое к объектам, дейс твует через слои. Отключение отображени слоя не влияет на функцию обтекания (более подробно и работе со слоями см. в главе11).
Настройка обтекания текстом объектов
Важно: Данная статья переведена с помощью машинного перевода, см. Отказ от ответственности. Используйте английский вариант этой статьи, который находится здесь, в качестве справочного материала.
В этом представлении доступны описанные ниже действия.
Обтекание текста вокруг рисунка или графического объекта
Выделите рисунок или объект.
Откройте вкладку Формат и в разделе Упорядочить, нажмите кнопку Обтекание текстом.
Выберите параметр обтекания, который хотите применить.
Совет: Чтобы изменить положение рисунка или графического объекта на странице относительно текста, выделите рисунок или объект и откройте вкладку Формат. В разделе Упорядочить щелкните Положение и выберите нужное место.
Обтекание текстом для таблицы
Откройте вкладку Макет таблицы, а затем в группе Параметры нажмите кнопку Свойства.
В Обтекание текстом нажмите кнопку Вокруг.
Чтобы задать горизонтальное и вертикальное положение таблицы, расстояние от окружающего текста и другие параметры в разделе Обтекание текстом, щелкните Размещение и задайте необходимые параметры.
См. также
Примечание: Отказ от ответственности относительно машинного перевода. Данная статья была переведена с помощью компьютерной системы без участия человека. Microsoft предлагает эти машинные переводы, чтобы помочь пользователям, которые не знают английского языка, ознакомиться с материалами о продуктах, услугах и технологиях Microsoft. Поскольку статья была переведена с использованием машинного перевода, она может содержать лексические,синтаксические и грамматические ошибки.
Обтекание текста вокруг объектов
Беспристрастный язык. Мы заменяем неинклюзивный язык в InDesign 2022 (версия 17.0) и далее, чтобы отразить основополагающие ценности Adobe в отношении инклюзивности. Любая ссылка на эталонную страницу (Master page) заменяется ссылкой на страницу-шаблон (Parent page) в наших статьях справки для английского, датского, венгерского, испанского, итальянского, бразильского варианта португальского, португальского и японского языков.
Текст может обтекать любой объект: текстовый фрейм, импортированное изображение, нарисованный в InDesign объект и т. д. При применении к объекту обтекания текстом InDesign создает вокруг него границу, которая «отталкивает» текст. Объект, вокруг которого есть обтекаемый текст, называется объектом обтекания. Обтекание текстом также называется обтекание.
Следует помнить, что параметры обтекания текстом применяются к обтекаемому объекту, а не к тексту. Любые изменения границы обтекания сохраняются при перемещении объекта обтекания рядом с другим текстовым фреймом.
Обтекание текстом вокруг простых объектов
Обтекание по ограничительной рамке
Создает прямоугольный контур обтекания, ширина и высота которого определяются ограничительной рамкой выбранного объекта, включая указанное смещение.
Обтекание по форме объекта
Этот вид обтекания, именуемый также обтеканием контура, создает границу обтекаемого текста той же формы, что и выбранный фрейм (с поправкой на смещение, заданное пользователем).
Перешагивание через объект.
Предотвращает вывод текста на свободном месте с правой или левой стороны фрейма.
Переход в следующую колонку.
Принудительно размещает обрамляющий абзац в начале следующей колонки или текстового фрейма.
В меню «Направление обтекания» выберите, каким образом будет применяться обтекание: в правую сторону, в сторону наибольшей области, от корешка или к корешку. Если меню «Направление обтекания» скрыто, выберите в меню палитры «Обтекание текстом» пункт «Показать параметры».
Этот параметр доступен только в том случае, если выбран параметр «Обтекание по ограничительной рамке» или «Обтекание по форме объекта».
A. Правая и левая стороны B. Сторона к корешку C. Сторона от корешка
Если не удается добиться обтекания текста вокруг какого-либо изображения, убедитесь в том, что для текстового фрейма не выбран параметр «Игнорировать обтекание объектов текстом». Кроме того, если в разделе установок «Компоновка» выбран параметр «Не применять к тексту, расположенному поверх объектов», то убедитесь, что текстовый фрейм находится ниже объекта обтекания.
На текстовые фреймы внутри группы обтекание текстом, применяемое к этой группе, не влияет.
Чтобы задать для новых объектов параметры обтекания текстом по умолчанию, следует перед их установкой снять выделение всех объектов.
Обтекание текста с интеллектуальным распознаванием темы
Теперь обтекание объектов текстом можно применять непосредственно в InDesign без использования альфа-каналов или контуров Photoshop. InDesign позволяет определять важные объекты на изображениях с помощью решения Adobe Sensei, созданного на основе ИИ, и применять к ним обтекание текстом.
Следуйте этим инструкциям, чтобы применить к объекту обтекание текстом.
Перейдите на панель Обтекание текстом, выберите Окно > Обтекание текстом.
Импортируйте изображения и подготовьте текст, который следует использовать для обтекания вокруг объекта.
В разделе Параметры контура выберите Тип > Выделить предмет. InDesign отображает опорные точки вокруг предмета.
Чтобы добавить или удалить опорные точки, используйте инструмент «Перо». Чтобы удалить или переместить опорные точки, используйте инструмент Частичное выделение. Нажмите ОК, когда закончите вносить изменения.
Обтекание текстом вокруг импортированных изображений
Чтобы текст обтекал вокруг импортированного изображения, сохраните обтравочный контур (если это возможно) в приложении, в котором оно было создано. В момент помещения изображения в InDesign в диалоговом окне «Параметры импорта изображения» выберите параметр «Применить обтравочный контур Photoshop».
Обтекание текстом имеет прямоугольную форму по высоте и ширине изображения.
Создает границу обтекания при помощи функции автоматического определения краев объекта. (чтобы настроить определение краев, выделите объект и выберите меню «Объект > Обтравочный контур > Параметры»).
Создает границу на основе альфа-канала, сохраненного вместе с изображением. Если этот параметр недоступен, то это означает, что альфа-каналы не были сохранены вместе с изображением. Программа InDesign рассматривает прозрачность по умолчанию в Adobe Photoshop (фон в виде шахматной доски) как альфа-канал; в ином случае необходимо использовать Photoshop для того, чтобы удалить фон или создать и сохранить один или несколько альфа-каналов вместе с изображением.
Контур программы Photoshop
Создает границу на основе контура, сохраненного вместе с изображением. Выберите параметр «Контур программы Photoshop», а затем контур в меню «Контур». Если параметр «Контур программы Photoshop» недоступен, то это означает, что именованные контуры не были сохранены вместе с изображением.
По границам фрейма
Создает границу на основе фрейма контейнера.
По обтравочному контуру
Создает границу на основе обтравочного контура импортированного изображения.
Понятие обтекания текста в html документе. Объяснение простыми словами с примерами и пояснениями для новичков
Доброго времени суток, читатели публикации! Все онлайн-ресурсы в своем арсенале используют мультимедийные файлы (изображения, видео и т.д.), которые делают сайт интереснее для пользователей и в некоторых случаях нагляднее презентуют информацию. Поэтому я расскажу вам как сделать обтекание текста html.
В первую очередь вы узнаете, что это за механизм и зачем он нужен. А после прочтения статьи сможете ловко оперировать полученными знаниями и корректировать расположение картинок на своем веб-ресурсе. Пожалуй, приступим!
Что означает «обтекание» и для чего оно используется?
Для начала разберемся с самим термином «обтекание».
На одной веб-странице может быть собрана информация разных форматов: текстовая, графическая, анимационная и т.д. Веб-дизайнеры или разработчики определенным образом ее систематизируют и распределяют по экрану для последующего удобного пользования ею читателями.
Я уверен, что каждый из вас видел, как какое-либо изображение находится внутри текстового контента или наоборот располагается сбоку от других объектов. Такой принцип размещения информации называется обтеканием.
Например, рисунок, который со всех сторон окружают предложения, говорят: «Изображение, обтекаемое текстом».
Разновидности обтекания текстом
В зависимости от вашего персонального желания, обтекание изображений можно установить абсолютно разным: слева, справа, со всех сторон, расположить картинку строго по центру и обрамить ее контентом только сверху и снизу. И таких вариантов бесконечное множество.
Для того чтобы легко форматировать информационное наполнение веб-страниц, вам необходимо знать некоторые встроенные инструменты языков html и css.
| Атрибут | Предназначение |
| align | Задает расположение рисунка на странице и соответственно стороны обтекания его контентом. |
| hspace | Отвечает за отступ от границы изображения до блока с текстом по горизонтали. |
| vspace | Отвечает за отступ от границы изображения до блока с текстом по вертикали. |
| src | Через него указывается анкор на графический ресурс. |
| alt | В случае невозможности отобразить картинку высвечивается текст, вписанный в этот параметр. |
Теперь я представлю шаблон кода, который мы будем использовать во всех примерах:
Если запустить пример в браузере на данном этапе, то вслед за картинкой пойдут предложения абзаца. Чтоб этого не было, я воспользуюсь описанными выше параметрами и сдвину изображение вправо, отступив по горизонтали 10 единиц.
Добавьте к текущему объявлению тега атрибуты align=»right» vspace=»0″ hspace=»10″.
У вас должна сформироваться вот такая строка:
Следующим механизмом перемещения картинки по странице и установки способа обтекания контентом является свойство float. С его помощью изображение можно двигать по горизонтали (right и left) или задавать значения объекта-предка (inherit).
Чтобы опробовать float на практике, необходимо вернуть объявлению тега первозданный вид (
) и после элемента вставить код:
Здесь расположен текст о милейшем создании – тигренке, который изначально по размерам напоминает домашних котов. Однако со временем он достигает почти 300 килограмм.
Обтекание текста вокруг рисунка
Совет. Видео не на вашем языке? Попробуйте выбрать Скрытые субтитры 
.
Выберите нужный макет.
Совет: При выборе варианта В тексте рисунок помещается внутри абзаца, как будто это текст. При добавлении и удалении текста положение рисунка будет меняться. Остальные варианты позволяют перемещать рисунок на странице, при этом текст будет выводиться вокруг него.
Дополнительные сведения о параметрах обтекания текстом и точках обтекания см. в разделе Параметры обтекания текстом.
Вы можете добавить рисунок в левый верхний угол документа и сделать так, чтобы текст обтекал его.
Выберите Формат рисунка или Формат > Положение и в разделе Обтекание текстом выберите Сверху слева.
Совет: Вы можете перетащить изображение в любое место документа и выровнять его любым способом. Чтобы настроить обтекание текстом выберите Формат > Обтекание текстом > Дополнительные параметры разметки.
Вы можете добавить рисунок в центр документа и сделать так, чтобы текст обтекал его.
Выберите Формат рисунка или Формат > Обтекание текстом > Квадрат.
Выберите Положение > Дополнительные параметры разметки.
На вкладке Положение щелкните Выравнивание и выберите По центру в раскрывающемся списке.
Рядом с полем относительно выберите Страницы и нажмите ОК.
Примечание: Вы можете перетащить изображение в любое место документа и выровнять его любым способом. Чтобы настроить обтекание в Word выберите Формат > Обтекание текстом > Дополнительные параметры разметки.
Вы можете добавить изображение в документ и сделать так, чтобы текст обтекал его в соответствии с его формой.
Совет: Рекомендуется использовать рисунки с прозрачным, белым или сплошным фоном.
Выделите рисунок и перетащите его на середину страницы или туда, куда нужно.
Выберите Формат рисунка или Формат > Обтекание текстом > По контуру.
На вкладке Формат выберите Удалить фон.
Примечание: Вы не сможете удалить фон из векторных изображений.
Щелкните в любом месте за пределами изображения, чтобы увидеть, как текст обтекает его.
Настройка обтекания текстом
Если между текстом и изображением остается слишком много места, можно настроить контур обтекания вручную.
Выберите рисунок, щелкните Формат рисунка или Формат и нажмите Обтекание текстом > Изменить контур обтекания.
Перетащите точки контура обтекания ближе к рисунку или дальше от него, пока не получите устраивающий вас результат. Чтобы создать дополнительную точку, перетащите красную линию.
Дополнительные сведения о параметрах обтекания текстом и точках обтекания см. в разделе Параметры обтекания текстом.
Вставляемые рисунки, размещенные в тексте, привязываются к месту вставки и воспринимаются как текстовые символы. Они автоматически перемещаются вместе с окружающим текстом.
Нажмите Формат рисунка или Формат и выберите Обтекание текстом > В тексте.
Вы можете сделать так, чтобы рисунок точно оставался на месте при добавлении или удалении текста.
Нажмите Формат рисунка или Формат и выберите Обтекание текстом > Зафиксировать положение на странице.
Настройка обтекания текста вокруг рисунка или объекта-рисунка
Выделите рисунок или объект.
Нажмите Формат рисунка или Формат фигуры и выберите Упорядочить > Обтекание текстом.
Если окно Word достаточно широкое, пункт Обтекание текстом будет отображаться прямо на вкладке Формат рисунка.
Выберите параметры обтекания, которые нужно применить.
Например, В тексте, Сверху и снизу и За текстом.
Изменение положения рисунка или объекта-рисунка относительно текста
Выделите рисунок или объект-рисунок.
Нажмите Формат рисунка или Формат фигуры и выберите Упорядочить > Положение.
Если окно Word достаточно широкое, пункт Положение будет отображаться прямо на вкладке Формат рисунка.
В меню Положение выберите необходимый тип расположения или щелкните Дополнительные параметры разметки, чтобы настроить расширенные параметры.
Настройка обтекания текста вокруг таблицы
Удерживая клавишу CONTROL, щелкните таблицу и выберите Свойства таблицы.
Если в контекстном меню нет пункта Свойства таблицы, нажмите клавишу CONTROL и щелкните в другом месте таблицы.
В окне Свойства таблицы в разделе Обтекание текстом выберите Вокруг.
Чтобы изменить расстояние от таблицы до текста, выберите Размещение, а затем в окне Размещение таблицы установите значения в разделе Расстояние от окружающего текста.
Обтекание текста вокруг рисунка или графического объекта
Выделите рисунок или объект.
Выберите Формат, а затем в разделе Упорядочить нажмите Обтекание текстом.
Выберите параметр обтекания, который нужно применить.
Совет: Чтобы изменить положение рисунка или графического объекта на странице относительно текста, выделите рисунок или объект, щелкните Формат > Положение и выберите нужное место.
Обтекание текстом для таблицы
Откройте вкладку Макет таблицы, а затем в группе Параметры нажмите кнопку Свойства.
В Обтекание текстом нажмите кнопку Вокруг.
Чтобы задать горизонтальное и вертикальное положение таблицы, расстояние от окружающего текста и другие параметры в разделе Обтекание текстом, щелкните Размещение и задайте необходимые параметры.
Совет: Если для создания таблицы применяется инструмент Рисование, расположенный на вкладке Таблицы в группе Нарисовать границы, можно автоматически применить обтекание текстом, удерживая нажатой клавишу OPTION во время рисования таблицы.
Существует ограниченная группа параметров обтекания текстом для изображений в Microsoft Word в Интернете.
Вставьте и выберите рисунок.
Выберите Работа с рисунком > Формат > Обтекание текстом.
Если вы вставили рисунок в документ, используя Word в Интернете, вы можете переместить его путем копирования и вставки, а также применить к нему форматирование абзаца, например вертикальные интервалы и выравнивание по центру. Однако невозможно переместить рисунок, вставленный с помощью классической версии Word, если у него есть обтекание текстом или его положение на странице фиксировано.
Если вы не можете изменить изображение и у вас есть классическая версия Word, щелкните Открыть в Word, чтобы открыть документ в Word и изменить его макет.
Закончив, нажмите клавиши CTRL+S, чтобы сохранить документ в исходном месте. Затем вы можете снова открыть его в Word в Интернете и продолжить редактирование. Word в Интернете сохранит параметры макета, которые вы применили в классической версии Word.