Клуб PhotoImpact

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

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


Вы здесь » Клуб PhotoImpact » Работа с текстом. » Урок. Анимированый текст в фото.


Урок. Анимированый текст в фото.

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

1

http://uploads.ru/i/U/D/G/UDG0J.gif

Прежде чем начать тему, давайте разберёмся что такое анимация. Анимация, это файл содержащий в себе пакет графических файлов при помощи скрипта сменяющих друг - друга.
Проще говоря это мини мультик где кадры сменяют друг друга. Допустим у нас есть анимированный текст и мы хотим вставить его в какую-нибудь картинку. На первый взгляд, куда проще?
Анимация работает в формате gif., значит переводим картинку тоже в этот формат, копируем и вставляем анимашку и сохраняем в gif. Красиво но не верно.
Мы не учли принципа анимирования: Смена кадров. А у нас только одна картинка, которая при сохранении запоминает только одну первую картинку из пакета аним.файла.
Значит для того чтобы наша анимашка заработала, нужно чтобы количество картинок в аним.файле было равно количеству копий нашей картинки, около десяти, зависит от сложности эффекта.
То есть получится новая анимашка. Обычно такие анимашки не изготавливают. Получается очень тяжёлый файл.
Такие вещи как анимированные объекты или текст в картинке или фото лучше делать в флэш. Но раз был вопрос задан то в познавательных целях мы изготовим такую картинку.

Итак приступим. Вызовим на стол в PhotoImpact зарание изготовленный аним.текст.
Так как этот текст состоит из нескольких файлов, программа спрашивает у нас как именно мы хотели бы открыть?
И предлогает несколько вариантов. Отмечаем :"Открыть каждую картинку в новом документе"
http://s0.uploads.ru/LmByV.png

Жмём ОК и на наш стол высыпалось десять (в моём примере) текстовых картинок
http://s3.uploads.ru/Bj3nC.png

Все сразу они нам не нужны. Поэтому создадим конверт и перекинем в него все текстовые картинки.
При сохранении картинок обратите внимание на формат. Обычно, по умолчанию, устанавливается UFO или JPEG .
Но так как мы работаем с анимацией, лучше все кадры сохранять в gif.
Иначе в конечном результате наш текст окажется с белым (по умолчанию) фоном.
Продолжим. Теперь на свободный уже стол выкладываем картинку или фото, в которое мы планируем вставить аним.текст.
На этом этапе нужно учесть один нюанс. Готовые анимашки не обрабатываются.
Иначе скрипт перестанет узнавать картинки и анимашка не будет работать.
Поэтому первым делом нужно установить размеры картинки такими, чтобы был возможен просмотр картинки без прокрутки.
Затем если нужно то вставляем какие-то объекты, корректируем свет, контраст,
Одним словом картинка должна быть полностью готова.
http://s1.uploads.ru/u2OId.png

Всё готово, можем приступать. В панели инструментов открываем "Объекты" 1 , - "Объект вставить" 2 ,- и указываем откуда 3 .
http://s6.uploads.ru/nspQr.png

Вы наверное обратили внимание, что все наши текстовые картинки имеют порядковый номер. Так по порядку и будим их вызывать. ввели первую:
http://s2.uploads.ru/Lcy6Z.png

Текст (по умолчанию) встал в центре картинки. Для нашего урока разницы нет.
Но если вы воплощаете какую-то свою идею, то для того чтобы наш текст не скакал по картинке,
лучше активировать линейку и сетку. И все текстовые картинки вставлять в нужное вам место по
сетке координат (получилось двусмысленно но другого в голову не приходит). Но ещё проще дважды
кликнуть по объекту и в окне настроек выставить нужные координаты для объекта.
http://s6.uploads.ru/0wcqu.png

Итак первая картинка готова. Создаём новый конверт, даём имя с порядковым
номером нашей картинке, к примеру test-1 и сохраним её в этом конверте в формате gif.
Теперь возвращаемся на один ход назад.
http://sd.uploads.ru/yhDmB.png

Текст в нашей картинке пропал. Теперь вновь в шкале инструментов: "Объект" - "Объект ввести"
указываем на текстовую картинку со следующим порядковым номером. Устанавливаем её по сетке
координат точно на место предыдущей и вновь сохраняем всю картинку под очередным порядковым номером test-2.
Повторяя эту операцию мы получим 10 копий (по числу картинок в аним.тексте) нашей фотографии или
картинки со встроенным текстовым объектом в каждой. Ну вот и всё. Заготовки готовы.Теперь переходим в гиф аниматор.
В гиф.аниматоре нас встречает асистент, который интересуется чем мы будем заниматься в аниматоре.
Можно отазаться от его помощи, открыть новый документ, задать ему размеры нашего фото и ввести в него само фото.
Гораздо проще воспользоваться его помощью.
Жмём на работу с графикой и указываем на нашу копию с начальным порядковым номером.
http://s0.uploads.ru/yqmiu.png

Первую копию ввели.
http://se.uploads.ru/E6AZd.png

Откроем новый документ.
http://s1.uploads.ru/45Bpy.png

И введём в него копию со следующим порядковым номером. Так по порядку вводим все копии.
http://s0.uploads.ru/LGulw.png

Вот и всё. Осталось сохранить в формате gif. Анимированный текст в картинке, хотя правильнее будет сказать: новая аним.картинка.
Как я и предупреждал, картинка оказалась "тяжёлой". Нужно ожидать её "зарядку". Для подобных анимаций обычно используется не
вся картинка а только её фрагмент. Это позволяет значительно облегчить анимашку. Но как делить картинку на фрагменты для
анимаций,- это другая тема и её мы рассмотрим отдельно. И последнее. Приведённый здесь пример покадрового размещения и
выравнивания текста в картинке применяется крайне редко. На самом деле есть более простой способ добавления анимашки в картинку.
Его я покажу на примере создания поздравительной аним. открытки.
В этом же примере я пытался вас ознакомить с работай по возможности большего количества инструментов редактора и аниматора.
http://s2.uploads.ru/kiBLa.gif

+1

2

Всё же я рекомендовал бы нашим участникам анимированные тексты на фоне создавать в Флэш и потом конвертировать в GIF чтоб получить обычную анимашку.
Это позволит применять к тексту более интересные эфекты и анимашка будет не сравнимо легче.
http://savepic.ru/7641239.gif

0


Вы здесь » Клуб PhotoImpact » Работа с текстом. » Урок. Анимированый текст в фото.


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC