Презентация № 11 Преобразование текста в редакторе векторной графики

Изменяет интервал между словами.

Кернинг или выравнивание пробела между двумя соседними символами. Изменяет пробел в месте нахождения курсора. Во многих шрифтах (особенно кириллических) кернинг сделан небрежно, в результате чего буквы зрительно "наезжают" друг на друга. Это поправимо при помощи данной опции. Если ручной кернинг дал плохой результат его можно отменить (вернуть исходный кернинг шрифта) командой  Текст ⇨ Убрать ручной кернинг .

Поднятие или опускание символов. Если нет выделенных символов, то применяется ко всем символам данной строки справа от курсора. Если есть выделенные символы, то поднимаются (опускаются только они).

Alt + стрелки клавиатуры ↑ и ↓:  поднимают или опускают символы на один экранный пиксель.

Shift+Alt + стрелки клавиатуры ↑ и ↓:  поднимают или опускают символы на десять экранных пикселей.

Если изменения дали плохой результат его можно отменить командой Текст ⇨ Убрать ручной кернинг.

Вращение символов . Если нет выделенных символов, то поворачивается только один символ справа от курсора. Если несколько символов выделены, то поворачиваются они все.

Alt+[, Alt+]:  поворачивает символ(ы) на один экранный пиксель.

Shift+Alt+[, Shift+Alt+]:  поворачивает символ(ы) на 90°.

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

Панель работы с текстом

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

Панель работы с текстом можно вызвать выполнить команду Текст → Текст и шрифт или выполнить комбинацию клавиш   Shift+Ctrl+T.

Можно повернуть некоторые символы. Поворот выполняется с символом правее курсора. Лучше брать небольшие углы поворота — 3–10 градусов, но при желании можно и уложить букву набок, и перевернуть её вверх ногами. Таких возможностей нет в обычных текстовых редакторах. 

Цветовые эффекты

Текст — единое целое, и лучше раскрашивать его в едином стиле. Выделим текст S-инструментом и воспользуемся уже знакомыми нам заливкой и обводкой. Можно, например, сделать так.

Можно продублировать текст и раскрасить дубль и оригинал по-разному.

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

Иногда всё же нужно раскрасить буквы по-разному или перенести часть текста в другое место. Чтобы поработать с текстом не как с единым целым, а как с набором отдельных букв, выделите текст и в меню  Контур - Оконтурить объект и Контуры – Разбить . Теперь каждая буква нашего текста — отдельный объект ;

Для преобразования текста в кривые необходимо выделить этот текст, выбрать инструмент Узлы ( ), нажать на кнопку Преобразовать выбранный объект в контур ( ). После этого текст будет преобразован в кривые линии и будет прочитан на любом ПК, независимо от того, установлены на этом ПК использованные шрифты или нет, так как никаких шрифтов уже нет: они преобразованы в кривые линии. Каждая буква при работе с инструментом Узлы ( ) становится самостоятельной и независимой от других букв в этом же бывшем тексте. Тем не менее, для инструмента Селектор ( ) все буквы в наборе кривых будут единым целым или группой. Для разгруппирования текстовой группы выделите эту группу и нажмите на кнопку Разгруппировать выделенные группы ( ) или выполните команду Объект → Разгруппировать . Отдельную букву можно, например, повернуть под нужным углом, изменить ее размеры, исказить ее или использовать другие визуальные эффекты. Например, так можно создавать верхние или нижние индексы. Точно повернуть, трансформировать или исказить объект можно командой Объект → Трансформировать .

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

Печать текста по контуру

Для печати текста по контуру необходим сам текст и контур. Рисуем любую кривую, с помощью  кривых Безье  и печатаем любую строку текста

Выделяем оба объекта и применяем  Текст-Разместить по контуру

Перемещение курсора внутри текстового объекта

