Posts Tagged ‘создание скроллинга’

Делаем скроллинг

В кавычках написаны названия
Без кавычек свойства и.т.п

В этом уроке речь пойдёт об одном из методов создания прокрутки текста (или просто скроллинга). Сейчас очень часто на сайтах, сделанных по технологии Flash можно встретить разнообразные виды прокрутки текста и, наверное, многим начинающим флэшерам будет интересно узнать, как этот скроллинг делается.

Есть несколько методов создания скроллинга, например программный скроллинг, но про него я писать не буду т.к. он делается просто и, на мой взгляд, имеет множество недостатков. Речь пойдёт о создании прокрутки с использованием масок, я думаю, тот, кто читает этот урок, знает, что такое маски и как их использовать, поэтому я переду сразу к сути итак:

Создайте новый мувиклип и назовите его, к примеру, «scroll», затем создайте новый символ(animation), где будет помещаться окно и текст который будет скролится, назовите его, к примеру «Main» в этом символе надо создать хотя бы два слоя (первый для маски, второй для текста), но если Вы хотите нарисовать всякие примочки типа окна и тому подобное, то создайте ещё один слой для всяких наворотов. Самый верхний слой назовём «Mask», и в его свойствах отметим, что он Mask, слой под «Mask» назовите «Text» (он должен быть Masked). В слое «Mask», в первом кадре нарисуйте некую область, где Ваш текст будет виден (например, можно нарисовать прямоугольник). В первом кадре слоя «Text» напишите свой текст и поставьте его так, чтобы верхний край текстового поля совпадал с верхним краем прямоугольника в слое «Mask». Затем переходите на кадр 45 (к примеру) и в обоих слоях поставьте там ключевой кадр(F6) (в слое «Mask» можно поставить простой кадр (F5)). В 45 кадре слоя «Text» поставьте Ваш текст так, чтобы нижняя граница текстового поля совпадала с нижней границей прямоугольника в слое «Mask». Затем в любом кадре слоя «Text» (с 1 по 45) нажмите правой кнопкой мыши и из контекстного меню, выберите Create Motion Tween, результатом должно стать появление Motion Tween между 1 и 45 кадром. В первом кадре слоя «Text» поставьте акцию Stop (); чтобы не допустить произвольной прокрутки текста. Теперь у нас готова прокрутка и осталось лишь сделать кнопки.
(далее…)