Обтекание текстом в фотошопе: Узнайте, как применить обтекание текста вокруг объектов в InDesign

Содержание

Узнайте, как применить обтекание текста вокруг объектов в InDesign

Руководство пользователя
Отмена

Поиск

Последнее обновление
Jan 11, 2023 04:45:40 PM GMT

  1. Руководство пользователя InDesign
  2. Основы работы с InDesign
    1. Введение в InDesign
      1. Новые возможности InDesign
      2. Системные требования
      3. Общие вопросы
      4. Использование библиотек Creative Cloud
    2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Панель инструментов
      3. Установка параметров
      4. Рабочая среда «Сенсорное управление»
      5. Комбинации клавиш по умолчанию
      6. Восстановление документа и отмена
  3. Создание документов и макетов
    1. Документы и страницы
      1. Создание документов
      2. Работа со страницами-шаблонами
      3. Работа с несколькими документами
      4. Задайте размер страницы, поля или области выпуска
      5. Работа с файлами и шаблонами
      6. Создание файлов книг
      7. Добавление основной нумерации страниц
      8. Нумерация страниц, глав и разделов
      9. Преобразование документов QuarkXPress и PageMaker
      10. Совместное использование содержимого
      11. Основные рабочие процессы с управляемыми файлами
      12. Сохранение документов
    2. Сетки
      1. Сетки
      2. Форматирование сеток
    3. Средства создания макетов
      1. Линейки
  4. Добавить содержимое
    1. Текст
      1. Добавление текста к фреймам
      2. Связывание текстовых блоков
      3. Возможности для арабского языка и иврита в InDesign
      4. Создание текста по контуру
      5. Маркеры и нумерация
      6. Глифы и специальные символы
      7. Компоновка текста
      8. Текстовые переменные
      9. Создание QR-кодов
      10. Редактирование текста
      11. Выравнивание текста
      12. Обтекание текста вокруг объектов
      13. Привязанные объекты
      14. Связанное содержимое
      15. Форматирование абзацев
      16. Форматирование символов
      17. Найти/заменить
      18. Проверка орфографии и языковые словари
    2. Типографика
      1. Использование шрифтов в InDesign
      2. Кернинг и трекинг
    3. Форматирование текста
      1. Форматирование текста
      2. Работа с пакетами стилей
      3. Табуляторы и отступы
    4. Рецензирование текста
      1. Отслеживание и просмотр изменений
      2. Добавление редакционных примечаний в InDesign
      3. Импорт комментариев файла PDF
    5. Добавление ссылок
      1. Создание оглавления
      2. Сноски
      3. Создание указателя
      4. Концевые сноски
      5. Подписи
    6. Стили
      1. Стили абзацев и символов
      2. Сопоставление, экспорт и организация стилей
      3. Стили объектов
      4. Буквицы и вложенные стили
      5. Работа со стилями
      6. Интерлиньяж
    7. Таблицы
      1. Форматирование таблиц
      2. Создание таблиц
      3. Стили таблиц и ячеек
      4. Выделение и редактирование таблиц
      5. Обводка и заливка таблиц
    8. Интерактивные функции
      1. Гиперссылки
      2. Динамические документы PDF
      3. Закладки
      4. Кнопки
      5. Формы
      6. Анимация
      7. Перекрестные ссылки
      8. Структурирование документов PDF
      9. Переходы страниц
      10. Аудио и видео
    9. Графические объекты
      1. Знакомство с контурами и фигурами
      2. Рисование с помощью инструмента «Карандаш»
      3. Рисование с помощью инструмента «Перо»
      4. Применение параметров линии (штриха) 
      5. Составные контуры и фигуры
      6. Редактирование контуров
      7. Обтравочные контуры
      8. Изменение параметров угла
      9. Выравнивание и распределение объектов
      10. Связанные и встроенные графические объекты
      11. Интеграция ресурсов AEM
    10. Цвет и прозрачность
      1. Применение цвета
      2. Использование цветов из импортированной графики
      3. Работа с цветовыми образцами
      4. Смешение красок
      5. Оттенки
      6. Знакомство с плашечными и триадными цветами
      7. Наложение цветов
      8. Градиенты
      9. Сведение прозрачного графического объекта
      10. Добавление эффектов прозрачности
  5. Общий доступ
    1. Работа с облачными документами InDesign
    2. Облачные документы в InDesign | Часто задаваемые вопросы
    3. Общий доступ и совместная работа        
    4. Отправка на редактирование
    5. Проверка опубликованного документа InDesign
    6. Управление отзывами 
  6. Публикация
    1. Размещение, экспорт и публикация
      1. Публикация в Интернете
      2. Копирование и вставка графических объектов
      3. Экспорт содержимого в формат EPUB
      4. Параметры Adobe PDF
      5. Экспорт содержимого в формат HTML
      6. Экспорт в формат Adobe PDF
      7. Экспорт в формат JPEG
      8. Экспорт в HTML
      9. Обзор DPS и AEM Mobile
      10. Поддерживаемые форматы файлов
    2. Печать
      1. Печать брошюр
      2. Метки и выпуск за обрез
      3. Печать документов
      4. Краски, цветоделенные формы и линиатура растра
      5. Наложение
      6. Создание PostScript и EPS-файлов
      7. Предпечатная проверка файлов перед отправкой
      8. Печать миниатюр или документов большого формата
      9. Подготовка файлов PDF для поставщиков услуг
      10. Подготовка к печати цветоделенных форм
  7. Расширение InDesign
    1. Автоматизация
      1. Объединение данных
      2. Плагины
      3. Расширение Capture в InDesign
      4. Разработка сценариев
  8. Устранение неполадок
    1. Исправленные ошибки
    2. Аварийное завершение работы при запуске
    3. Ошибка папки настроек: только для чтения
    4. Поиск и устранение проблем с файлами
    5. Невозможно экспортировать в PDF
    6. Восстановление документов InDesign

