Як створити сайт на flash
Відео: Як створити сайт в Adobe Flash CS5.
Зміст
Використовуючи технологію 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.
Поділитися в соц мережах:
Схожі