Совет 1: Как создать эффекты во flash

Современные веб-странички полны различных анимационных эффектов. Большинство из них делаются с помощью технологии flash, и многие не так уж и сложны в исполнении. Используйте их для украшения своего сайта. Как же это сделать?
Вам понадобится
  • - Adobe Flash CS5.
Инструкция
1
Создайте эффект «Прыгающих букв». Для этого напишите нужный текст, переконвертируйте его в формат Movie Clip. Разбейте текст на отдельные буквы/символы, для этого нажмите комбинацию клавиш Ctrl+B. Текст разбивается на буквы, далее каждую букву перенесите на отдельный слой. Для этого выделите нужную букву, кликните по ней правой кнопкой мыши и выберите команду Distribute to Layers.
2
Откройте библиотеку шаблонов движения, выберите шаблон bounce-Out-3d, нажмите «Применить». Далее поработайте с линейкой движения, передвиньте каждый элемент анимации на несколько кадров от предыдущей. Чтобы буквы не исчезали после вставания на место, добавьте кадры в конец. Щелкните правой кнопкой по анимации и выберите пункт Сonvert to Frame by Frame Animation. На каждом слое нажмите F5. Флеш-эффект готов.
3
Сделайте эффект постепенно исчезающего текста с экрана. Для этого выберите инструмент «Текст», напишите любое слово либо предложение в сцене. Далее выделите его, вызовите контекстное меню, выберите пункт Break apart, далее каждую букву конвертируйте в символ, для этого на ней нажимайте клавишу F8. Назовите каждую букву отдельным названием. Выделите все буквы сцены, выберите фильтры в панели Properties, добавьте Drop shadow чтобы сделать флеш-эффект.
4
Выделите все буквы, вызовите на них контекстное меню и выберите пункт Distribute to Layers. На линии времени выберите первую букву, вставьте ключевой кадр на пятнадцатом кадре. Далее вторую букву – на 30-м кадре. Последовательно выполняйте это с каждой буквой, делайте ее на 15 кадров больше.
5
Выделите линию времени с буквами, выберите команду Motion tween, чтобы создать флеш-эффект. Далее выберите второй ключевой кадр. Выберите букву на сцене, в панели Properties, в пункте Color Effect выберите опцию Style, выберите там команду Alpha и установите значение 0.

Совет 2: Как нарисовать блик

Рисование во Flash позволяет вам использовать различные визуальные эффекты, украшающие флеш-ролик, и одним из таких часто используемых эффектов является простой световой блик, которым можно украсить флеш-ролик для баннера, шапки сайта, или любого другого графического объекта, который вы сможете использовать для дизайна веб-проектов.
Инструкция
1
Для начала выберите изображение – например, фотографию автомобиля – и оптимизируйте фотографию для размещения в интернете, сжав ее до нужного размера без потери качества. Запустите Flash и создайте новый документ, установив его размер соответственно размеру вашей фотографии с помощью опции Modify Document.
2
Откройте меню File и выберите опцию Import>Import to stage. Выберите ваше изображение из списка, чтобы поместить его в первый кадр.
3
Переименуйте слой с фотографией, дважды кликнув на него мышкой, а затем заблокируйте слой, чтобы случайно не изменить его в процессе дальнейшей работы. Создайте новый слой, нажав кнопку Insert Layer, и назовите его «Блик» - на этом слое вы создадите блик на фотографии.
4
Установите указатель тайм-лайна на первый кадр слоя с бликом, а затем нарисуйте прямоугольник с помощью инструмента Rectangle Tool. Кликните на первый кадр тайм-лайна, после чего выберите на панели инструментов опцию Fill.
5
Выберите линейный градиент и в цветовой панели (Color) настройте его, сделав среднюю точку градиента почти прозрачной, чтобы блик выглядел естественным. Установите прозрачность контура на ноль.
6
На тридцатом кадре слоя с нарисованным вами бликом нажмите F6 и создайте новый ключевой кадр. Перейдите на слой с исходной фотографией и откройте тридцатый кадр тайм-лайна фотографии. Нажмите F5.
7
Снова вернитесь к слою с бликом, после чего переместите прямоугольник с градиентом вдоль картинки на обратную сторону, используя в качестве инструмента перемещения клавишу мыши. Кликните на любой кадр правой клавишей мыши и нажмите кнопку Create Motion Tween. Заблокируйте слой.
8
Создайте новый слой (Insert Layer) и выберите инструмент Pen, чтобы создать маску. Обведите пером те области, которые должен подсвечивать блик, после чего щелкните правой кнопкой мыши на слое и выберите в открывшемся меню опцию Mask. Таким образом, вы создали маску для блика. Нажмите Ctrl+Enter и просмотрите готовую работу.
Видео по теме

Совет 3: Как создать flash-шапку

Для увеличения привлекательности вашего сайта рекомендуется установить в его шапку flash-изображение. В результате вы получите яркий и запоминающийся ресурс. При этом стоит быть осторожным, чтобы получившийся эффект не стал аляповатым и назойливым. Создать flash-шапку может каждый, достаточно знать основы веб-программирования и работы с графическими редакторами.
Вам понадобится
  • Права администратора на сайте, графический редактор, доступ к интернету.
Инструкция
1
Выберите анимационную картинку, которая станет основной вашей flash-шапки. Ее размеры должны соответствовать ширине страничек сайта. Как правило, это составляет 900 пикселей в ширину, а для высоты будет вполне достаточно 150 пикселей. Подобранное изображение не должно контрастировать с дизайном вашего ресурса.
2
Создайте flash-картинку для шапки самостоятельно. Для этого вы можете воспользоваться любым графическим редактором по созданию анимационных изображений. К примеру, подойдет программа Photoshop или Sothink SWF Easy. Если первая для новичков может быть сложной в понимании, то вторая обладает облегченным инструментарием и не потребует от вас специальных знаний. Те, кто не хочет устанавливать на свой компьютер дополнительные приложения, могут воспользоваться онлайн-редакторами, например, FotoFlexer.
3
Сделайте на основании анимационной картинки ее статическое изображение, которое понадобится на случай, если в браузере посетителя сайта не установлен flash player. В результате у вас должно быть два файла с расширением swf для анимации и jpg, png или gif для статической картинки. Загрузите данные документы на ваш сайт в папку /images/stories.
4
Откройте в режиме редактора код файла index.php. Найдите блок, предназначенный для шапки. Он имеет вид:
5
Воспользуйтесь расширением The Flash Module, если ваш сайт построен в системе Joomla. В этом случае вам не понадобиться изучать основы веб-программирования. Достаточно запустить модуль в режиме редактирования и указать в настройках ссылку на flash-картинку и ее альтернативное статическое изображение.

Совет 4: Как во flash сделать кнопки

Современные технологии значительно разнообразили интерфейс различных ресурсов в сети. Флеш-кнопки меню украшают любой сайт, добавляя в него некий колорит и повышая его функционал.
Вам понадобится
  • - ПК с установленной операционной системой Windows и выходом в интернет;
  • - программа Adobe Flash.
Инструкция
1
Используя незначительно отличающиеся цветовые фрагменты, подготовьте в формате jpg два графических файла с фоновым изображением кнопок без текста. Запустите программу Adobe Flash, создайте с ее помощью новый документ и выберите в списке параметр «Action Script 2.0». Задайте в разделе настроек значения ширины в 273 пикселя и высоты в 54 пикселя.
2
Кликните в меню «File» кнопку «Import», активируйте команду «Import to library» и импортируйте в библиотеку данных два подготовленных вами файла. Переместите на рабочую область загруженные изображения, нажмите клавишу F8 и переименуйте одно из них. Выберите пункт «Movie Clip» в разделе «Type». Поместите на рабочую область вторую картинку и переименуйте ее, указав в разделе «Type» тот же параметр.
3
Наберите необходимый текст на каждой кнопке и создайте новую, нажав комбинацию клавиш Ctrl+F8. В открывшемся окне «New Symbol» введите имя для будущей кнопки и выберите тип «Button». Скопируйте Movie Clip первоначально отредактированной картинки на рабочую область созданной кнопки.
4
Используйте комбинацию клавиш Ctrl+F8, создайте новый Movie Clip и скопируйте результат на рабочую область. Приготовьте слой и скопируйте Movie Clip со второй картинки. В меню правой кнопки активируйте опцию «Insert Frame» и создайте фрейм на первом слое. В контекстном меню выберите пункт «Insert Key Frame» и повторите ту же операцию на следующем слое.
5
Выделите приготовленный ключевой фрейм и перейдите к его настройкам. Нажмите на «Style Alpha» в разделе «Color Effect» и задайте значение «0». Установите «Classic Motion Tween» в первои кадре слоя. Откройте объект кнопки на рабочей области и перейдите к пункту «Actions». Вставьте в свободном поле код:on (release) { getURL("aboutme.htm", "_self", "GET"); }
6
Задайте в настройках имя для кнопки. Возвратитесь к первой сцене, скопируйте Movie Clip, выделите его и откройте «Actions». Введите код, где значение «sim_btn» соответствует имени созданной вами кнопки: onClipEvent (enterFrame) { if (go) { nextFrame(); } else { prevFrame(); } } onClipEvent (load) { var go; stop(); sim_btn.onRollOver = function() { go = true; }; sim_btn.onRollOut = function() { go = false; }; }Откройте меню «File», перейдите в раздел «Export movie» и экспортируйте созданную вами кнопку.
Видео по теме
Источники:
  • Как сделать кнопку во flash
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500