8 800 550 54 53

Прием звонков: с 09:00 до 21:00 (мск).

Без выходных.

Заказать

Прием заказов:

круглосуточно.

Как создавать«Бегущие», постепенно появляющиеся и исчезающие рисунки

Как создавать«Бегущие», постепенно появляющиеся и исчезающие рисунки
Как создавать«Бегущие», постепенно появляющиеся и исчезающие рисунки
Страница создана: , обновлена:

Adobe ImageReady позволяет автоматом с генерировать последовательность кадров между 2-мя обозначенными и отличающимися друг от друга кадрами, которые в совокупы создадут плавный переход от первого кадра к последнему. Для автоматом сделанных кадров можно также найти, что конкретно должно изменяться: положение объектов, их прозрачность либо эффекты, либо же все эти три атрибута сразу.

Изменим анимацию таким способом, чтобы надпись Входите СЮДА!, конкретизируя приглашение, двигалась в направлении равномерно появляющейся открытой двери и «заходила» в нее. Но поначалу изменим время задержки второго и третьего кадров на 0.2 секунды.

Щелкните мышью на втором кадре в гамме Animation (Анимация), чтобы выделить его.

Нажав и удерживая кнопку Shift, щелкните мышью на 3-ем кадре анимации. Оба кадра будут выделены.

Отпустите кнопку Shift.

Щелкните мышью в гамме Animation (Анимация) на треугольном значке Selects frame delay time (Выбор времени задержки кадра) под миниатюрой третьего кадра и в показавшемся меню времени задержки изберите 0.2. Это время - 0.2 sec. - отобразится под миниатюрами второго и третьего кадров.

Сейчас для третьего кадра анимации следует поменять положение слоя Layer 3 так, чтобы правый край надписи Входите СЮДА! на этом слое «входил» в открытую дверь.

Щелкните мышью на миниатюре третьего кадра. Этот кадр станет активным, а выделение второго кадра будет снято.

Переместим слой Layer 3 в окне документа на право, за ранее выделив его.

Щелкните мышью на заглавии слоя Layer 3 в гамме Layers (Слои). Слой будет выделен.

Нажмите кнопку Move Tool (V) (Инструмент «Перемещение» (V)) на панели инструментов (Tools), чтобы избрать данный инструмент.

Нажмите и удерживайте кнопку Shift.

Не отпуская кнопку Shift, нажмите пару раз кнопку "стрелка на право". Каждое нажатие этой кнопки будет перемещать в окне документа надпись Входите СЮДА! на 10 пикселов на право. Расположите надпись так, чтобы последний ее знак находился «в открытой двери».

Отпустите кнопку Shift.

Откорректируйте положение слоя Layer 3 при помощи кнопок "стрелка налево" и "стрелка на право", не нажимая кнопку Shift. Напомним, что в данном случае каждое нажатие стрелочной кнопки перемещает слой на один пиксел в соответственном направлении.

Выделим второй и 3-ий кадры, чтобы сгенерировать между ними последовательность кадров, которые создадут эффект анимации.

Нажмите кнопку Shift.

В гамме Animation (Анимация) щелкните мышью на миниатюре второго кадра, чтобы выделить его вприбавок к третьему, уже выделенному кадру.

Отпустите кнопку Shift.

Сейчас между вторым и третьим кадрами можно автоматом сгенерировать последовательность кадров, которые создадут эффект плавного перехода.

Нажмите кнопку Tween (Создание промежных кадров) в нижней части палитры Animation (Анимация). На дисплее появится диалог Tween (Промежные кадры).

Этот диалог можно вызвать также командой Tween (Промежные кадры) из меню палитры Animation (Анимация).

В данном диалоге переключатели Layers (Слои) позволяют указать, обязаны ли находиться в добавленных кадрах все видимые слои (All Layers) либо только активный слой (Selected Layer).

Удостоверьтесь, что установлен переключатель All Layers (Все слои).

Группа частей управления Parameters (Атрибуты) позволяет найти, какие атрибуты слоев будут изменяться в добавляемых кадрах: Position (Положение), Opacity (Непрозрачность) либо Effects (Эффекты).

Удостоверьтесь, что установлены флажки Position (Положение) и Opacity (Непрозрачность). Состояние флага Effects (Эффекты) для нашей анимации значения не имеет, потому что этот атрибут на избранных кадрах не употребляется.

Удостоверьтесь, что в открывающемся перечне Tween with (Промежные кадры между) выбрано Selection (Выделение). При всем этом эффект плавного перехода будет сотворен между выделенными кадрами.

В поле ввода Frames to Add (Добавить кадров) по умолчанию предлагается добавить 5 кадров. Увеличим количество промежных кадров до 10.

В поле ввода Frames to Add (Добавить кадров) введите 10.

Нажатием кнопки ОК закройте диалог Tween (Промежные кадры). В гамме Animation (Анимация) между вторым и третьим будет добавлено еще 10 кадров и, таким способом, сотворен плавный переход изображения.

Нажмите кнопку Plays animation (Проигрывание анимации) в нижней части палитры Animation (Анимация) и просмотрите сделанный эффект.

Вы увидите, что сейчас, после исчезновения надписи Для вас нужна локальная сеть?, появляется надпись Входите СЮДА!, которая движется в направлении равномерно появляющейся «открытой двери» и «заходит» в нее.

Остановите проигрывание анимации.

Анимация готова. Сейчас ее необходимо улучшить и сохранить в формате GIF.

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

Как добавить счетчик посещений, поиск по сайту и другие компоненты

В данной статье описывается как можно добавить на свой сайт счетчик посещений, поиск по сайту и другие компоненты

Как создать меняющиеся кнопки и динамические эффекты

Статья о создании анимированных кнопок и добавлении других динамических эффектов на сайт

Как передавать выполненные проекты заказчику

Описание и пошаговая инструкция как передавать заказчику выполненные работы и проекты, чтобы заказчик не пропал

Как создать гостевую книгу, форум и чат

Данная статья содержит руководство по созданию и администрированию гостевой книги, форума и чата

Ссылка для обмена:

Ссылка для форума:

Ссылка для сайта:

Есть вопросы, замечания, дополнения? Пишите в комментариях.
Заказать тексты для сайта (онлайн форма) - цена от 60 рублей, срок 24 часа
анимация бегущая строка

Страница: Как создавать«Бегущие», постепенно появляющиеся и исчезающие рисунки

Дата публикации: 2010-11-23 12:25. Последние изменения: 2011-12-23 21:34

наверх