Примечание.

Беспристрастный язык. Мы заменяем неинклюзивный язык в InDesign 2022 (версия 17.0) и далее, чтобы отразить основополагающие ценности Adobe в отношении инклюзивности. Любая ссылка на эталонную страницу (Master page) заменяется ссылкой на страницу-шаблон (Parent page) в наших статьях справки для английского, датского, венгерского, испанского, итальянского, бразильского варианта португальского, португальского и японского языков.

Текст может обтекать любой объект: текстовый фрейм, импортированное изображение, нарисованный в InDesign объект и т. д. При применении к объекту обтекания текстом InDesign создает вокруг него границу, которая «отталкивает» текст. Объект, вокруг которого есть обтекаемый текст, называется объектом обтекания. Обтекание текстом также называется обтекание.

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

Обтекание текстом вокруг простых объектов

  1. Чтобы отобразить палитру «Обтекание текстом», выберите меню «Окно > Обтекание текстом».

  2. Используя инструмент «Выделение»  или инструмент «Частичное выделение» , выберите объект, вокруг которого необходимо создать обтекание текста.

  3. В палитре «Обтекание текстом» выберите необходимую форму обтекания:

    Обтекание по ограничительной рамке 

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

    Обтекание по форме объекта 

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

    Параметр «Обтекание по ограничительной рамке» (слева) в сравнении с параметром «Обтекание по форме объекта» (справа)

    Перешагивание через объект. 

    Предотвращает вывод текста на свободном месте с правой или левой стороны фрейма.

    Переход в следующую колонку.  

    Принудительно размещает обрамляющий абзац в начале следующей колонки или текстового фрейма.

  4. В меню «Направление обтекания» выберите, каким образом будет применяться обтекание: в правую сторону, в сторону наибольшей области, от корешка или к корешку. Если меню «Направление обтекания» скрыто, выберите в меню палитры «Обтекание текстом» пункт «Показать параметры».

    Этот параметр доступен только в том случае, если выбран параметр «Обтекание по ограничительной рамке» или «Обтекание по форме объекта».

    Параметры меню «Направление обтекания»

    A. Правая и левая стороны B. Сторона к корешку C. Сторона от корешка 

  5. Задайте значения для смещения. Положительные значения перемещают обтекание от фрейма, отрицательные значения смещают обтекание к фрейму.

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

На текстовые фреймы внутри группы обтекание текстом, применяемое к этой группе, не влияет.

Примечание.

Чтобы задать для новых объектов параметры обтекания текстом по умолчанию, следует перед их установкой снять выделение всех объектов.

Обтекание текста с интеллектуальным распознаванием темы

Теперь обтекание объектов текстом можно применять непосредственно в InDesign без использования альфа-каналов или контуров Photoshop. InDesign позволяет определять важные объекты на изображениях с помощью решения Adobe Sensei, созданного на основе ИИ, и применять к ним обтекание текстом. 

Используйте возможности ИИ для обнаружения объектов в изображении и обтекания их текстом.

