29 уроков по анимации текста в After Effects
- Уроки
- 2 мин на чтение
- 28045
Если ваша деятельность так или иначе связана с обработкой отснятого видеоматериала, разработкой композиций, анимации, созданием различных видеоэффектов, или же вы только хотите начать свое знакомство с анимацией, то вам будут полезны уроки по работе с текстом: рассмотрена анимация текста и логотипов от и до.
Уроки не требуют каких-то глубоких знаний программы After Effects, необходимо лишь по шагам повторять все действия авторов для получения схожего результата.
Кстати, на сайте katalog-kursov.ru можно сравнить актуальные сейчас курсы по AE, а также почитать отзывы про каждый.
Basic Typography & Motion Graphics
youtube.com/embed/F3h3pbZkMT4″ frameborder=»0″ allowfullscreen=»allowfullscreen»>Smoke Text Effects
The Text Animation Tool
Typography Text Animation
TITLES, ANIMATING TITLES, and 3D TEXT
Jittery Type After Effects Tutorial
Animate Text On A Path
com/embed/N7hDz1044ok» frameborder=»0″ allowfullscreen=»allowfullscreen»>Particles Text Effects
Slit Tutorial
Cut Out Text with Pixel Polly
Flashy Typography Intro Tutorial | Part 1
Flashy Typography Intro Tutorial | Part 2
After Effects: Vinheta do Google
Efecto de Corte En Textos After Effects Tutorial
youtube.com/embed/6jKrhQ2tasA» frameborder=»0″>Logo Liquido After Effects Tutorial
Typography Motion Tutorial [part 1]
Typography Motion Tutorial [part 2]
Typography Motion Tutorial [part 3]
8&8 logo animation Tutorial
Kinetic Typography Tutorial
Swinging Text
Fold En Textos After Effects Tutorial
youtube.com/embed/mRoq_30S1lo» frameborder=»0″>Balloon Text – After Effects Tutorial
Кинетическая типографика в один клик
Mastering Shadows in After Effects Tutorial
Handwriting Effect TUTORIAL
Efecto Scribble en iconos redes soc
Kinetic Falling Text
Animating Morphing Letters
- #анимация
- #моушен
- #подборка
- #текст
- #урок
- 6
Статьи по теме
как создать анимированную надпись с помощью шаблона
Анимированные заголовки, титры, печать с определенной динамикой – все это возможно благодаря анимации текста в after effects. Такое наслоение будет иметь рекламный характер, так как привлекает внимание. Понять основы таких решений будет нужно маркетологам, дизайнерам веб-сайтов. Поэтому стоит рассмотреть курсы моушн дизайна https://videoforme.ru/course/after_effects_2 и простые основы создания анимации, чтобы преобразовывать тексты и анимировать их.
Где пригодится анимация текста
В настоящее время текст анимация набирает популярность. Это хорошая возможность для презентаций нового бренда. Можно создать запоминающуюся версию, которая будет выглядеть стильно и привлекательно. Таким же образом можно анимировать такие объекты:
- презентация логотипа одежды, обуви, парфюмерии и прочего;
- заставка для мобильного приложения, сайта;
- вступление перед рекламой, видеороликом;
- анимирование программного интерфейса.
Все это будет иметь красивую и современную презентацию, мимо которой трудно пройти мимо. Но чтобы ввести вставки в виде красивой анимации текста в 3d, стоит использовать уроки по созданию gif, которая будет привлекать внимание.
Создание проекта
Стоит начать создавать композицию. Для этого открывается программа, которая позволяет создать анимированный текст и вводится такая последовательность для открытия композиции: File, New и Project. Когда был открыт генератор, тогда стоит выбрать инструмент New Composition. Это будет началом настроек. Если ввести Rate, тогда можно будет сделать анимирование более плавным. Стоит выбрать нужную продолжительность, если управлять ею при помощи Duration.
Часто задаваемые вопросы
Анимированная надпись поможет решить много рекламных презентаций. Поэтому стоит рассмотреть такое дизайнерское решение более подробно. Инструкцию, показывающая как сделать анимированный текст поможет понять основы введения надписи в 3D.
Как сделать так, чтобы текст всплывал?
Когда был сделан анимационный текст, тогда стоит его показать целевой аудитории. Такие виды эффектов выглядят достаточно динамично, могут дополнять публикации в соцсетях, стать введением при входе на сайт компании. Поэтому после создания такой презентации, стоит ввести ее в состав сайта и поможет аудитории видеть текст с GIF-эффектом. Это поможет рассказать интересный монолог создателя сайта.
Чтобы сделать текст видимым, нужно выбрать его в папке, куда он был помещен после создания и анимирования. После этого стоит выбрать эффект, имеющийся в тексте и нажать на «выложить».
Как сделать анимацию текста на iPhone?
Красочная анимация появления текста станет возможной для создания на смартфоне, если скачать специальное бесплатное приложение. После этого его нужно запустить и выбрать один из шаблонов. После настройки дизайна можно выбрать разный вид шрифт, сочетания. После этого стоит выделить фразу, провести преобразование в 3д анимацию текста. Таким же образом можно выбрать один из эффектов.
Как анимировать текст в GIF-файле?
Чтобы сделать такое преобразование, стоит подобрать нужный шаблон, настроить его. Можно добавлять стикеры, сделать текст веселым, что актуально для текстов в социальных сетях. Также можно сделать так, чтобы фраза появлялась медленно, выходя из темноты, добавить мерцание. После этого готовый вариант стоит презентовать на онлайн-ресурсе в GIF-формате.
Текстовый слой
Чтобы создать анимацию текста, стоит использовать инструменты. В данном случае нужно выбрать Type Tool и использовать клавиши для выбора нужных пунктов в меню. Далее останется только набрать текст и применить необходимые эффекты. Стоит выровнять фразу по центру.
Текстовые эффекты из коробки
Многие дизайнеры и маркетологи, выбирают инструменты и эффекты, которые подскажут, как сделать анимированную надпись интересной и привлекательной. Есть много шаблонов и применить их достаточно просто.
Decoder Fade In
Таким образом можно сделать анимирование текста в виде переборки букв во фразе. Для этого нужно выбрать категорию Animate и выбранный эффект. Его можно применить, если выбрать слой текстового набора и кликнуть по нему два раза. Также можно зажать курсором выбранный инструмент и перетащить его на слово, которое стоит преобразовать.
После этого нужно нажать на пробел, сделать просмотр полученного результата. Таким показом можно управлять самостоятельно. Часто этот эффект можно увидеть в кинолентах. Его можно включать и выключать по своему желанию, чтобы добавить веса представленной фразы.
Espresso Eye Chart
Такой вид анимации текста для видео или логотипа можно использовать в социальных сетях как презентацию к ролику. Он имеет схожие черты с предыдущим вариантом, имеет вид сменяющихся букв по размерам.
Raining character in
Если выбрать готовые шаблоны анимации текста в After Effects, тогда стоит опробовать этот эффект. Он позволяет перебрать прозрачность, постепенно увеличивая резкость фразы или слова.
Random Fade Up
Этот шаблон анимации текста имеет привлекательный вид, так как буквы в слове появляются в случайном порядке.
Slow Fade On
Чтобы понять, как сделать анимацию текста, стоит рассмотреть разные шаблоны и этот будет особенно востребованным. Буквы выходят из темного фона и становятся яркими.
Bars Lime
Такой анимированный текст имеет особенность в том, что происходит игра цветовых эффектов.
Blue Flash
Эта красивая анимация текста в After Effects напоминает действие старой печатной машинки. Такой эффект был перенесен из аналогов, которые были востребованными в других версиях.
Algorithm
Такая анимация написания текста в After Effects имеет вид сдвигания букв, которые находятся рядом. Также можно применить перебирание символов.
Helicopter
Чтобы создать анимированную надпись при помощи этого инструмента, нужно применить эту форму, когда буква вращается и меняет свой вид. Вначале она растягивается, потом принимает привычную форму.
Submarine
Это забавная анимация появления текста в after effects, когда слово «плывет» по экрану к его краю как подводная лодка. При этом последняя буква в слове или фразе может вращаться, напоминая винт.
Quiver
Слово будет вибрировать, напоминая дрожь. Каждая буква будет изменяться отдельно, независимо от других.
Создание текстового эффекта с нуля
Применяя простой алгоритм действий, можно узнать, как анимировать текст и применить интересные эффекты css.
Добавление аниматора
Чтобы добавить этого помощника, стоит выбрать панель многослойности, а именно актуального для текста. Когда в настройках нажать на Animator, тогда можно применить простой, но особенный эффект. Когда открывается аниматор, тогда можно создать анимированные надписи.
Добавление Ramp Up
В этом случае стоит открыть Advanced в аниматоре и нажать на наращивание. Такая анимация написания текста будет появляться плавно. Стоит после применения шаблона, просмотреть появившийся результат и настроить частоту. Но когда выбирается 0 режим, тогда будет видимой одна половина фразы, другая находится в темноте. Чтобы скрыть все буквы при открытии фона, нужно переместить режим на 100. Также в этом инструменте можно применить изменение размера символов и сделать отдаление от пользователя в глубину. Это поможет видоизменить анимацию и сделать ее более интересной.
Добавление ключевых кадров для свойства Scale
Создание анимированного текста нельзя делать без применения особенных кадров. Для этого стоит маркер сместить на панели в сторону нулевого кадра и нажать на секундомер. После этого можно выбирать ключевой кадр. Когда маркер перемещается на 1–2 секунды вперед, тогда стоит поменять значение с 150 до 100. После выделения обоих кадров можно будет увидеть плавную анимацию. Таким образом, слова будут выплывать из темноты и в то же время запустится уменьшение фразы, что создает красивое сочетание.
Добавление Fill Color и Blur
Также можно просмотреть скрипты для анимации текста в after effects, когда становится возможным сделать итоговые изменения при помощи размытия и добавление насыщенности цвета.
Чтобы сделать такие изменения. Нужно открыть в меню аниматор и выбрать Property/ Fill Color/RGB. Это позволит отображать цвет только в то время, когда текст будет появляться. После этого можно добавить контрастности и посмотреть на получившийся итог.
Добавление дескриптора
Этот определенный вид анимации рукописного текста в after effects. Его можно прикрепить к определенной компании. Такие дескрипторы есть у многих брендов и заявляют об их респектабельности. Чтобы запустить его, стоит нажать на Type Tool. Это инструмент позволяет подобрать размер букв и расстояние между ними.
Можно сделать такие действия для дескриптора, которые применялись для основной надписи. Но стоит сделать небольшое изменение. Нужно, чтобы дескриптор в анимированном виде запускался немного позже основного логотипа. Это будет иметь лучший эффект и поможет оценить все тексты постепенно. Для этого нужно сделать настройки в настройках с ключевыми кадрами.
Можно добавить блики, задымление – все это предоставляет возможность реализовать свою фантазию. Для этого стоит открыть настройки и применить разные виды анимация текста в after effects по словам или буквам.
Как создать анимацию текста с помощью онлайн-конструктора?
Когда применяется конструктор, который будет доступен в режиме онлайн, тогда можно решать небольшие вопросы и делать определенные проекты. Но чтобы провести создание анимации текста при помощи онлайн-конструктора, следует узнать подробнее о функционале.
Выберите шаблон
Чтобы понять, как сделать анимационный текст, стоит в первую очередь подобрать один из шаблонов в библиотеке. Стоит их просмотреть, выбрать нужный дизайн, которые идеально подойдут для проекта. Такие шаблоны специально созданы для создания готовых анимаций текста для after effects. При этом есть большое число тематики, которые постоянно обновляются провайдером. Все, что нужно – это выбрать уже созданный шаблон и применить его для своего логотипа.
Настройте стиль анимации
Определенные эффекты анимации текста станут доступными, после выбора темы и начала работы. Стоит добавить слова, заузить картинку и видео, создать логотип определенного вида. После этого требуется провести редактирование ролика, выбрать нужный размер шрифта, оттенок. Также можно добавлять такие эффекты, как голосовые, чтобы разнообразить презентацию.
Чем анимированный текст может помочь вашему видеопроекту?
От Adobe After Effects анимация текста будет особенно привлекательна. Она сможет дополнить видео и предоставить красивое появление текста. Это может быть особенное введение для ролика.
Эффективно поделиться сообщением
Современное создание анимированных надписей совместно с видео – это лучший вид презентации и представления общей публики своих идей. Такие ролики с текстом, который будет представлен в виде анимации, оживит видео, сделает его привлекательным и запоминающимся.
Вовлечь аудиторию
Когда был открыт after effects и стало понятно, как сделать анимацию текста, тогда стоит придать индивидуальности своему проекту и сделать его привлекательным для целевой аудитории. При этом стоит делать акценты на те черты дизайна, которые станут стильными.
Инструкция, помогающая понять, как сделать красивую анимацию текста, поможет создать особый логотип или представить новый бренд, который станет привлекательным. Такие видеопроекты будут особенно примечательными.
Привлечь внимание аудитории и увеличить продажи
Способы, рассказывающие, как сделать анимированные буквы, придать им особенный дизайн, станут стратегией в маркетинге и частью рекламной кампании. После этого нужно предоставить их будущим покупателям, что поможет увеличить трафик на сайт и повысить продажи.
Заключение
Когда были рассмотренными виды анимации текста, стало понятным их реализация, тогда стоит переходить к воплощению своей идеи.
Еще новости
Создайте 5 потрясающих текстовых анимаций в After Effects
Добавление заголовков к вашим видео может быть интересным, если вы освоили анимацию текста в After Effects. Существуют сотни способов создания текстовой анимации в AE, каждый из которых можно смешивать и сочетать для создания новых захватывающих образов. В этом уроке мы покажем вам 5 различных стилей анимации текста, чтобы добавить изюминку в ваши композиции.
1. Blurry Fade On
Blurry Fade On — это фантастическая текстовая анимация, идеально подходящая для медленных заголовков фильмов ужасов и триллеров или тонких анимаций бизнес-презентаций. Этот эффект случайно мерцает каждый символ до полной непрозрачности с размытым росчерком.
- Создайте Новую композицию с именем Text Animation 1 , убедитесь, что это 1920 x 1080 и нажмите OK .
- Перейдите к Edit > New > Solid , отрегулируйте цвет фона в соответствии со своими предпочтениями и нажмите Ok .
- Возьмите инструмент Text и щелкните в композиции, чтобы создать новый текстовый слой.
- Введите сообщение с помощью клавиатуры и настройте размер, толщину и шрифт по своему усмотрению.
- На панели Layers прокрутите настройки, используя стрелку раскрывающегося списка.
- Щелкните меню Animate и выберите Непрозрачность .
- В настройках Animator измените непрозрачность на 0% .
- Прокрутите переключатель диапазона , затем Расширенное меню .
- Изменить Форма на Наращивание .
- Установите Ease High и Ease Low 9от 0011 до 50% и Произвольный порядок на .
- В кадре 0 установите ключевой кадр для смещения со значением -100 .
- Переместите указатель воспроизведения на кадр 45 и измените смещение на 100%.
2. Анимация снизу
Техника «Анимация снизу» вытягивает каждого персонажа из вашего заголовка вверх, чтобы он располагался в очереди. Мало того, что этот стиль анимации выглядит очень круто на простом фоне, вы также можете включить положение и маску в видеоклип, как будто ваш заголовок появляется из-за горизонта.
- Создайте новый Comp со сплошным цветом фона.
- С помощью Text Tool (T) введите свое сообщение в средстве просмотра.
- Поверните текстовый слой вниз и в меню Animate выберите Position .
- В новом Animator измените значение Y position так, чтобы текст был полностью ниже того места, где он начинался (и немного больше для безопасности).
- Поверните вниз переключатель диапазона и Дополнительные меню .
- Измените Shape на Ramp Up и Ease Low на 100% .
- В кадре 0 установите ключевой кадр для Offset со значением -100% .
- Затем в кадре 30 измените значение смещения на 100% .
- Пока указатель воспроизведения находится на 30-м кадре, нарисуйте прямоугольную маску вокруг текста, следя за тем, чтобы внизу не оставалось слишком много места.
3. Отслеживание и непрозрачность
Анимационный стиль отслеживания и непрозрачности очень популярен в трейлерах к фильмам и титрах. Медленное затухание с плавным дрейфом можно использовать для создания драматических титров, не отвлекая от фонового видео.
- Создайте свою композицию с фоном и введите свое сообщение с помощью Text Tool (T).
- Поверните текстовый слой вниз и в меню Animate выберите Opacity .
- В новом Animator используйте кнопку добавления и выберите Property > Tracking .
- Изменить сумму отслеживания на 100 .
- В настройках Animator измените непрозрачность на 0% .
- Прокрутите меню Range Selector и Advanced .
- до 9 лет0010 Расширенный , измените «Основано на» на «Слова».
- На кадре 0 , под Range Selector установите ключевой кадр для Start со значением 0%.
- Затем в кадре 60 измените значение Start на 100%.
- Щелкните правой кнопкой мыши ключевой кадр секунд и выберите Keyframe Assistant > Easy Ease .
- Щелкните правой кнопкой мыши еще раз и выберите Keyframe Velocity . Во всплывающем окне измените входящее влияние на 80% и нажмите Ok .
4. Type On
Type On — это классическая анимация заголовков, используемая в качестве забавного способа отображения заголовков и имитации ввода текста на экране. В After Effects есть предустановка Type On, но изучение ее с нуля даст вам гораздо больше контроля над скоростью и стилем.
- В новой композиции создайте фоновый слой и введите свой текст.
- Поверните текстовый слой вниз и в меню Animate выберите Opacity .
- В новом аниматоре измените значение непрозрачности на 0% .
- Прокрутите вниз селектор диапазонов и Расширенные меню .
- В разделе Advanced измените Smoothness на 0% .
- At кадр 0 , под Range Selector , установите ключевой кадр для Start со значением 0% .
- Затем в кадре 40 измените начальное значение на 100% .
5. Анимация вдоль пути
Анимация вдоль пути — очень полезная техника, поскольку ее можно использовать для создания бесконечных стилей анимации. Более того, просмотр заголовков, идеально обтекающих фигуру, обязательно произведет впечатление на вашу аудиторию.
- Создайте композицию с цветным фоном и добавьте слой титров .
- Используйте инструмент «Перо» , чтобы нарисовать путь, по которому будет перемещаться текст.
- Прокрутите вниз слой, Текстовое меню и Параметры пути .
- Измените Path на Mask , которую вы только что нарисовали с помощью инструмента Pen Tool .
- На кадре 0 установите ключевой кадр для First Margin ; уменьшите значение до того, что выглядит подходящим для вашего Путь .
- В кадре 30 измените значение First Margin на 0 (это переместит текст в середину длины пути).
- Примените Easy Ease к этому ключевому кадру.
- Переместите указатель воспроизведения на кадр 45 , поместите еще один ключевой кадр с тем же значением и убедитесь, что он также ослаблен.
- Переместитесь к кадру 75 и измените значение First Margin на большее число, чтобы анимировать его за пределами экрана.
Попробуйте анимацию текста в After Effects — это очень весело, и есть так много разных стилей, которые вы можете попробовать, что вам никогда не будет скучно. Теперь, когда вы знаете, как создать 5 уникальных эффектов для титров, попробуйте смешать техники, чтобы создать новый вид. Если вы нашли это руководство полезным, почему бы не ознакомиться с другими нашими руководствами по Premiere Pro, After Effects и видеосъемкой!
Текстовые шаблоны After Effects — Envato Elements
Текстовые шаблоны After Effects — Envato Elements Фильтры ФильтрыУточнить на 9 0003 Очистить
Категории
Широковещательные пакеты
453
Elements
1,574
Infographics
125
Logo Stings
2,171
Openers
4,595
Рекламный продукт
1 569
Названия
4 396
Видеодисплеи
1 733
- 900 02 Поддерживаемые приложения
After Effects
16 657
Premiere Pro
Apple Motion
Final Cut Pro
DaVinci Решение
Плагины
Плагины не требуются Для работы некоторых элементов требуются дополнительные плагины.16 022
Разрешение
720p (HD)
126
1080p (Full HD)
10 351
4K (UHD)
2,984
Похожие:
- текст анимация
- текст эффект
- заголовок
- заголовок анимация
- типографика
Это видео сейчас недоступно
Текстовые пресеты
Автор ГруссГотт
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 03
Это видео сейчас недоступно
Text Opener
Это видео сейчас недоступно
Alfa Text Into
By Media_Stock
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 03
Это видео сейчас недоступно
Text Intro
By NacremFx
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Заголовки / Текст
Автор: NLTB4540
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 003
Это видео сейчас недоступно
Всплывающий текст
Автор OnBothSides
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text opener
Автор: artproject
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Это видео сейчас недоступно
Текст с ошибками
Автор: RobinMotionArt
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text Block Tool
By Madlistudio
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 03
Это видео сейчас недоступно
Текстовая информация
Автор Kahramanlar
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Романтические Интро Тексты
By RGraphicsDesign
Это видео сейчас недоступно 003 Скачать
Это видео сейчас недоступно
Text Intro
Автор: lastarcher
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Создать текстовые заголовки
By Renname
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
СкачатьЭто видео сейчас недоступно
Текст Transition
By Voxyde
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Hairy Text Typeface
By botiordog
Добавить в коллекциюЭто видео сейчас недоступно в коллекцию
СкачатьЭто видео сейчас недоступно
Текст Анимация
Автор: aliyarmikayilov
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Полный набор инструментов для стилизации 80-х | Создатель ретро-текста
Автор: xFxDesigns
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 347 Добавить в коллекцию
СкачатьЭто видео сейчас недоступно
Корпоративный текст Заголовки
By MrReporter
Добавить в коллекцию СкачатьАнимированный текст
Автор: aliyarmikayilov
Добавить в коллекцию СкачатьЭто видео сейчас недоступно 0003 Добавить в коллекцию
СкачатьЭто видео сейчас недоступно
Посетитель Logo Text
От 3dbacks
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text Builder
Автор Deattive
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Gold & Silver Logo Text Reveal
By iconoclast
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Кинетическая текстовая анимация
Автор Renname
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text Intro
By NacremFx
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Decoder Text FX
By Mad listudio
Добавить в коллекцию СкачатьСейчас это видео недоступно
3D Text Animation
By MoMotion
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text Logo
От videokracy
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Shattered Diamond Logo Text Reveal
By icon oclast
Добавить в коллекциюЭто видео сейчас недоступен
Text Intro
By NacremFx
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Text Quotes \ AE
By Tores_Motion
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Титры / Текст Анимация
90 002 By NLTB4540 Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Титры / Текст Анимация
Автор NLTB4540
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Трещины и анимация текста
Автор: alex_watson
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Кинетическая анимация текста
Автор aliyarmikayilov
Добавить в коллекцию СкачатьЭто видео в настоящее время недоступен
Текстовый Messager | After Effects
От Team_shop
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Logo Text Shatter
By 3dbacks
Добавить в коллекцию СкачатьЭто видео сейчас недоступно
Mini malist Text Intro
Автор Renname
Добавить в коллекцию СкачатьЭто видео сейчас недоступно0003
Связанные:
- текстовая анимация
- текстовый эффект
- заголовок
- заголовок анимация
- типографика