• Клик левой кнопки мыши:  устанавливает курсор в позицию указателя инструмента.
• Стрелки клавиатуры:   Перемещают курсор на один символ вправо-влево, либо на одну строку вверх-вниз.
• Ctrl+Стрелки клавиатуры ← и →:   Перемещают курсор на одно слово.
• Ctrl+Стрелки клавиатуры ↑ и ↓:  перемещают курсор на один параграф.
• Home:  перемещает курсор в начало строки.
• End:  перемещает курсор в конец строки.
• Ctrl+Home:  перемещает курсор в начало текстового объекта.
• Ctrl+End:  перемещает курсор в конец текстового объекта.
• PgUp:  перемещает курсор на один экран вверх (если текст не умещается в окне Inkscape).
• PgDown:  перемещает курсор на один экран вниз (если текст не умещается в окне Inkscape).

Разместить по контуру.

Текст можно расположить вдоль траектории. Для этого надо ввести текст, нарисовать кривую, вдоль которой мы хотим разместить текст. Выделяем текст и кривую. Входим в меню Текст – Разместить по контуру или выполнить комбинацию клавиш Shift + Alt + W .

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

Таким образом текст можно разместить дуги окружности, контура многоугольника или спирали.

Вновь войдя в меню Текст – Снять с контура , действие можно отменить.

Печать текста по области

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

Выделяем об объекта и  Текст - Заверстать в блок

Заверстать текст в блок.

Еще один прием работы с текстом. Он хорош для создания буклетов. Для блока подходят любые геометрические фигуры.

Вводится текст, создается блок, объединяем эти объекты и даем команду Заверстать текст в блок. Рис. Как и в предыдущем разделе, действие можно отменить: Вынуть из блока.

Любую из этих операций можно отменить,

выбрав объект и  Текст-Снять с контура

  или Текст-Вынуть из блока . 

Область для размещения текста может

быть любой формы, в том числе и быть пол

ученной при помощи любых  операций с контурами.

Задание 1

Преобразовать обычный текст в контурный объект

• Написать текст жирный шрифт sans-serif
• Контур - Обконтурить обект. Разгруппировать.
• Каждая буква стала отдельным объектом.
• Трансформируем буквы Т.
• Нарисовать круг. Продублировать.

• Поставить на верх буквы Х. Выделить эти объекты Контур – Сумма. Перенести первый круг на верх буквы Х. Выделить эти объекты Контур – Разность

https://www.youtube.com/watch?v=6pjFMxVCXZM&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=3

Задание 2 Размещаем текст по контуру

• Написать текст, Сделать три дубля.
• Сделаем два контура кривыми Бизье. С острыми узлами и сглаженными узлами.
• Выделить контур нажимаем Shift выделить текст и задать команду Текст- Разместить по контуру .

M3Ew-P-CYHA&list=PLIa6ytOJ8rtB8M7W5ykhttps://www.youtube.com/watch?v=3E7meg2Uh8q-Mm&index=7

• Расположение по кругу. Рисуем круг.
• Выделить контур нажимаем Shift выделить текст и задать команду Текст- Разместить по контуру .

3. Продублируйте. Снимите выделение. Выделите только круг с помощью трансформации переверните надпись.

4. Для размещения внутри сделайте дубль круга, где текст размещен внизу. Переместите.

5. Отображение по горизонтали

6. Выделить текст и задаем команду Текст - увеличиваем межбуквенный интервал

Задание 3

создавать перспективу

https://www.youtube.com/watch?v=eEYO2j_zMyM&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=17

Задание 4

создавать эффект "Разрезанный текст"

Если применять перспективу к предложению. То этот эффект не работает. В этом случае

• Написать предложение. Продублировать.

• Контур - Обконтурить объект .

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

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

https://www.youtube.com/watch?v=sISwaCd_k7c&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=24

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

Задание 5 создавать эффект "Разрезанный текст"

• Написать текс.
• Выделить и задать Контур - Обконтурить обект.

Задание 5