Следуйте этим инструкциям, чтобы применить к объекту обтекание текстом.

  1. Перейдите на панель Обтекание текстом, выберите Окно > Обтекание текстом.

  2. Импортируйте изображения и подготовьте текст, который следует использовать для обтекания вокруг объекта.

  3. Выберите изображение и на панели Обтекание текстом выберите Обтекание по форме объекта .

    Нажмите значок «Обтекание по форме объекта».

  4. В разделе Параметры контура выберите Тип > Выделить предмет. InDesign отображает опорные точки вокруг предмета. 

  5. Чтобы добавить или удалить опорные точки, используйте инструмент «Перо». Чтобы удалить или переместить опорные точки, используйте инструмент Частичное выделение. Нажмите ОК, когда закончите вносить изменения. 

    Используйте инструменты «Перо» и «Частичный выбор», чтобы выбрать, переместить или удалить опорные точки.

Обтекание текстом вокруг импортированных изображений

Чтобы текст обтекал вокруг импортированного изображения, сохраните обтравочный контур (если это возможно) в приложении, в котором оно было создано. В момент помещения изображения в InDesign в диалоговом окне «Параметры импорта изображения» выберите параметр «Применить обтравочный контур Photoshop».

  1. Чтобы отобразить палитру «Обтекание текстом», выберите меню «Окно > Обтекание текстом».

  2. Выберите импортированное изображение, а затем в палитре «Обтекание текстом» выберите «Обтекание по форме объекта» .

  3. Задайте значения для смещения. Положительные значения перемещают обтекание от фрейма, отрицательные значения смещают обтекание к фрейму.

  4. Чтобы отобразить дополнительные параметры в меню палитры «Обтекание текстом», выберите «Показать параметры».

  5. В меню «Текст» выберите один из параметров контура:

    Ограничительная рамка

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

    Определить края

    Создает границу обтекания при помощи функции автоматического определения краев объекта. (чтобы настроить определение краев, выделите объект и выберите меню «Объект > Обтравочный контур > Параметры»).

    Альфа-канал

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

    Контур программы Photoshop

    Создает границу на основе контура, сохраненного вместе с изображением. Выберите параметр «Контур программы Photoshop», а затем контур в меню «Контур». Если параметр «Контур программы Photoshop» недоступен, то это означает, что именованные контуры не были сохранены вместе с изображением.

    По границам фрейма

    Создает границу на основе фрейма контейнера.

    По обтравочному контуру

    Создает границу на основе обтравочного контура импортированного изображения.

  6. Чтобы разместить текст внутри «дыр» в изображении (например, внутри изображения покрышки), выберите параметр «Включить внутренние края».

Обтекание с отключенным (слева) и включенным (справа) параметром «Включить внутренние края»

Создание инвертированного обтекания текстом

  1. Используя инструмент «Выделение»  или инструмент «Частичное выделение» , выберите объект, например составной контур, внутри которого будет происходить обтекание текстом.

  2. Чтобы отобразить палитру «Обтекание текстом», выберите меню «Окно > Обтекание текстом».

  3. Примените обтекание текстом к объекту, а затем выберите параметр «Инверсия». Этот параметр обычно применяется вместе с параметром «Обтекание по форме объекта».

«Обтекание по форме объекта» (слева) и с выбранным параметром «Инверсия» (справа)

Изменение формы обтекания текстом

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

  2. Выполните одно из действий, описанных ниже.

    • Чтобы единообразно изменить расстояние между текстом и объектом обтекания, задайте значения смещения в палитре «Обтекание текстом».
    • Чтобы отредактировать границы обтекания текстом, используйте инструменты «Перо»  и «Частичное выделение».

Редактирование границы обтекания текстом

Если форма контура обтекания текстом была изменена вручную, то в меню «Текст» пункт «Заказной контур» будет выбран и недоступен для изменения. Это свидетельствует
об изменении контура формы.

Примечание.

Если необходимо использовать исходный обтравочный контур, а не отредактированную границу обтекаемого текста, то в палитре «Обтекание текстом» в меню «Текст» выберите «По обтравочному контуру».

Применение обтекания текстом к элементам страницы-шаблона

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

  1. Выделите объект на странице-шаблоне.

  2. В меню палитры «Обтекание текстом» выберите или отмените выбор параметра «Применить только к странице-шаблону».

Этот параметр доступен только в том случае, если на странице-шаблоне выделен какой-либо объект и к нему применено обтекание.

Обтекание текстом вокруг привязанных объектов

