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

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

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

Задачи:

Учебные:

• сформировать умения создавать и редактировать растровые графические изображения;

Развивающие:

• развитие творческого мышления обучающихся;

• развитие умения применять полученные знания при решении задач различной направленности;

расширение кругозора, умение выделять главное из нормативных документов;

Воспитательные:

• воспитательная – стимулирование интереса студентов к изучаемой на уроке теме и предмету "Информатика" в целом.

Время на выполнение работы: 90 минут

Оборудование, технические средства и инструменты:

• компьютеры с ОС MS Windows, Inkscape;

• графический редактор;

• проектор;

• экран (интерактивная доска);

Ход практического занятия:

1. Ознакомиться с теоретическими положениями по данной теме

Создание текстового объекта 2

Интервалы, кернинг, поворот 7

Расположение текста вдоль кривой 9

Заверстывание текста в блок 10

Работа с растровыми изображениями 11

1. Выполнить задания практической работы;

2. Ответить на контрольные вопросы.

3. Сформулировать вывод

Задание:

Готовые рисунки сохраните (меню Файл → Сохранить как) в файле Фамилия_11_ТекстВГ.svg в вашей папке на диске Z. Итоги практической работы представить преподавателю.

Технология работы:

Организационный этап

Приветствие учащихся. Выявление отсутствующих.

Вводный этап урока

Редактор дает неплохие возможности работы с текстом. Инструмент Создать и править текстовые объекты позволяет работать с текстом, используя два варианта ввода: Определяем начальную точку для ввода щелчком левой кнопки мыши и печатаем текст. По окончанию ввода при помощи инструмента Выделить, переходим к работе с текстом как с обычным объектом, то есть изменяем его размеры, трансформируем, перемещаем, изменяем контур и заливку. Обводим рамку в которой будем вводить текст, удерживая нажатой кнопку мыши и начинаем ввод. Также как и в работе с другими фигурами, мы можем менять размер созданной нами рамки. Это делается при помощи квадратного маркера. Текст расположенный внутри, подгоняется под размер поля. На панели свойств можно выбрать нужный вид, размер и начертание шрифта, выровнять текст внутри поля. Можно расположить текст вертикально или горизонтально.

Кроме обычного ввода и форматирования текста можно получать различные эффекты разбив текст на буквы и работая с каждой буквой, как с отдельным объектом. Можно создать эффект прыгающего текста. Для этого: вводим и форматируем текст; выделяем его; входим в меню Контуры – Оконтурить объект, после этой команды каждая буква будет рассматриваться как самостоятельная кривая; выполняем команду Контуры – Разбить, теперь каждая буква стала отдельным объектом, состоящим из кривых; следующий этап – каждую букву вращаем, перемещаем, заливаем, добиваясь нужного нам рисунка.

Разместить по контуру. Текст можно расположить вдоль траектории. Для этого надо ввести текст, нарисовать кривую, вдоль которой мы хотим разместить текст. Выделяем текст и кривую. Входим в меню Текст – Разместить по контуру. Текст расположится вдоль кривой. Рис. Форму кривой и параметры текста можно редактировать для получения оптимального изображения. Таким образом текст можно разместить дуги окружности, контура многоугольника или спирали. Вновь войдя в меню Текст – Снять с контура, действие можно отменить.

Работа с растровыми изображениями. Вставка растровых изображений. Иногда бывает необходимо добавить растровое изображение в векторный рисунок. В практической части разработки есть пример создания логотипа школы, который сделан на основе цифрового фото. Для этого в меню Файл входим в Импортировать и выбираем файл с нужным изображение. Рисунок корректируем до необходимых размеров. Перевод векторного изображения в растровое. Для этой операции в меню Файл имеется пункт Экспортировать в растр. В открывшемся окне выбираем необходимую настройку – что мы хотим экспортировать: всю страницу, рисунок или выделенную область. Указываются размеры и разрешение для готового изображения

Сегодня рассмотрим порядок действия и инструменты работы с текстом.

Теоретическая часть

Возьмём инструмент для работы с текстовыми объектами — Т-инструмент (или нажимаем F8). После выбора инструмента Текст ( ) открывается панель параметров, а указатель мыши принимает следующий вид ( ).

Текст можно создавать или в текстовом поле или в плавающей текстовой области.

Существует два способа как пользоваться инструментом текст. Для создания текстового поля достаточно после выбора инструмента кликнуть в том месте документа где мы планируем печатать текст. По мере набора текста, текстовое поле будет расширяться. Если необходимо начать новую строку, то ENTER нажимаем сами.

Сразу посмотрим на панель свойств инструмента. Здесь можно менять вид шрифта, начертание, размер. Можем сразу выбрать то, что хочется, — шрифт повеселее, сделаем его жирным, размер изменим, чтобы убедиться, что всё работает.

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

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