создавать эффект "Разрезанный текст"

• Написать текст, объект – разгруппировать, выделить контур-сумма. Продублировать. Повернуть.

• Нарисовать полупрозрачный прямоугольник. Опустить вниз . Продублировать.

• Выделить прямоугольник нажать Shift выделить текст. Контур - Пересечение .
• Выделить прямоугольник нажать Shift выделить текст. Контур - Разность .
• Верхнюю часть чуть сместить в право.
• Нарисовать прямоугольник, залить красным цветом 100% непрозрачность. Объект-Опустить на задний план .

https://www.youtube.com/watch?v=j7RBSf5SvGI&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=1

• Выделить текст и закрасить белым цветом
• К верхней части применить градиентную заливку.

• Нижнюю часть выделяем и поднимаем вверх
• Добавим тень. Выделить обе части Дублируем, затем задаем команду Контур - Сумма . Окрашиваем в черный цвет. Непрозрачность 75% и немного размыть.
• Опустить тень вправо и вниз. Опустить выделение на один уровень Объект-Опустить

Задание 6

Создаем красивый эффект для текста

• Написать текст.

• Трансформация. Нажать замок для пропорционального изменения
• Двойным щелчком левой кнопкой мыши выделить текст. Выбрать толстый шрифт - a_AlternaSw
• Перевести в векторный объект. Выделить и задать Контур - Обконтурить обект.
• Объект – Разгруппировать.
• Выделить Контур-Сумма. Продублировать два раза.
• Нарисовать полупрозрачный (65%) эллипс.
• Выделить эллипс нажать Shift выделить текст. Выровнять и расставить по вертикальной оси, ориентир - последний выделенный объект.
• Продублировать эллипс.
• Выделить эллипс нажать Shift выделить текст. Контур- Пересечение
• Выделить эллипс нажать Shift выделить текст. Контур- Разность

https://www.youtube.com/watch?v=ahMTroZzpDw&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=38

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

• выполняем команду Контуры – Разбить , теперь каждая буква стала отдельным объектом, состоящим из кривых;
• Переместим на нижний слой.
• Второй дублированный объект зальем красным цветом и переместим на нижний слой. Выделить и задать команду Контур -Контурные эффекты-Смещение - 3 мм. Залить белым цветом. Контур-Обконтурить объект.
• Сделаем фон нарисовав прямоугольник. Переместить на нижний уровень.
• Добавить тень. Окрашиваем в черный цвет. Непрозрачность 75% и немного размыть. Опустить тень вправо и вниз. Опустить выделение на один уровень Объект-Опустить

Продолжите предложения:

На уроке мне запомнилось…

Новым на уроке для меня было…

У меня вызвало затруднение…

Мне больше всего понравились виды работы…

Мне хотелось бы еще…

Список рекомендуемой литературы

Основные источники:

• Цветкова, М. С. Информатика: учебник для СПО / М. С. Цветкова, И. Ю. Хлобыстова. – Москва: Академия, 2020.

Дополнительные источники:

• Залогова Л.А. Компьютерная графика: учебное пособие - М.: БИНОМ. Лаборатория знаний, 2008. – 215 с.

Электронные ресурсы:

https :// inkscape . paint - net . ru /? id =3

https://foxford.ru/wiki/informatika/delaem-krasivyj-tekst

https://www.youtube.com/watch?v=6pjFMxVCXZM&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=3

https://www.youtube.com/watch?v=M3Ew-P-CYHA&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=7

https://www.youtube.com/watch?v=eEYO2j_zMyM&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=17

https://www.youtube.com/watch?v=sISwaCd_k7c&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=24

https://www.youtube.com/watch?v=j7RBSf5SvGI&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=1

https://www.youtube.com/watch?v=HEFIA_QDz84&list=PLIa6ytOJ8rtB8M7W5yk3E7meg2Uh8q-Mm&index=39

Удачи в освоении

данной темы!!!