При применении обтекания текстом к привязанному объекту, обтекание выполняется для строк текста материала, следующих за маркером привязанного объекта. Однако обтекание не влияет на строку текста, содержащую маркер привязанного объекта, и на предшествующие строки.

При вставке объекта в строку его границы обтекания текстом сохраняются.

Блокирование обтекания текстом на скрытых слоях

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

  1. В палитре «Слои» дважды щелкните слой, который содержит объект обтекания.

  2. Выберите «Блокировать обтекание текстом на скрытом слое».

Выравнивание текста по объектам обтекания

Задание способа выравнивания текста по объектам обтекания применяется ко всему документу.

  1. Выберите «Редактирование > Установки > Компоновка» (Windows) или «InDesign > Установки > Компоновка» (Mac OS).

  2. Выберите один из следующих параметров, а затем нажмите кнопку «ОК».

    Выключать текст по границам объектов

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

    Примечание.

    Текст, смежный с объектом, выравнивается по левому краю или по верху объекта, когда установлен параметр «Выравнивание по левому краю», по правому краю или по низу объекта, когда установлен параметр «Выравнивание по правому краю», или распределяется равномерно, если установлен параметр «Выключка по центру».

    Выключать текст по границам объектов

    Выравнивать текст по интерлиньяжу

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

    Не применять к тексту, расположенному поверх объектов

    На текст, помещенный над обтекаемым объектом, обтекание текстом не влияет. Порядок размещения определяется положением слоя в палитре «Слои» и порядком размещения объектов в слое.

Игнорирование обтекания текстом в текстовом фрейме

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

  1. Выделите текстовый фрейм, а затем выберите меню «Объект > Параметры текстового фрейма».

  2. Выберите параметр «Игнорировать обтекание объектов текстом», а затем нажмите кнопку «ОК».

Связанные материалы

  • Составные контуры и фигуры
  • О масках и альфа-каналах
  • Страницы-шаблоны

Вход в учетную запись

Войти

Управление учетной записью

Вход в учетную запись

Войти

Управление учетной записью

Как написать текст по кругу, кривой и контуру

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

Выбираем этот инструмент «Перо» и создаём плавную изогнутую линию. Перо должно находится при этом в режиме «Контур»(Paths).

Затем создадим замкнутую векторную фигуру овальной формы с помощью инструмента «Эллипс» (Ellipse Tool, группа инструментов включается клавишей U). У меня получилась такая картинка:

На рисунке ниже я показал два вида курсора, обычный текстовый и тот же курсор при подведении к линии контура

Работать с текстом, привязанным к контуру, гораздо сложнее, чем с обычным текстом из-за появления множества новых параметров и настроек. В случае работы с таким текстом следует аккуратно перемещать мышь и внимательно следить за изменениями вида курсора. Но даже если и совершено ошибочное действие, расстраиваться не стоит, так как всегда можно нажать на комбинацию клавиш Ctrl+Z для отмены последнего действия или на Ctrl+Alt+Z для отмены нескольких действий.

Продолжаем создавать текст. Наводим текстовый курсор на линию контура и кликаем по ней. На контуре появляется мигающий курсор в виде перпендикулярного отрезка.

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

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент «Выделение контура» (Path Selection Tool).

При подводе курсора к тексту он снова изменит свой вид на такой:

Если мы наведём курсор на начальный ограничитель, зажмём левую клавишу мыши и переместим его вдоль линии, то текст переместится за ним. Появится расстояние между текстом и конечным ограничителем. Однако, если мы изменим режим выравнивания текста, например выберем «выравнивание к правому краю», то текст «прилипнет» к правому ограничителю. Это я показал на рисунке:

При желании мы можем перевернуть текст вверх ногами. Для этого надо подвести курсор к тексту, он примет следующую форму:

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

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент «Текст», а инструмент «Выделение контура» (Path Selection Tool)!!

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

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

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

Имитация обтекания текстом в Photoshop

Автор сценария Стив Паттерсон.

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

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

Здесь у меня есть изображение бейсбольного мяча, лежащего в траве:

Исходное изображение.

Я хочу добавить текст к этому изображению, и я хочу, чтобы текст обтекал бейсбольный мяч. Как я уже сказал, в Photoshop нет официальной опции «обтекания текстом», но благодаря контурам и способности Photoshop использовать контур в качестве контейнера для текста это будет легко.

Начнем!

Шаг 1. Выберите инструмент «Прямоугольник»