К
огда вводимый текст достигает нижней границы текстовой рамки, текстовый курсор опускается ниже нижней границы рамки и становится невидимым. Вновь вводимый текст также становится невидимым. Точка вставки текста находится ниже нижней границы рамки и поэтому ее не видно. Если Вас это не устраивает, то опустите нижнюю границу текстовой рамки.

Выбор настроек шрифта происходит стандартным для текстовых редакторов образом. Соответствующую панель находим вверху.

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

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

Выбор цвета текста осуществляем мышкой из набора цветов внизу.

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

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

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

Ctrl+пробел - позволяет вставить в текст неразрывный пробел

Ctrl+U - позволяет вставить в текст символы Unicode. позволяет использовать кодировки Юникода в пределах документа. В этом случае в строке состояния вы увидите фразу "Юникод нажмите ввод для завершения". Т.е. после нажатия этой комбинации необходимо будет ввести шестнадцатеричный код символа в Юникод и нажать Enter. Так, например, комбинация клавиш Ctrl+U 2 0 1 4 Enter вставит в текст длинное тире, а CTRL+U A 9 Enter вставит символ знака авторского права - ©. Чтобы выйти из этого режима нажмите Esc или снова Ctrl+U.

Если вы не можете прочитать написанный вами текст или возникают какие-то другие трудности, попробуйте воспользоваться окном настроек теста - "текст и шрифт" или комбинацией клавиш Ctrl+Shift+T.

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

Панель работы с текстом можно вызвать нажав Shift+Ctrl+T.

Для форматирования текста на панели параметров предлагаются следующие возможности:

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

Размер шрифта. Для форматирования размера шрифта предлагается два способа: с помощью списка Размер шрифта, в котором выбирается один из фиксированных размеров шрифта и с помощью инструмента Селектор.

Кнопки Полужирное и Наклонное. Оформляют текст полужирным и курсивным стилями. Специально обращаем Ваше внимание на то, что многие путают курсивное и наклонное начертание: на самом деле это не одно и то же.

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

Если при вводе текст слишком мелкий и поэтому плохо видно, что же Вы вводите, то можно воспользоваться специальным текстовым редактором, встроенным в данную программу. Для этого нужно ввести хотя бы один символ текста и затем выполнить команду Текст → Текст и шрифт или выполнить комбинацию клавиш Shift + Ctrl + T. После этого открывается окно Текст и шрифт на вкладке Гарнитура

Главным меню и откройте окно настроек теста - Текст и шрифт или комбинация клавиш Ctrl+Shift+T.

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

На вкладке Текст вводится текст. Как только начнется ввод текста, то станет доступной кнопка Применить, нажатие на которую копирует введенный текст в документ. Окно Текст и шрифт при этом не закрывается — просто кнопка Применить становится недоступной. Для закрытия окна нажмите на кнопку Закрыть.

Если выбрать закладку Текст, мы увидим область для редактирования текста.

На панели присутствует кнопки управления гарнитурой, размером, направления печати текста. Для вставки символа используется пункт меню Текст-глиф

Выбираем символ и жмем вставить.

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

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

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

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

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

Буквы раздвигаются. А если удерживать на клавиатуре комбинацию клавиш Alt+Shift, то раздвигаться буквы будут в десять раз быстрее. Во втором случае уменьшено расстояние между буквами К и А.

Комбинация клавиш Alt+[ и Alt+] поворачивает букву теста. Естественно клавиша Shift вместе с Alt ускоряет и этот процесс тоже.

Результат неудачного ручного кернинга можно отменить, выбрав в меню Текст пункт Убрать ручной кернинг.

Напоминаем различие между кернингом и трекингом. Кернинг: расстояние между символами в паре символов. Трекинг: это межсимвольное расстояние, то есть не только в паре символов.

Горизонтальный кернинг позволяет раздвинуть или сдвинуть символы, если расстояния между ними кажутся неравными. Посмотрите на интервалы между Д и К и между К и А: кажется, что К отодвинулась от А и прижимается к Д. В таких случаях кернинг полезен. Он выполняется по отношению к символу справа от курсора.

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

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

Теперь в нашем тексте танцующие буквы. Осталось раскрасить его.

У художественного текста по умолчанию имеется только внутренняя заливка, но нет штриха, то есть контура. Если контур на художественном тексте нужен, то откройте окно Заливка и обводка, перейдите на вкладку Обводка и определите цвет контура. Затем перейдите на вкладку Стиль обводки и определите толщину контура текста.

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

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

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

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

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

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

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

Сделаем все узлы закругленными

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

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

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

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

Д
ля того чтобы снять текст с контура, нужно в меню Текст выбрать пункт Снять с контура.

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

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

Произведите масштабирование, текс изменяется вместе с рамкой.

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

