Совет 1: Как создать сайт на flash

Используя технологию Flash, можно сделать свой сайт красивее, оригинальнее и быстрее всех прочих сайтов. Flash открывает перед веб-мастером широкие перспективы – вы можете придумывать самый необычный дизайн, необычную структуру страниц, и насыщать сайт привлекательными визуальными эффектами. Создание сайта на флеш не представляет собой особенной сложности – для этого вам потребуется установить программу Adobe Flash CS4.
Инструкция
1
Откройте программу и нажмите в меню Create New, чтобы создать Flash File (Actionscript 3.0). После этого в верхнем правом углу найдите кнопку Essentials и нажмите на нее, после чего выберите интерфейс дизайнера (Designer). Откройте раздел свойств созданного файла и установите его желаемый размер и цвет фоновой заливки.
2
В панели слоев создайте четыре слоя, на одном из которых будут находиться скрипты, на другом – страницы сайта, на третьем – раздел меню и на четвертом – фон.
3
После того, как слои будут созданы, и вы дадите им имена, нажмите меню File и выберите Import to Stage. В открывшемся проводнике укажите изображение, которое должно стать фоновым, и загрузите его в слой для фоновой картинки.
4
Заблокируйте все слои, кроме слоя для блока меню, чтобы исключить их случайные изменения. В слое меню нажмите в верхней панели на раздел Windows и выберите Components. Кликните на подраздел User Interface и нажмите на вкладку Button дважды, чтобы в вашем меню появилась кнопка.
5
Вручную разместите кнопку в нужном месте страницы и повторите создание кнопок столько раз, сколько нужно – в зависимости от количества пунктов меню. После создания кнопок займитесь их настройкой. Зайдите в панель свойств и измените параметр Instance name на button1.
6
Затем откройте в меню Window и выберите подраздел Component inspector. Введите новый текст для вашей кнопки и ее название. Те же действия проделайте и с остальными кнопками.
7
В панели инструментов выберите инструмент текста и в настройках укажите тип, цвет и размер шрифта. Напишите желаемый заголовок вашего сайта.
8
После этого перейдите на слой для страниц сайта и с помощью инструмента Rectangle нарисуйте нужным цветом с настроенной прозрачностью прямоугольник, который станет текстовым блоком. Затем выделите все слои, зажав клавишу Shift, не трогая слой для скриптов, и щелкните по ним правой кнопкой мыши.
9
Нажмите на подменю Copy Frames и выделите кадры на трех слоях. После этого правой клавишей мыши снова кликните по ним и нажмите Paste Frames. Повторяйте действие, пока количество страниц не достигнет желаемого.
10
Щелкните на первый кадр в слое со страницами и в настройках зайдите на вкладку Label. В строке Name впишите page1. С помощью инструмента текста впишите нужный текст страницы, разместив его на подготовленном в прошлых шагах прямоугольнике – текстовом блоке. То же проделайте с остальными страницами.
11
После этого зайдите на слой для скриптов и нажмите F9 на первом кадре. Откроется редактор скриптов, в котором нужно написать stop(); и нажать пробел, после чего с новой строки вписать функцию, открывающую ту или иную страницу в зависимости от нажатия той или иной кнопки.
12
Для первой кнопки и первой страницы впишите следующую функцию: function button1_clicked (e:MouseEvent):void { gotoAndStop("page1"); }, а для второй - function button2_clicked (e:MouseEvent):void { gotoAndStop("page2"); }. Также добавьте коды к кнопкам. Первой кнопке соответствует код button1.addEventListener (MouseEvent.CLICK, button_clicked1); - меняя цифры, впишите коды ко всем кнопкам. Ваш сайт готов – осталось лишь его опубликовать, нажав в File пункт Publish settings и опубликовав сайт в swf и html.

Совет 2: Как создать эффекты во 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.
Видео по теме
Видео по теме
Источники:
  • как создать флэш сайт
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500