Во Flash очень неплохой набор инструментов для рисования. Порой кажется, что его достаточно для простых векторных изображений, но поверьте, он может больше. Если хорошо научиться управлять этими инструментами, можно даже 3-D графику рисовать :)
На этом уроке мы научимся рисовать флаг и его «плавное колебание на ветру».
1.Создаем новый документ File > New (Ctrl+N).
2.Размером 500х400, fps 24.
3.Создаем четыре слоя (1,2,3,4), в четвертом слое моя подпись :)
4.В первом слое в первом кадре рисуем флаг, размещаем его в центре, размер 162.9х112.0 (он у нас Российский :) )
5.Во втором слое в первом кадре рисуем «градиент основной». 
Он состоит из трех частей, их размеры как и у флага, стоят они подряд, стенка к стенке.
Первый и третий имеют цвет #FFFFFF, прозрачность 50%, а вот второй, центральный имеет градиент (горизонтальный). Градиент состоит из трех частей (#FFFFFF, #000000, #FFFFFF, прозрачность 50% у всех). Позиция «градиент основной» как на рисунке. 
А имено, две части 1 и 2 находятся левей позиции флага и получается что третья часть находится над флагом.
6.В третьем слое находится маска. 
Создаем прямоугольник (размером и позицией как у флага), цвет любой. Нажимаем правой кнопкой на слой где находится цифра 3, и ставим галочку Mask. Потом перетаскиваем первый слой под второй, что-бы он тоже был под маской.
7.Нажимаем F6 в кадре 21 во всех слоях. Потом нажимаем во втором слое в середину шкалы времени (к примеру в 10 кадр) правой кнопкой мыши и выбираем Create Shape Tween. У нас появляется зеленая полоска с лева на право. Этим самым мы указываем, что символ в первом кадре, должен трансформироваться в символ 21 кадра. 
8.В 21 кадре второго слоя мы изменяем позицию нашего «градиент основной», мы передвигаем его в право, так, чтобы первый элемент висел ровно над флагом, а второй и третий находились правее. 
9.Сохраняем и тестируем Window > Test Movie (Ctrl+ENTER). В архиве два файла swf, 17 и 17-2. Второй визуально показывает на сколько можно увеличить эффект, с помощью данного урока.
Исходники урока здесь >>>
| 