Вставка растровых фрагментов

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

Размеры полученного растрового фрагмента можно изменить, как размеры обычного объекта.

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

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

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

Практическая часть

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

1. Написать текст жирный шрифт sans-serif

2. Контур - Обконтурить обект. Разгруппировать. Каждая буква стала отдельным объектом. Трансформируем буквы Т.

3. Нарисовать круг. Продублировать.

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

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

1. Написать текст, Сделать дубль.

2. Сделаем два контура кривыми Бизье. С острыми узлами и сглаженными узлами.

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

1. По кругу. Рисуем круг.

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

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

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

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

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

Задание 3 Расширение "Перспектива" 

1. Написать текст. Продублировать.

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

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

1. Выделить текст нажимаем Shift выделить контур ориентир. Расширение - Изменение Контура -Перспектива.

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

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

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

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

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

1. Выделить предложение и задаем команду Контур – Контурные эффекты.

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

3. Поочерёдно нажимать эти инструменты. Над надписью появилась зеленная полоска с двумя точками. Перемещаем эти точки на изображение перспективы. Вначале левую точку затем правую.

1. Повторяем это для правого, нижнего, левого контура изгиба.

2. Подтянуть правые точки влево для выравнивания текста.

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

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

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

1. Объект – Разгруппировать, выделить Контур-Сумма. Продублировать. Повернуть.

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

1. Выделить прямоугольник нажать Shift выделить текст. Контур - Пересечение.

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

3. Верхнюю часть чуть сместить в право.

4. Нарисовать прямоугольник, залить красным цветом 100% непрозрачность. Объект-Опустить на задний план.

5. Выделить текст и закрасить белым цветом

6. К верхней части применить градиентную заливку.

1. Нижнюю часть выделяем и поднимаем вверх.

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

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

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

1. Трансформация. Нажать замок для пропорционального изменения

2. Двойным щелчком левой кнопкой мыши выделить текст. Выбрать толстый шрифт - a_AlternaSw

3. Перевести в векторный объект. Выделить и задать Контур - Обконтурить обект.

4. Объект – Разгруппировать.

5. Выделить Контур-Сумма. Продублировать два раза.

6. Нарисовать полупрозрачный (65%) эллипс.

7. Выделить эллипс нажать Shift выделить текст. Выровнять и расставить по вертикальной оси, ориентир - последний выделенный объект.

8. Продублировать эллипс.

9. Выделить эллипс нажать Shift выделить текст. Контур- Пересечение

10. Выделить эллипс нажать Shift выделить текст. Контур- Разность

1. Поменяем цвет. Верней части свело синий градиент, нижней части темно синий.

2. Вернюю часть и нижную часть выделить и задать команду Сгрупировать

1. Переместим на нижний слой.

2. Второй дублированный объект зальем красным цветом и переместим на нижний слой. Выделить и задать команду Контур -Контурные эффекты-Смещение - 3 мм. Залить белым цветом. Контур-Обконтурить объект.

3. Сделаем фон нарисовав прямоугольник. Переместить на нижний уровень.

1. Добавить тень. Окрашиваем в черный цвет. Непрозрачность 75% и немного размыть. Опустить тень вправо и вниз. Опустить выделение на один уровень Объект-Опустить

Задания для самостоятельной работы

Создание логотипов известных компаний.

Требования к отчету: Итоги практической работы представить в файле Фамилия_11_ТекстВГ.svg в вашей папке на диске Z.

Подведение итогов:

Отчет по практической работе должен содержать:

1. основные определения,

2. рассуждения по выполнению заданий,

3. необходимые изображения,

4. вывод по работе

В результате выполнения работы необходимо знать следующее:

1. Способы создания текстового объекта.

2. Приемы работы с текстом в векторной графики.

3. Интервалы, кернинг, поворот.

4. Расположение текста вдоль кривой и заверстывание текста в блок.

5. Выполнить задания практической работы.

Итоговое выступление преподавателя/подведение итогов/Рефлексия.:

Сегодня мы повторили основные операции по созданию, редактированию и трансформированию Текстовых объектов.

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

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

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

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

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

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

Контрольные вопросы:

1. Как разделять текст на фрагменты?

2. С помощью какого инструмента можно вставлять изображение между текстом?

3. Как нарисовать текст вдоль произвольной кривой?

4. Что такое символ в контексте редактора?

5. Какая группа инструментов отвечает за редактирование символов?

Оформление результатов работы:

1. Оформить работу в соответствии с заданиями.

2. Ответить на контрольные вопросы.

3. Сформулировать выводы по результатам работы.

4. Сдать и защитить работу.

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

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

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

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

1. Залогова Л.А. Компьютерная графика: учебное пособие - М.: БИНОМ. Лаборатория знаний, 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