Урок 02. Иcкривляем текст в CorelDraw
У Вас есть текс и Вы хотите преобразить его? Допустим, Вы решили сделать надпись на круглом или изогнутом объекте. Вы не знаете как это сделать? Чуть ниже Вы сможете найти все ответы.
Оглавление
Первый способ (искривление вокруг объекта)
1.1 Рисуем любой объект. Это может быть круг, квадрат, овал, просто изогнутая линия. Это может быть любая кривая Безье, но это должен быть простой объект. Он не должен содержать сложных элементов.
1.2 Теперь повернем наш треугольник так, как нам будет удобнее с ним работать. Инструментом Pick Tool в левой панели кликаем один раз на наш треугольник и поворачиваем его. Также это можно сделать при помощи инструментов Angle of Rotation Mirror
1.3 Теперь выбираем кнопку текста Text Tool и пишем любое предложение.
1.4 У нас есть текст и есть объект. Теперь мы можем «обогнуть» текст вокруг нашего треугольника. Для этого мы кликаем на наш текст и идем в верхнее меню (Text > Fit Text to Path).
1.4a Вместо курсора появляется стрелочка, которой мы должны указать место, которое мы хотим обогнуть.
1.5 Для того, чтобы изменить или подправить полученный результат, используем инструмент Shape Tool. Если мы хотим сдвинуть или переместить текст выше или внутрь объекта, то мы должны использовать инструмент Pick Tool. Двигая за красный ромбик около текста, мы можем перемещать его.
1.5a Так же мы получаем полный доступ к панели управления текстом.
1.6 Если мы хотим оставить только искривлённый текст, а объект, который он огибает, убрать, то мы должны кликнуть на наш «рисунок» и открыть в меню (Arrange > Break Text Apart)
1.6a Затем отменяем выделение нашего объекта и берём отдельно только текст.
Мы получили готовый нужный нам текст.
Результаты могут быть и такими. Всё зависит от поставленной Вами цели.
Второй способ (искривление формы текста)
Бывает нужно искривить сам тест, а не его угол, радиус или направление. Во втором способе мы изменим форму теста.
2.1. Создаем текст (пункт. 1.3). В панели инструментов слева выбираем кнопку Interactive Envelope Tool.
2.2 Текст становится окружен синим пунктирным квадратиком с точками. Если двигать эти точки, текст начнёт меняться. Вверху появляется панель инструментов, которая позволяет управлять этими точками (придать округлости или заострить угол).
При этом текст всегда остаётся текстом, т.е. вы всегда можете написать другое предложение или слово.
Урок 02. Иcкривляем текст в CorelDraw
У Вас есть текс и Вы хотите преобразить его? Допустим, Вы решили сделать надпись на круглом или изогнутом объекте. Вы не знаете как это сделать? Чуть ниже Вы сможете найти все ответы.
Оглавление
Первый способ (искривление вокруг объекта)
1.1 Рисуем любой объект. Это может быть круг, квадрат, овал, просто изогнутая линия. Это может быть любая кривая Безье, но это должен быть простой объект. Он не должен содержать сложных элементов.
1.2 Теперь повернем наш треугольник так, как нам будет удобнее с ним работать. Инструментом Pick Tool в левой панели кликаем один раз на наш треугольник и поворачиваем его. Также это можно сделать при помощи инструментов Angle of Rotation Mirror
1.3 Теперь выбираем кнопку текста Text Tool и пишем любое предложение.
1.4 У нас есть текст и есть объект. Теперь мы можем «обогнуть» текст вокруг нашего треугольника. Для этого мы кликаем на наш текст и идем в верхнее меню (Text > Fit Text to Path).
1.4a Вместо курсора появляется стрелочка, которой мы должны указать место, которое мы хотим обогнуть.
1.5 Для того, чтобы изменить или подправить полученный результат, используем инструмент Shape Tool. Если мы хотим сдвинуть или переместить текст выше или внутрь объекта, то мы должны использовать инструмент Pick Tool. Двигая за красный ромбик около текста, мы можем перемещать его.
1.5a Так же мы получаем полный доступ к панели управления текстом.
1.6 Если мы хотим оставить только искривлённый текст, а объект, который он огибает, убрать, то мы должны кликнуть на наш «рисунок» и открыть в меню (Arrange > Break Text Apart)
1.6a Затем отменяем выделение нашего объекта и берём отдельно только текст.
Мы получили готовый нужный нам текст.
Результаты могут быть и такими. Всё зависит от поставленной Вами цели.
Второй способ (искривление формы текста)
Бывает нужно искривить сам тест, а не его угол, радиус или направление. Во втором способе мы изменим форму теста.
2.1. Создаем текст (пункт. 1.3). В панели инструментов слева выбираем кнопку Interactive Envelope Tool.
2.2 Текст становится окружен синим пунктирным квадратиком с точками. Если двигать эти точки, текст начнёт меняться. Вверху появляется панель инструментов, которая позволяет управлять этими точками (придать округлости или заострить угол).
При этом текст всегда остаётся текстом, т.е. вы всегда можете написать другое предложение или слово.
Компью А рт
Софья Скрылина, преподаватель информационных технологий, г.Санкт-Петербург
В этой статье приведены примеры размещения фигурного текста вдоль разомкнутой и замкнутой траектории. Рассмотрены возможные настройки его положения относительно кривой, а также рассказано, как отделить текст от траектории.
Начнем с размещения текста вдоль разомкнутой кривой. Чтобы расположить текст на заранее построенной траектории, необходимо выполнить ряд действий:
Рис. 1. Размещение текста вдоль созданной траектории
Рис. 2. Примеры форматирования текста
Щелчок мыши в любом месте кривой (п. 2) можно заменить выполнением команды Text (Текст) —> Fit Text To Path (Текст вдоль кривой).
После ввода текста его можно редактировать как обычный фигурный текст: изменять размер символов, шрифт, цвет, начертание и т.п., но при условии, что все символы фразы выделены Iобразным указателем мыши. А если выделить фразу инструментом Pick (Выбор), то появятся дополнительные возможности форматирования текста: ориентация текста (раскрывающийся список ), положение по вертикали и по горизонтали (раскрывающиеся списки и ), смещение по вертикали и горизонтали (ползунки и ), размещение текста на другой стороне кривой (кнопка ).
На рис. 2а для введенного текста изменены цвет, начертание и размер символов фразы, на рис. 2б увеличено смещение текста по горизонтали и по вертикали, а на рис. 2в изменена ориентация текста.
При выделении текста инструментом Pick (Выбор) необходимо щелкнуть по любому символу введенной фразы, иначе вы можете случайно выделить кривую вместо текста. В любом случае ориентируйтесь по внешнему виду панели атрибутов: если выбран текст, то она будет содержать перечисленные выше кнопки. Так, на рис. 3а панель атрибутов показывает, что текст выделен как объект на кривой, на рис. 3б панель соответствует выделению всех символов надписи Iобразным указателем, на рис. 3в показана панель при выделении только кривой без текста.
Рис. 3. Различные варианты панели атрибутов в зависимости от того, какой объект выделен
Чтобы отделить текст от траектории, необходимо выбрать составной объект инструментом Pick (Выбор) и выполнить команду Arrange (Монтаж) —> Break Text Apart (Разъединить). В результате составной объект распадается на два независимых объекта: текст и траекторию, при этом текст сохраняет внешний вид, который он имел до отделения от кривой.
После того как текст отделен от траектории, его часть или всю строку можно выпрямить. Для этого следует выделить часть строки Iобразным указателем мыши или всю строку инструментом Pick (Выбор) и выполнить команду Text (Текст) —> Straighten Text (Выпрямить текст). Так, на рис. 4 траектория уже не является привязанной к тексту, а к словам «С днем» и «Пух!» применена команда выпрямления.
Рис. 4. Результат выполнения команды Straighten Text
Рис. 5. Изменение формы траектории с помощью инструмента Shape
На одной кривой можно разместить несколько текстов, каждый из которых добавляется щелчком мыши в любой точке кривой при активном инструменте Text (Текст). Если фраза не помещается, то легко можно отредактировать форму кривой, работая с ее узлами и направляющими линиями с помощью инструмента Shape (Форма) — рис. 5.
Когда на кривой расположено несколько текстов, то возникают проблемы с выделением одного текста отдельно от остальных. Для этого необходимо использовать клавишу Ctrl в режиме действия инструмента Pick (Выбор).
Помимо разомкнутой траектории текст можно расположить вдоль замкнутой кривой, например вдоль окружности. Но такое размещение имеет некоторые особенности: панель атрибутов предлагает немного другие варианты форматирования. Раскрывающийся список Text Placement теперь содержит четыре положения текста относительно замкнутой кривой (рис. 6) вместо вариантов выравнивания по горизонтали.
Рис. 6. Четыре варианта расположения текста относительно замкнутой кривой
Рис. 7. Варианты изменения положения текста относительно замкнутой кривой
Рис. 8. Изображение земного шара импортировано из графического файла, добавлена замкнутая траектория
На рис. 7 представлены два текста вдоль одной окружности. Изменено положение только нижнего текста, а для верхнего все настройки положения заданы по умолчанию. На рис. 7а для текста назначено положение в нижней части кривой . На рис. 7б добавлено размещение текста на другой стороне кривой, то есть нажата кнопка . А на рис. 7в изменено вертикальное положение — текст размещен под траекторией .
Теперь рассмотрим пример расположения надписи вдоль земного шара. Для выполнения этого задания нам понадобится исходная фотография земного шара.
Результат приведен на рис. 9.
Рис. 9. Текст размещен вдоль овала
Рис. 10. Создана фигурная обрезка в виде окружности
Рис. 11. Результат применения фигурной обрезки к растровому изображению
Рис. 12. Нижняя надпись перенесена на передний план
Рис. 13. Окончательный результат размещения надписи вдоль земного шара
Поскольку контейнер (окружность) был создан поверх всех объектов, изображение земного шара после применения к нему фигурной обрезки также было помещено на передний план.
Конечно же, расположить надпись вокруг земного шара можно и в Adobe Photoshop, но рассмотренный пример показывает, что нет необходимости каждый раз переходить в растровый редактор, как только понадобится создать тот или иной эффект. В принципе, довольно много эффектов можно реализовать и в программе CorelDRAW, используя ее богатые возможности.
Радиальное расположение строк текста.
Рис.1. Пример радиального расположения текста.
Первый способ.
Набрать текст, перенести центр вращения текстового объекта в центр окружности и создать необходимое количество копий. Если нужны текстовые объекты разного содержания, придется редактировать каждый фрагмент фигурного текста вручную.
Рис.2. Пример радиального расположения текста путем преобразований.
Рис.3 Пример радиального расположения текста с помощью эффекта перетекания.
Рассмотрим этот пример подробнее.
1. Набираем нужный текст. Переносим центр вращения, располагая его перед первой буквой текста.
Рис.4. Переносим центр вращения текста.
2. Поворачиваем текст на 270 градусов.
Рис.5. Поворачиваем текст.
4. Отправляем перетекание вдоль опорного пути, включаем режимы «перетекание вдоль пути» и «повернуть все объекты».
Рис.6. Перетекание текстовых объектов по окружности.
5. Для точного позиционирования текста выделяем опорный объект эффекта перетекания, который оказывается немного повернутым, и поворачиваем его на угол 20 градусов.
Рис.7. Поворот опорного объекта.
6. Теперь радиально расходящийся текст расположен правильно, легко изменить количество шагов перетекания.
Рис.8. Пример перетекания с большим количеством промежуточных объектов.
Если необходимо разместить не одинаковые тексты, а строки текста с разным содержанием, то этот способ категорически не подходит, поскольку текстовыми остаются только два опорных объекта, а промежуточные объекты эффекта являются кривыми. При редактировании хотя бы одного из опорных текстовых объектов вместо нужного изображения получим искаженный эффект.
Рис.9. Пример перетекания с другими настройками – изменения цвета заливки опорных текстовых объектов и редактирование одного из текстов.
Использование приема размещения объектов вдоль пути.
Что делать, если радиально необходимо разместить текстовые блоки с различным содержимым?
В последней версии CorelDRAW Graphics Suite 2018 появилась новая возможность размещения объектов или групп объектов по произвольному пути.
Используем этот эффект для радиального размещения текстового блока.
1. Нарисуем несколько концентрических окружностей. Выберем для внешней и внутренней окружности соответствующие заливки. Введем несколько строк текста и разместим текстовые блоки по вспомогательным окружностям. Здесь все просто – выделяем строку текста, окружность и применяем команду меню «Текст»> «Текст вдоль пути».
Рис.10. Пример размещения текста вдоль окружности.
2. Разъединяем текст и опорные кривые (окружности), удаляем опорные кривые. Проводим две вспомогательные прямые и, применяя инструмент «интеллектуальная заливка», окрашиваем сегмент окружности. В этом сегменте и будем располагать текст. Применим к сегменту эффект прозрачности, коэффициент 50%.
Рис.11. Построение полупрозрачного сегмента окружности.
3. Подготовим простой текст, выровняем строки по длине.
4. Преобразуем простой текст в фигурный. Это можно сделать командой контекстного меню «Преобразовать в фигурный текст». Для вызова контекстного меню достаточно выделить простой текст и нажать правую кнопку мыши.
5. Разделим фигурный текст на отдельные строки командой меню «Объект > «Разъединить фигурный текст».
Рис.12. Преобразование и разделение текстового блока.
6. Временно объединим строки фигурного текста в группу объектов и повернем эту группу на 90 градусов. Отменим группировку.
Рис.13. Поворот разделенного текстового блока.
7. Хорошо бы каким-то образом разделить смысловые блоки текста. Поэтому я выделю строки, которые относятся к описанию пищевой ценности продукта и отодвину их вправо на произвольное расстояние. Для имитации пробела добавляю между строками текста вспомогательный прямоугольник – он заменит пустую строку текста. В дальнейшем его можно будет удалить.
Рис.14. Добавление вспомогательного прямоугольника.
8. Рисуем окружность, по которой будем располагать текст. Переходим в режим «дуга» инструмента «эллипс», корректируем дугу и преобразуем ее в кривую.
Рис.15. Создание опорного пути.
9. Выделяем блок строк текста, вспомогательную дугу и переходим в окно настроек «Объекты вдоль пути». Настраиваем порядок выделения объектов, расстояние, опорные точки начала отсчета объектов.
Внимание! Некоторые параметры этого окна настроек (например, значения параметра «распределение») не видны при стандартном положении. Придется, потянув на левую границу окна, немного растянуть его.
Рис.16. Настройки применения эффекта.
10. После применения эффекта получаем вот такой вариант размещения текста вдоль дуги.
Рис.17. Пример радиального размещения текстового блока
11. Удаляем вспомогательные элементы – дугу окружности, прямоугольник-разделитель. Корректируем форму полупрозрачного сегмента.
12. Добавляем в центр изображения декоративную гроздь винограда и применяем радиальный эффект динамики.
Рис.18. Пример завершенной иллюстрации.
Несколько слов об особенностях применения эффекта «объекты вдоль пути»
1. Располагать текстовые строки можно не только по дуге или окружности, но и по любой произвольной кривой.
2. Чем больше перегибов на кривой, тем сильнее будет искажен текст. Поэтому, пожалуй, оптимальный вариант в качестве кривой использовать дугу, окружность, эллипс.
3. Опорный путь не связывается с размещенными объектами, то есть при редактировании опорного пути не изменяется внешний вид эффекта.
4. Расстояние между текстовыми фрагментами зависит от длины пути.
Рис.19. Пример расположения текстовых строк вдоль кривой с перегибами. Чем меньше длина кривой, тем меньше расстояние между объектами.
5. Строки фигурного текста нельзя группировать, иначе вдоль пути будет расположена только одна группа.
6. На расположение объектов влияет направление кривой.
Рис.20. Пример расположения текстовых строк на опорных кривых с разным направлением.
7. Текстовые строки можно сочетать с любыми векторными объектами или группами векторных объектов. Однако если вы применяете какие-либо эффекты, например контур или перетекание, то группу эффекта перетекания или контура необходимо разъединить, все разгруппировать, перегруппировать заново и только потом использовать в сочетании с текстовыми строками.
Рис.21. Пример расположения текстовых строк в сочетании с группами векторных объектов – листьями, и разделителями, полученными в результате эффекта перетекания.
8. Расстояние между текстовыми фрагментами зависит от высоты букв в строке текста. Это расстояние может быть разным, если одни строки текста содержат прописные буквы, а другие – строчные. Если вам необходимо одинаковое расстояние между строками, можно просто добавить в качестве первой буквы в каждую строку одну прописную букву и сделать ее невидимой.
Рис.22. В каждую строку простого текста добавлена заглавная буква W, которая не имеет заливки и абриса. Текст преобразован в фигурный и разделен на строки.
Рис.23. В каркасном режиме видно, что прозрачная буква W помогает определить расстояние между строками текста. При расположении текста не был указан точный порядок выбора и смысловое содержание текста нарушено.
Рис.24. Настройка параметров расположения текстовых строк вдоль дуги – включен режим выбора объектов «слева направо», определение расстояния между объектами и указана точка привязки.
Рис.25. Теперь строки текста расположены по дуге с равным расстоянием между ними.
Эффект «объекты вдоль пути», пожалуй, один из самых востребованных в последней версии программы. Он позволяет сочетать текстовые объекты, группы объектов, результаты других векторных эффектов и располагать их самым причудливым образом по произвольным замкнутым и незамкнутым кривым. Комбинирование интересных объектов и различных вариантов настроек эффекта делают его применение безграничным. Нужна только фантазия и желание экспериментировать.