Главная Файлы Форум Галерея Гостевая книга Обратная связь Карта сайта Поиск
 

 

Моё место работы

СитиСервис
  • Заправка и ремонт лазерных картриджей
  • Ремонт любых принтеров и копиров
  • Оригинальные и совместимые картриджи
  • Доставка бесплатно (от 2-х картриджей)
  • Накопительная система расчётов для корпоративных клиентов
Телефон
+7 (4722) 373-983
8-980-326-01-23
Адрес E-mail
mybelpost@gmail.com

Привет, Гость

Войти
Идентификация
Я забыл свой пароль
Регистрация

Разделы -> Статьи -> Уроки ffDiaporama - видеомонта... -> Анимация текста в ff...

Анимация текста в ffDiaporama. Урок с иллюстрациями.

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

И так, анимация текста!



1). Запускаем ffDiaporama любым доступным способом.



2). Жмём вкладку "Проект".



3). Жмём кнопку "Добавить название"



появится пустой слайд.

4). Кликаем по пустому слайду правой кнопкой мыши и в появившемся контекстном меню выбираем пункт "Редактировать слайд".



5). В появившемся окне в верхнем поле кликаем правой кнопкой мыши по пустому слайду и выбираем пункт "Add shot".



Рядом с имеющимся пустым слайдом появится ещё один.



6). Левой кнопкой мыши щёлкаем по первому слайду, он выделится синим прямоугольником.
7). На верхней панели жмём кнопку "Add text"



появится окно для ввода и форматирования текста



8). На клетчатом поле этого окна выделяем слово "Text" и вводим свою фразу.



Здесь же можно изменить шрифт, размер, цвет, наклон. В общем, как в текстовых редакторах.



9). После завершения редактирования текста жмём "ОК".




На чёрном поле видим введённый текст в обрамлении красной пунктирной рамки.




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



11). Левой кнопкой мыши кликаем по второму пустому (сейчас уже с текстом) слайду в верхнем поле - он выделится синим прямоугольником, а внизу на чёрном фоне появится введённая фраза.



12). Аналогично с первым слайдом захватываем текст и перетаскиваем в его конечное мето расположения.



13). В самом низу этого окна жмём "ОК" - окно редактирования слайда закроется.



14). Теперь можно проверить то, что получилось, нажав кнопку воспроизведения в поле предварительного просмотра (большое чёрное поле внизу окна программы).



Дополнительная информация.

В окне редактирования слайда (п. 4) также можно применить некоторые эффекты к тексту.
Справа от чёрного поля с текстом находится панель с инструментами, где и можно вращать текст, изменить скорость анимации.
В самом низу панели инструментов имеется раздел "Text animation". Он предназначен для анимации текста во время движения от начального пункта к конечному.


А вот, что должно получиться в итоге!



Немного для "затравки"...
Если применить эффекты, указанные в статье как доп. информация, вставить фоновое изображение и звук, то получим что-то похожее на



Дополнительные возможности несложной анимации текста в ffDiaporama.

   Выполнив пункты с 1 по 12 мы получим передвижение текста от указанного начального пункта в указанный конечный.
Однако, это ещё не всё, что позволяет сделать программа ffDiaporama.

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


Как это сделать?

Выполнив пункт 12 этой статьи переходим в правый нижний угол окна редактирования слайда в "Block animation".
Жмём кнопку, на которой сейчас написано "None"



В раскрывшемся списке выбираем пункт "Multiple block turn"



Откроются дополнительные свойства



Где и видим пиктограммы показывающие оси вращения текста.



Чтобы вращать текст в плоскости слайда нужно указать количество оборотов перемещая движок или нажимая "+" / "-"

Положительное заначение - вращение по часовой стрелке.
Отрицательное значение - против.

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

Положительное значение - вращение на себя.
Отрицательное значение - вращение от себя.

И последнее - вращение текста в перпендикулярной оси относительно слайда.

Положительное значение - вращение слева направо.
Отрицательное значение - вращение справа налево.