Поскольку мы собираемся использовать путь в качестве контейнера для нашего текста, прежде чем мы сможем добавить наш текст, нам нужен путь! Я собираюсь использовать инструмент Photoshop Rectangle Tool (не путать с инструментом Rectangular Marquee Tool), чтобы создать прямоугольный контур, который станет основной формой моего текстового контейнера. Я выберу инструмент «Прямоугольник» из палитры «Инструменты»:

.

Выберите инструмент Photoshop «Прямоугольник».

Я также мог нажать U на клавиатуре, чтобы быстро выбрать его.

Шаг 2. Выберите параметр «Пути» на панели параметров

Photoshop дает нам три способа использования инструмента «Прямоугольник» вместе с другими инструментами формы. Мы можем использовать их для рисования векторных фигур, мы можем использовать их для рисования простых путей (что мы и будем делать здесь), и мы можем использовать их для рисования фигур на основе пикселей. Вы выбираете один из этих трех вариантов, щелкая соответствующий значок на панели параметров в верхней части экрана. Я хочу использовать инструмент «Прямоугольник», чтобы нарисовать прямоугольный путь, поэтому я собираюсь щелкнуть значок «Пути» на панели параметров, который находится посередине из трех (тот, что слева, — это вектор). shape, а тот, что справа, для рисования фигур на основе пикселей):

Выбрав инструмент «Прямоугольник», щелкните значок «Пути» вверху на панели параметров.

Шаг 3. Растяните контур прямоугольной формы

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

С помощью инструмента «Прямоугольник» нарисуйте контур прямоугольной формы.

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

Шаг 4. Выберите инструмент «Эллипс»

Есть несколько способов изменить форму пути в Photoshop, но в данном случае самый простой способ, поскольку мяч круглый, — это использовать инструмент Photoshop Ellipse Tool, чтобы вычесть часть пути вокруг шара. Для этого я выберу свой инструмент «Эллипс», который по умолчанию скрывается за инструментом «Прямоугольник» в палитре инструментов, поэтому мне нужно щелкнуть инструмент «Прямоугольник», удерживать кнопку мыши нажатой в течение секунды или двух и затем выберите инструмент «Эллипс» в появившемся всплывающем меню:

Выберите инструмент «Эллипс» в Photoshop на палитре «Инструменты».

Шаг 5. Установите инструмент «Эллипс» в режим «Вычитание»

Если выбран инструмент «Эллипс», если вы посмотрите вверх на панели параметров, вы увидите группу из четырех значков, которые выглядят как квадраты, соединенные друг с другом по-разному. Эти четыре значка представляют четыре параметра, которые определяют, как будет вести себя путь, который вы собираетесь нарисовать. Тот, который нам нужен, — второй слева, это значок «Вычесть из пути». Я нажму на него, чтобы выбрать его:

Щелкните значок «Вычесть из области пути», чтобы выбрать его.

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

Небольшой знак минус («-«) в правом нижнем углу курсора указывает на то, что в данный момент выбран параметр «Вычесть из области пути».

Вы также можете получить доступ к режиму «Вычитание», просто удерживая нажатой клавишу Alt (Win) / Option, прежде чем начать перетаскивать свой путь, что немного быстрее, чем выбор параметра на панели параметров (вы можете отпустить Alt/ клавишу Option сразу после того, как вы начнете перетаскивать свой путь). Я пойду вперед и проложу дорожку вокруг бейсбольного мяча. Если мне нужно изменить положение моего пути во время перетаскивания, что мне почти всегда нужно делать, я могу, удерживая клавишу «Пробел», перемещать путь по экрану с помощью мыши, чтобы изменить его положение, затем отпустить клавишу «Пробел» и продолжить перетаскивание. путь. Вот изображение со второй дорожкой вокруг бейсбольного мяча:

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

Похоже, у меня есть два отдельных пути на изображении в этой точке — прямоугольный и эллиптический. Но единственный активный путь — исходный прямоугольный, который теперь не такой прямоугольный, потому что, хотя Photoshop не дает нам никаких визуальных подсказок о том, что происходит на самом деле, эллиптический путь теперь вычитает (или «вырезает», если хотите)
часть прямоугольной дорожки вокруг бейсбольного мяча. Чтобы было легче увидеть, я заполнил оставшуюся область активного пути на изображении ниже. Это область, где будет отображаться мой текст. Обратите внимание, как прямоугольный путь теперь красиво обтекает бейсбольный мяч, а это значит, что мой текст также будет обтекать его:

Заполненная область представляет собой активную область контура после вычитания ее части с помощью инструмента «Эллипс», установленного на «Вычитание».

