Art-Slide

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Art-Slide » Уроки по Adobe After Effects » Эффект печатного текста (Typewriter Effects) в Adobe After Effects

Эффект печатного текста (Typewriter Effects) в Adobe After Effects

Страница: 1

Сообщений 1 страница 10 из 10

1

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

Создание динамических и привлекательных текстовых эффектов является важной частью процесса анимации в Adobe After Effects.
Один из классических и эффективных способов добавить интерес к вашим проектам — это использование эффекта печатного текста, или Typewriter Effect. Этот прием придаст вашей анимации уникальный стиль и сделает текст более динамичным. В этой теме мы рассмотрим, как создать эффект печатного текста в Adobe After Effects.

Шаг 1: Подготовка текстового слоя
Создайте новый композит:
Откройте Adobe After Effects и создайте новый проект. Добавьте новый текстовый слой, выбрав инструмент текста из панели инструментов.
Настройка текста:
Введите текст, который вы хотите анимировать. Регулируйте параметры текста, такие как шрифт, размер, и цвет, в зависимости от вашего дизайна.

Шаг 2: Добавление эффекта
Выберите "Опции анимации":
В панели "Окно" выберите "Опции анимации" для вашего текстового слоя. Это позволит вам видеть параметры анимации для текста.
Добавьте "Положение":
Нажмите на значок "Добавить" и выберите "Положение". Это создаст ключевые кадры для параметра положения текста.

Шаг 3: Настройка анимации
Установите начальные параметры:
Перейдите к началу временной шкалы и установите параметры "Положение" так, чтобы текст был за пределами видимой области.
Создайте ключевой кадр:
Переместитесь на момент времени, где вы хотите, чтобы текст начал появляться. Измените параметры "Положение", чтобы текст стал видимым, и создайте новый ключевой кадр.

Шаг 4: Применение эффекта печатного текста
Добавьте эффект "Вырезание":
Выберите ваш текстовый слой и перейдите к "Эффекты" > "Текст" > "Вырезание". Этот эффект создает иллюзию появления текста по мере его появления.
Настройте параметры:
В настройках эффекта "Вырезание" измените параметры, такие как "Размер символа" и "Мягкость вырезания", чтобы достичь нужного вам эффекта.

Шаг 5: Финальные штрихи
Настройте скорость:
Перейдите в "Графический редактор кривых" и настройте кривую анимации для параметра "Положение". Это поможет вам регулировать скорость появления текста.
Просмотрите результат:
Просмотрите ваш проект, чтобы убедиться, что эффект печатного текста работает в соответствии с вашими ожиданиями.

Эффект печатного текста - это отличный способ сделать ваши проекты более динамичными и привлекательными.
Пользуйтесь этими шагами, экспериментируйте с настройками и создавайте увлекательные анимации с использованием Adobe After Effects.

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

0

2

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

0

3

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

0

4

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

0

5

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

+1

6

  • Автор: dedugan52
  • Бывалый
  • dedugan52
  • Откуда: Россия
  • Зарегистрирован: 12-09-2014
  • Сообщений: 114
  • Уважение: +22
  • Позитив: +28
  • Пол: Мужской
  • Провел на форуме:
    3 дня 20 часов
  • Последний визит:
    02-03-2021 22:18:18
  • Параметры компьютера: Win.7x64 SP1 Core i3 3240 @ 3.40GHz ASRock ZH77 Pro3 AMD Radeon HD 6670 ProShow Producer v.6.0.3410 ОЗУ-8,00ГБ ProShow Producer стационарная v.6.0.3410

Пандора, ну вы целый курс обучения устроили! Огромная благодарность. Конечно, придется осваивать программу  Adobe After Effects, но это скорее "плюс", чем "минус". Щедрый вы человек!

+1

7

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

Эффект набирающегося текста на старом мониторе:

0

8

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

Эффект набора текста в After Effects с мигающим курсором как на компьютере

Ссылка на скачивание проекта

Скрипт для проекта:

Скрипт

txt = value;
timeIn = thisLayer.inPoint; //seconds
txtSize = text.sourceText.length;
cursor="█";
cursorBlink = 0.75; //seconds
txtComplete = 100; //percents - add a slider 'txtComplete' on your layer to animate this value
animateText = true;
showCursor = true;
//check if required markers exists
try{
  txtComplete = effect("txtComplete")("Slider");
}catch(e){
  AnimateText = false;
}
//check if required markers exists
try{
  cursorStart = marker.key('cursorStart').time;
  cursorStop = marker.key('cursorStop').time;
}catch(e){
  showCursor = false;
}
if (animateText){
  txt = substr(0,txtComplete)
}
if (showCursor){
  F = (time + cursorStart) % cursorBlink;
  dif = txtComplete.valueAtTime(time)-txtComplete.valueAtTime(time-thisComp.frameDuration*2);
  if ( (time > cursorStart) && (time < cursorStop) &&  (F>cursorBlink/2 || dif != 0))  {
    txt += cursor;
  }
}
txt;

Ещё один скрипт из этой серии:

Скрипт

//Добавьте на текстовый слой слайдер “text” и чекбокс контрол “onoff”.
//В Source Text пропишите следующее:
var i = effect("text")("Slider"); //слайдер управляющий длиной текста
var on =effect("onoff")("Checkbox") //слайдер выключающий мигание
var fr = timeToFrames(time);
var n = 10; //длина каждого цикла
var check = fr/n //нормировка положения
if(on == 1){
if(i.valueAtTime(time+thisComp.frameDuration)>i){ //если идет ввод
end = '|'
}
else{
if(Math.floor(check)%2 == 0){ //если мы ближе к четному член
end = '|';
}
else end = '';
}
}
else{
end = '';
}
text.sourceText.substr(0,parseInt(i)) + end
//Выражение следит за изменением слайдера, и если он меняется, то не мигает. А если не меняется – мигает. //Соответственно мигание можно вообще отключить.
//Также вы можете менять скорость мигания, просто настраивая переменную n

+1

9

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

Как сделать печатающийся текст в программе Adobe After Effects. Эффект печатающегося текста.

Простой урок о том как добавить ЭФФЕКТ НАБОРА ТЕКСТА в Adobe After Effects без плагинов.

0

10

  • Автор: Пандора
  • Администратор
  • Пандора
  • Откуда: Россия
  • Зарегистрирован: 12-12-2012
  • Сообщений: 3860
  • Уважение: +5754
  • Позитив: +3844
  • Пол: Женский
  • Возраст: 55 [1969-09-09]
  • Провел на форуме:
    6 месяцев 6 дней
  • Последний визит:
    Вчера 15:48:53
  • Параметры компьютера: Intel Core i7-10700 2900 МГц 8-ядерный; 32Gb; ОС Windows 10-64bit; PSP 9.0.3797 Rus; Adobe Master Collection СС; iClone-7

0

Страница: 1

Вы здесь » Art-Slide » Уроки по Adobe After Effects » Эффект печатного текста (Typewriter Effects) в Adobe After Effects

Рейтинг форумов | Создать форум бесплатно