В этом уроке мы нарисуем линзу и создадим эффект увеличения объекта при рассматривании его через линзу. Для этого нам потребуются synfig studio и минут пятнадцать свободного времени.

Создаем эффект увеличения объекта в synfig studio

Для нашей работы потребуется небольшой размер холста, скажем 256 на 256 px. Зайдите в холст- свойства и установите данный размер. Время конца анимации задайте 48 кадров.

Готовим объекты для анимации

Начнем с линзы. Её мы нарисуем в inkscape. Потребуется нарисовать круг цветом F85F86 и обводкой 7826AA. Далее с помощью круга меньшего диаметра (у меня это чёрный) вырезаем внутреннюю область с помощью разности контуров ctrl-. Блики добавляете по желанию.

Осталось нарисовать ручку с помощью прямоугольника со скругленными углами и ручка готова. Выделяем всю линзу и проводим экспорт в png.

Закрываем inkscape и импортируем изображением в synfig studio файл- импорт. У нас появится слой переключатель. В данной работе нам такой слой не нужен, поэтому переместите это изображение из слоя и добавьте в обычную группу слоёв. А слой переключатель удалите. Подберите размер изображения линзы.

Объектом, который мы будем увеличивать, будет буква Т. Можно использовать инструмент текст, однако быстрее с помощью кривых b поставить несколько узлов и получить вот такую симпатичную, мультяшную букву Т. Цвет области 00EDFF, а контура 7826AA.

Дополнительно можно нарисовать несколько линий в качестве бликов на букве.

Все объекты, которые относятся к букве Т, добавьте в одну группу слоёв с именем Т. Теперь расположите объекты как на рисунке ниже и установите размеры как у меня. Буква Т маленькая по сравнению с линзой.

Создаем эффект увеличения объекта

Системы управляющих точек всех объектов перенесите в их центры. Сама анимация очень простая.

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

• Кадры 0-9. Линза надвигается на букву
• Кадры 9-20. Линза неподвижна
• Кадры 20-27. Линза возвращается на место

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

• Кадры 0-4. Буква сохраняет размеры
• Кадры 4-9. Буква увеличивается
• Кадры 9-20.Буква сохраняет размеры
• Кадры 20-25. Буква уменьшается

Должна получиться вот такая анимация

Проведите визуализацию в нужный формат и сохраните. Все, работа готова.

Можете создать эффект увеличения для целого слова, когда линза проходит на ним. Увеличение губ то-же доступно, по желанию 😉