Теперь, когда у нас есть путь, давайте добавим наш текст.

Шаг 6. Добавьте текст

Все, что осталось сделать сейчас, это добавить мой текст, и для этого мне нужен инструмент «Текст» в Photoshop, поэтому я выберу его из палитры «Инструменты»:

Выберите инструмент «Текст».

Я также мог быстро получить доступ к инструменту «Текст», нажав T на клавиатуре. Затем, выбрав инструмент «Текст», я подхожу к панели параметров в верхней части экрана и выбираю шрифт, размер шрифта и цвет текста. Я просто сделаю все просто и выберу Times New Roman Bold размером 16pt, а мой цвет текста будет белым:

Выбор параметров шрифта на панели параметров.

Чтобы использовать путь, который я создал, в качестве контейнера для моего текста, все, что мне нужно сделать, это переместить курсор в любое место внутри активной области пути. Когда я это делаю, мой курсор в инструменте «Текст» меняет контур с пунктирного квадрата вокруг него на пунктирный эллиптический контур, указывая на то, что путь станет моим текстовым контейнером, если я щелкну здесь и начну печатать:

Значок инструмента «Текст» теперь показывает пунктирный эллиптический контур, который говорит мне, что я собираюсь добавить свой текст внутри пути.

У меня уже есть текст, сохраненный в моем буфере обмена, который я скопировал из конца знаменитой поэмы о бейсболе Эрнеста Лоуренса Тейера «Кейси в летучей мыши». , я просто щелкну внутри пути, а затем воспользуюсь сочетанием клавиш Ctrl+V (Win)/Command+V (Mac), чтобы вставить текст внутри пути. Как мы видим, текст не только остается внутри контура, но и красиво обтекает бейсбольный мяч:

.

Photoshop использует активный путь для размещения текста, в результате чего текст обтекает бейсбольный мяч слева.

Чтобы принять текст и выйти из режима редактирования текста, я нажму галочку вверх на панели параметров:

Нажмите на галочку на панели параметров, чтобы принять текст.

Наконец, чтобы скрыть путь, чтобы он больше не был виден на моем изображении, я просто щелкну фоновый слой в палитре слоев:

Щелкните фоновый слой, чтобы скрыть контуры пути на изображении.

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

Окончательный результат «фальшивого переноса текста».

Куда идти дальше…

И вот оно! Это основы того, как имитировать функцию «обтекания текстом» программы макета страницы в Photoshop! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Как обтекать фигуры текстом в Adobe Photoshop?

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

Что такое векторная графика?

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

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

Что такое векторные инструменты в Photoshop?

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

Инструмент «Перо»

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

Инструмент формы

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

Инструмент «Текст»

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

Инструмент выбора пути

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

Инструмент «Градиент»

С инструментом «Градиент», вы можете включить градиенты в свой дизайн. Пользователи этого инструмента могут создавать градиентов с использованием различных цветов, изменять непрозрачность и режим смешивания градиента, а также его направление.

Пипетка

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

Шаги по использованию векторных инструментов Photoshop для обтекания фигур текстом

Шаг 1. Откройте Photoshop: Откройте Photoshop на своем компьютере. Если у вас не установлен Photoshop, попросите своего учителя или родителя помочь вам установить его. Дважды щелкните значок, чтобы запустить Adobe Photoshop на ПК.

Дважды щелкните значок, чтобы запустить Adobe Photoshop

Шаг 2. Создание нового документа: Чтобы создать новый документ, нажмите «Файл» и выберите «Создать». Нажмите «ОК» после ввода размера и разрешения документа.

Создать новый документ

Он создает холст , где вы можете нарисовать свой дизайн.

Новая страница создана

Шаг 3. Создайте фигуру: Щелкните «Инструмент формы» на панели инструментов в левой части экрана, чтобы выбрать «инструмент эллипса» или используйте ярлык клавиша «У».

Выберите форму из инструментов формы

Шаг 5. Выберите текстовый инструмент: Чтобы добавить текст в документ, выберите инструмент «Текст» на панели инструментов или используйте горячую клавишу «T».

Шаг 6. Выберите шрифт: Выберите стиль шрифта , который вы хотите использовать для текста , на панели выбора.

Шаг 8. Тексту нужно придать цвет: Выберите цвет на панели «Цвет». Затем используйте инструмент «Заливка», чтобы щелкнуть текст и залить его выбранным цветом.

Шаг 9. Поместите текст здесь: Введите здесь формулировку , которую вы хотите использовать в своем дизайне.

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

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