Все кнопки с кривой зелёной стрелкой - это сброс значений в исходное состояние.

Плавное проявление и исчезновение текста.


Плавное исчезновение



Выполняем все пункты этой статьи до девятого включительно.
Пункт 10 можно выполнить если он необходим по сценарию будущего ролика.
Я же оставил текст на месте.

Далее щёлкаем по правому слайду (он выделится синим прямоугольником).



Тут я тоже оставил текст без передвижений. Он просто должен будет плавно раствориться оставаясь на исходной позитции.
Переходим в "Block animation", жмём кнопку "Type" и выбираем "Dissolve".



Появятся дополнительные свойства.
Жмём кнопку справа от слова "Dissolve" и в раскрывшемся списке выбираем "Disappear"



Всё! Жмём "ОК" в окне редактирования слайда.
Можно проверять, что получилось.

Плавное проявление текста.



Действия аналогичны, но есть некоторые нюансы. А именно:
Когда будет добавлен текст в первый слайд, то нужно перейти на правое верхнее поле и щёлкнуть по вашей введённой фразе правой кнопкой мыши. В появившемся списке нужно выбрать "Hide", т.е. в первой части слайда текст будет скрыт.



Переключаемся на вторую часть слайда щёлкнув по ней левой кнопкой мыши.



И переходим в "Block animation" (справа внизу - мы там уже бывали).
Жмём кнопку справа от слова "Type" и выбираем "Dissolve"



Появится новый пункт "Dissolve", где должно быть выбрано "Appear"



Всё! Жмём "ОК" в окне редактирования слайда.
В "Block animation", в пункте "Dissolve" можно поиграться со свойствами. Там в списке есть ещё несколько эффектов.


Масштабирование текста

Масштабирование - изменение размера.
В этом примере будем увеличивать размер текста от нуля до максимума - настолько... насколько позволяют средства ffDiaporama.

Выполняем все пункты до 9 включительно.
Растягиваем слой с текстом до максимального размера слайда за углы рамки (обвёл красными кругами).



Переходим к панели свойств, в раздел "Text animations".
И изменяем Zoom двигая движком влево до 0%.



Добавляем новый блок нажав правой кнопкой мыши по уже имеющемуся...
За тем в контекстном меню выбираем "Add shot"



Снова переходим в панель свойств, раздел "Text animations".
И теперь перемещаем движок вправо до упора, тем самым увеличив текст до максимального размера.



Можно выбрать время показа блока, т.е. в данном случае, время изменения размера текста.
Я выставил три секунды:



В принципе всё, но для завершения эффекта текст должен исчезнуть будто прошёл через экран монитора.
Для этого добавляем ещё один блок.



А слой с текстом делаем невидимым.
Т.е. переходим в поле со слоями (справа от поля блоков).
Щёлкаем правой кнопкой мыши по слою с текстом и в появившемся контекстном меню выбираем "Hide".



Время показа этого блока я выставил в 2 секунды:



Всё! Жмём кнопку "ОК" внизу текущего окна и переходим к просмотру того, что получилось:





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



Опубликовано: Константин, Автор/источник: - 15 Июнь 2013 17:54:16

Комментировать

Вы не залогинены! Регистрация

Афоризмы, мысли

Люди иногда спрашивают меня, является ли грехом в Церкви Emacs’а использовать vi. Использование свободной версии vi не есть грех; это покаяние. Итак, счастливого хакинга.

/Столлман Ричард Мэттью/

Счётчик

Сейчас на сайте - 1 (0 зарег.)
Всего хитов3527 
Сегодня хитов3527 
Сегодня хостов651 

Откуда гости наши?

 
Powered by ReloadCMS 1.5.0.
© 2004-2012 ReloadCMS Team
RSS AggregationPHP powered
Генерация страницы: 0.45
  Яндекс.Метрика
    Сакрюкин К.В.   Яндекс цитирования    
 
Здесь всё можно копировать и цитировать, но рабочая ссылка на мой сайт обязательна!