• Авторизация


Эффект мокрой бумаги. урок во флеш. 31-05-2014 17:27 к комментариям - к полной версии - понравилось!

Это цитата сообщения Та_ещё_штучка_Я Оригинальное сообщение

Оригинальное название урока "Эффект мокрой бумаги". Эффект не навязчивый, скорее довольно симпатичный. С его помощью можно приукрасить - оживить фон для коллажей.


Урок без применения скриптов. Работать будем в программе Flash CS5.


Запустили прогу. Даллее - по скрину. [показать]

Ошибкой не будет, если выбрать "Файл ActionScript 2.0". Как я уже оговорилась, урок без скриптов, т.е. этот момент не принципиален.Подготовили картинку, которую хотим анимировать.

Далее: Файл - Импорт - Импортировать в библиотеку. Опять таки, можно "Импортировать в рабочую область"

[показать]

Импортированная картинка в библиотеке проги.

[показать]

В окошке "Свойства" можно изменить размеры картинки, если это необходимо.

[показать]

Сочетанием клавиш клавиатуры Ctrl+J вызываем окно с параметрами документа, где устанавливаются пропорции сцены и устанавливается число фреймов. В моём случае частота кадров(фреймов) - 12. Это число можно изменить на удобное для вас и в конце работы.

[показать]

Выравним картинку на сцене. [показать]

Выделяем картинку на сцене. Жмём клавишу F8 и преобразовываем картинку в мувик.

[показать]

Кликаем по мувику на сцене дважды и попадаем внутрь мувика.

[показать]


Снова жмём F8 и выбираем в окне "Преобразовать в символ" тип символа - Графика.
[показать]

Встаём на первый кадр первого слоя на временной шкале,назовём его "Оригинал" и, правой клавишей мыши выбираем "копировать кадры"( Copy Frames ).

[показать]

Добавляем новый слой,,назовём его "Копия" и, выделив на нём первый кадр, выбираем правой клавишей "вставить кадры" (Past Frames).

[показать]

Добавляем третий слой. Можно назвать его "Маска".

Стоя на третьем слое, берём инструмент "Выделение" и с его помощью рисуем поверх картинки прямоугольник. Прежде установите настройки инструмента, а именно - уберём обводку, заливку выбираем любую - на ваш вкус. Далее всё исключительно от вашего желания. Прямоугольник можно наложить как на картинку целиком, так и частично.

[показать]

Делается это следующим образом.Наводим курсор на левый верхний угол картинки и, зажав левую клавишу мыши, тянем курсор в правый нижний угол картинки.


Далее! Важный момент, который вы не найдёте в оригинале урока. Заблокируйте слой "Копия" (навесить замочек) и отключите его видимость.

[показать]

С помощью инструмента "Выделение"(Selection Tool (V)) выделяем (прорисовываем) прямоугольнички и удаляем их клавишей Delete.

[показать]

Чтоб было более наглядно, посмотрите скрин из оригинала урока.

[256x196]

Поочередно выбирая кадры 10, 20 и 30 на слое "Маска" ,нажмите F6 (создаем ключевые кадры).

[показать]

Вернитесь на 10 кадр и используя стрелки на клавиатуре сдвиньте полоски немного вниз. Затем перейдите на 30 кадр и поднимите полоски немного вверх.

[показать]

Выделите слой "Маска" и в шапке проги выбираем: Вставка - "Анимация формы",или же - на панели Properties в меню Tween выберите Shape.

[показать]

Снова выделите слой и сделайте его маской. Для этого щелкните правой кнопкой по названию слоя и в появившемся меню выберите Маска. (Прошу прощения за мой небогатый словарный запас))

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

Выделим картинку и сдвинем её по диагонали. То есть клавишами со стрелками на клаве делаем 1-2 клика вниз и вправо.

[показать]

Перейдите на 30 кадр слоя Копия и нажмите F5 на клавиатуре. Повторите это со слоем Оригинал.

[показать]

Протестируйте вашу анимацию сочетанием клавиш Ctrl+ Enter. Экспортируем готовый ролик.



http://img0.liveinternet.ru/images/attach/c/7//401...roku_yeffekt_mokroy_bumagi.swf


Ссылка на оригинал урока здесь..http://demiart.ru/forum/index.php?showtopic=29381

Успехов вам в вашем творчестве!

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Эффект мокрой бумаги. урок во флеш. | Миледи_Малиновская - Разные разности | Лента друзей Миледи_Малиновская / Полная версия Добавить в друзья Страницы: раньше»