Що таке флеш слайд. Створення flash-презентації. Написання скрипта для кнопки


Вступ

Тема створення навчальних презентацій засобами Flash - технологій дуже актуальна.

Переваги використання Flash- презентацій з педагогічної точки зору - в професійних стандартах 3-го покоління кількість навчальних годин, відведених на навчальну та виробничу практику, істотно скоротилося, великий напір робиться на самостійну роботу. Тому для освоєння учнями програм професійних модулів використання Flash- презентацій буде як не можна до речі, тому що будь-який навчально методичний матеріал по тій чи іншій темі програми можна легко перетворити в зручний, компактний, переносимо і платформенно- незалежний формат, що дозволяє зробити більш ефективним процес самопідготовки навчаються. Навчально-методичний матеріал, представлений в такому інтерактивному Flash-форматі, підвищує наочність його уявлення, сприяє активізації навчально-пізнавальної діяльності учнів і більш міцному засвоєнню матеріалу.

Загальні відомості про навчальні презентаціях, створених за коштами Flash-технологій

Flash-презентація - яскравий представник продуктів, створених на основі однієї з найбільш передових програмних рішень від Adobe.

Flash-презентації передбачає можливість додавання:

  • · Розділів, підрозділів, сторінок
  • · каталог продукції
  • · Фотографії, графіки, діаграми та інші зображення
  • · відео
  • · Анімація і спецефекти (в тому числі анімації персонажів)
  • · Анімація персонажів, логотипів та інших елементів
  • · Різні інтерактивні елементи
  • · Звукових ефектів, т до музики і інший голос підтримки
  • · Різних програмних рішень (модулів)
  • · слайд шоу
  • · Та ін.

Всього років двадцять тому процес подання навчальних матеріалів викладачем на уроці в основному зводився до написання викладок і схем на дошці. Звичайно, вже тоді застосовувалися навчальні кінофільми, телеуроки, слайди, графічні матеріали. Однак всі ці наочні і навіть анімовані схеми були готовим продуктом - однаковим для всіх, а авторський матеріал, творчо перероблений учителем, відображався головним чином на дошці. Ця ситуація стала змінюватися з впровадженням комп'ютерної та проекційної техніки. Викладачі почали активно використовувати засоби розробки презентацій, і в першу чергу PowerPoint, для створення власних наочних матеріалів. Тоді ж стали впроваджуватися навчальні мультимедійні матеріали на CD-ROM, які представляли собою складні (в тому числі тривимірні) анімації, відео, звук. Але все ж готові мультимедійні CD-ROM, що створюються професіоналами, перевершували за якістю презентації створювані вчителями, які не володіють засобами розробки анімованого мультимедійного контенту.

Чи не буде особливим перебільшенням сказати, що докорінна зміна стану справ відбулося в зв'язку з ростом популярності в освітньому середовищі такого інструменту, як Macromedia Flash. Внаслідок цього можливості по створенню анімованого наочного контенту силами професіоналів і силами звичайних вчителів студентів і навіть школярів практично зрівнялися.

Flash надає для створення наочних навчальних посібників наступні можливості:

  • · Унікальне поєднання графічного редактора і простого кошти створення озвученої анімації;
  • · Створення автоматичної анімації руху і формозміни без покадровой промальовування і програмування;
  • · Наявність візуального редактора для створення простої анімації в поєднанні з потужним об'єктно-орієнтованою мовою програмування (ActionScript) для створення складних проектів;
  • · Створення Web-контенту і мультимедійних презентацій, навчальних CD-ROM і т.п.

Все це стимулює користувачів на вивчення даного інструментарію і на використання його в самих різних проектах. Поширення Flash не тільки перетворило статичні Web-сторінки в анімовані, не тільки породило хвилю Flash-реклами, створило новий вид субкультури у вигляді аматорської Flash-анімації, а крім того, дозволило активно використовувати Flash в освітньому процесі саме силами вчителів, викладачів, аспірантів і т.п. Багато з них оволоділи Flash і стали створювати авторські презентації. Перша перевага - FLASH-презентація створена на основі останніх розробок в області мультимедіа: технології Flash Shockwave і 3D-графіку. Вона може використовувати різні методи роботи з графікою і звуком. Ще більш яскравим аргументом, чому FLASH-презентація значно сильніше в порівнянні з відео презентацією, є те, що остання легко може включати в себе різні відеофрагменти, але ніяк не навпаки. Таке поєднання різних способів подачі інформації (відео, графіка, звук) дозволяє в максимальному ступені впливати на глядача - потенційного клієнта.

Друга перевага - це можлива інтерактивність FLASH-презентації при показі в Інтернеті. Іншими словами, вона містить інтерактивні елементи, впливаючи на які глядач може змінити сценарій показу. Він може призупинити відтворення і розглянути цікавить його з різних сторін або навіть «залізти» всередину! І такий ролик FLASH-презентації легко можна вставити в сайт візитку, корпоративний сайт або інтернет магазин.

Третя перевага - це більш швидке завантаження Flash ролика в порівнянні з відеороликом.

По суті, FLASH-презентація - це барвистий мультфільм, що розповідає про компанію або будь-який товар. Його можна вставити в сайт або використовувати як самостійний продукт, записавши його на CD, DVD диск або флеш-накопичувач. Але особливо видовищним, правда, і найбільш трудомістким, він буде при використанні технології 3D. Але зате ефект від такої презентації з лишком окупить витрачені кошти. До того ж, FLASH-презентації з використанням технології 3D довгий час залишаться актуальними, так як поки нічого кардинально нового в цій області не передбачається.

Бувають такі види FLASH-презентації:

Подарункове видання - ролик, створений для партнерів, відвідувачів, начальства і т.д. і розповідає про діяльність компанії. Зазвичай створюється до якогось ювілею - як наочний, концентрований показ успіхів і досягнень.

Каталог товарів і послуг - мультимедійний, барвистий показ товарів і послуг компанії з необхідними коментарями, розстановкою акцентів і т.д. Він має набагато сильніший ефект, ніж показ стандартного друкованого каталогу продукції. Використовується персоналом при роботі з клієнтами.

Каталог виставки - мультимедійний показ експонатів і переваг їх використання, розповідь компаніях-виробниках і т.д.

Електронний доповідь? Flash ролик про будь-яку подію, звіт про роботу компанії і т.д. Може використовуватися, як супровід до доповіді, так і самостійно.

Електронна візитка - багато в чому схожа з подарунковим виданням про компанію. Являє собою мультимедійну презентацію фірми.

програмний презентація навчальний технологічний

Косметологія, дизайн і стилістика

Створення Flshпрезентаціі Способи створення презентації у Flsh Створення презентації Основні принципи створення презентації Способи створення презентації у Flsh Створення презентації Введення Презентація грамотно розроблена за допомогою Flsh буде вигідно виділятися серед шаблонних продуктів народжених в інкубаторі Microsoft Power Point. Основні принципи створення презентації Дуже важливо щоб ваша презентація мала цілісний закінчений вигляд. Після створення структури ...

dobe Flash   Томілова Олена Анатоліївна

Лекція 7. Створення Flash-презентації

План.

Основні принципи створення презентації

створення презентації

Основні принципи створення презентації

Способи створення презентації в Flash

створення презентації

Вступ

Презентація, грамотно розроблена за допомогою Flash, буде вигідно виділятися серед шаблонних продуктів, народжених в інкубаторі Microsoft Power Point. Уявіть собі таку ситуацію. Ви приходите на важливе для вас збори і стикаєтеся з наступним: виступав перед вами людина створила свою презентацію з того ж шаблону, що і ви. Вам це, звичайно, неприємно і зовсім не підвищує бойовий дух. Якщо ж ви створите презентацію самі за допомогою Flash, то будете впевнено почувати себе на будь-якому заході. Зараз, як, втім, і раніше, все прагнуть виглядати оригінальними, неповторними, впізнаваними. І в цьому програма Macromedia Flash стане вам вірним помічником. У ній ви зможете замовляти музику, анімацію та додаткові реакції на дії миші, створювати стильний неповторний дизайн і робити багато чого іншого.

Основні принципи створення презентації

  • Дуже важливо, щоб ваша презентація мала цілісний, закінчений вигляд. Продумайте структуру і послідовність слайдів, які повинні точно доповнювати вашу мову. Пам'ятайте, що кількість далеко не завжди визначає якість.
  • Після створення структури займіться опрацюванням загальних елементів дизайну для всіх сторінок-слайдів презентації.
  • Потім переходите до наповнення контентом опрацювання окремих слайдів і програмування реакцій на дії миші за допомогою Action Script.
  • Нарешті, доповніть музичним супроводом окремі елементи презентації. Але не перестарайтеся, пам'ятайте, що воно повинно допомагати, а не заважати вашого виступу.

Особливу увагу приділіть тестування. Не забувайте, що маєте справу не з налагодженими шаблонами, а з живим результатом вашої творчої діяльності.

  • Ось ще кілька порад, які допоможуть утримати інтерес глядачів до вашої презентації.
  • Уникайте густий заповнювання текстом сторінки у вас не урок читання, а презентація, тому замість слів краще помістити ілюстрацію або наочну схему або діаграму.
  • Не слід зовсім відмовлятися від тексту, що пояснює картинки, адже від надмірної кількості складних схем і графіків також можна швидко втомитися.
  • Не перевантажуйте роботу великою кількістю видовищних ефектів, все повинно бути зроблено зі смаком, з почуттям міри і в руслі основної ідеї презентації. Зайва строкатість дратує, і глядачі, вимушені безпорадно спостерігати за хаотичним миготінням перед очима, не зрозуміють, що ж ви їм хочете втовкмачити.

Способи створення презентації в Flash

Презентацію можна робити двома способами.

Спосіб 1.   Взяти за основу стандартну Flash-презентацію. Для цього необхідно відкрити файл шаблона, скориставшись менюФайл Новий (File New), Вибрати в діалоговому вікні вкладкуШаблони (Template)   і поставити галочку навпроти пунктуПрезентації (Контрольний опитування)   (Presentations), а потім віддати перевагу одному із стандартних шаблонів.

Спосіб 2.   Створити свою власну презентацію, починаючи з нуля. Ми підемо іншим шляхом як найбільш цікавим і дозволяє зробити презентацію.

створення презентації

  1. Створіть новий документ.
  2. Налаштуйте його властивості. Для цього на панелівластивості   вкажіть наступні параметри:Частота кадрів (Frame Rate ) - 15 fps (за замовчуванням стоїть 12), виберіть колір фону. Перший (нижній) шар, службовець «фоном», матиме дизайн, загальний для всієї послідовності слайдів.

  1. Для того, щоб Вам було зручніше працювати включите лінійкиПерегляд Лінійки (View Rulers) і сітку Перегляд Сітка Показати сітку(View Grid Show Grid ). Ці елементи потрібні для точного розміщення об'єктів на робочому полі.

  1. Додайте новий шар іінструментом Текст   напишіть слова «літо » . Це буде в майбутньому кнопка.
  2. Додайте ще шари і напишіть на них назву ваших кнопок.
  3. Зробіть так, щоб текст на сцені з'являлися не відразу, а поступово. Для цього перекажіть текст в символ. Стоячи в першому ключовому кадрі другого шару (літо ) Виділіть текст і натиснітьF 8.

  1. Створіть анімацію руху.

  1. Виділіть 15 кадр і перетворити в клавіатуру (F 6 ). Поверніться в 1 ключовий кадр, виділітьСимвол Введення і на панелі Властивості виберіть Колір (Color) Альфа (Alpha).

  1. Виділіть 60 кадр і перетворити в клавіатуру (F 6).
  2. На 3 шарі (Осінь) зробіть так, щоб кнопкаосінь з'являлася вже починаючи з 15-го кадру, відразу після кнопкиЛіто.

  1. Зробіть все решта кнопки і фон на всі кадри, для цього виділіть на шаріфон 60 кадр і перетворити в клавіатуру (F 6).
  2. Титульна сторінка, у нас ніби як вимальовується. Але крім титульної сторінки (в подальшому, будемо називати їх сценами) в проекті повинні бути ще уроки. Створіть окрему сцену для урокуЛіто.
  3. Відкрийте панель Сцена (Scene) , Для цього виберете пункт менюВікно Інші панелі Сцена (Modify Scene)   або натисніть комбінацію клавішShift + F2.
  4. Відкриється панель зі сценами, в якій поки одна єдина сценаСцена 1 (Scene 1) , Перейменуйте її вТитульна . Для цього двічі клацніть по її назві в списку і введіть ім'я.
  5. Для зручності навігації зовні все сцени повинні бути схожі, тобто на кожній сцені один і той же меню навігації. Щоб знову все не малювати зробіть копію нашої поточної сцени: натисніть кнопкуДублювати сцену (Duplicate Scene)внизу панелі Сцена (Scene)   і назвіть нову сценуЛіто.

  1. Зробіть зміни в сценіЛіто.   Видаліть анімацію кнопок. Для цього виділіть всі кадри, виключаючи останній: потрібно клацнути по передостаннього кадру на самому нижньому шарі; потім, натиснути клавішуShift   і утримувати її. Після чого клацнути по першому кадру самого верхнього шару (таким чином виділитися діапазон). Далі, клацніть правою кнопкою миші по виділеній області. Виберіть в меню пунктВидалити кадри (Remove Frames).

  1. Додайте новий шар Фото, вставте картинку.
  2. Ми з вами до цього уроку робили самі анімацію. Не тільки ми спантеличені проблемою винаходи цікавих анімаційних ефектів, розробникиFlash також постійно розмірковують над тим, як урізноманітнити автоматичні функції створення ефектів. І в досліджуваної нами останньої версії програмиMacromedia Flash   MX 2004 вони значно в цьому просунулися, створивши цілу вкладкуЕфекти часової шкали   (Timeline Effects ), Яка відкривається при виборі менюВставити (Insert ). Вкладка містить три підпункти:Помічники (Assistants), Ефекти (Effects ), Перетворення / Перехід (Transform / Transition).
  3. Додамо ефект Розумієте (Blur ) До вставленої картинці.

У діалоговому вікні Blur (Розмиття) налаштуйте параметри у ефекту наступним чином:

  • тривалість ефекту   (Effect duration in frames) позначає, скільки кадрів триватиме ефект. Задайте 20 фреймів.
  • Дозвіл   (Resolution) визначає число кроків, за які буде здійснюватися ефект. Встановіть кількість переходів рівним 10.
  • масштаб   (Scale) задає розмір базового об'єкта в порівнянні з тими об'єктами, які використовуються для привнесення ефекту розмиття. Значення, менші 1, вказують на те, що базовий об'єкт буде менше похідних від нього, а більше 1, природно, навпаки допоміжні «розмиття» будуть менше розмиває об'єкта. Задайте це значення рівним 0,25.
  • Дозволити розмиття по горизонталі   (Allow horizontal blur) дозволяє виробляти розмиття по горизонталі. Залиште даний прапорець включеним.
  • Дозволити розмиття по вертикалі(Allow vertical blur) по аналогії з попереднім пунктом дозволяє «розмивати» об'єкт по вертикалі. Нехай цей пункт також буде активний.
  • Напрямок руху   (Direction of Movement) дозволяє вибрати одну з стрілок, що вказують на напрям, за яким буде здійснюватися розмиття. Виберіть центральний пункт, який означає, що рух буде проводитися відразу в усіх напрямках.

Натисніть OK ефект готовий.

  1. Інтерактивність презентації створюється за допомогою наборів команд (Actions ), Які спрацьовують при строго певних подіях (event ). Подією може бути, наприклад, момент, коли програється будь-якої кадр, або коли натискається кнопка миші або клавіатури.
  2. Додайте команду зупинити сцену в останньому кадрі в сценітитульний:
    1. Перейдіть на сценуТитульний.
    2. Створіть новий шар і назвіть йогоActions.
    3. Перейдіть на останній кадр шаруActions.
    4. Створіть в ньому порожній кадр.

  1. Розкриємо панель Actions : Виберемо пункт менюВікно Дії (Window Actions)   або натиснемо клавішуF9.
    1. Зліва, в списку дій виберітьГлобальні функції(Global functions ) Елементи управління (Timeline Control) stop (Два рази клацнувши по дії "stop ").

  1. В шарі Actions   в останньому кадрі на шкалі часу з'явиться маленька букваа . Вона означає, що в цьому кадрі є дії.
  2. Цю ж процедуру потрібно буде виконати і для інших сцен.
  3. Далі, потрібно, нарешті, змусити кнопки працювати:
    1. Поверніться на сценуТитульний.
    2. Виберіть на шаріліто   в останньому кадрі символЛіто.
    3. В панелі Властивості поміняємо тип об'єкта зГрафіка (Graphic) на Кнопка (Button).
    4. Нижче потрібно задати ім'якнопка Літо   для копії символу.

  1. Далі, розкрийте панельActions.
    1. Виберіть діюЗасоби управління фрагментами Роїк (Movie Clip Control) - on (release) (gotoAndPlay ( "Літо", 1);

  1. Кнопка готова.
  2. Налаштуйте все кнопки на сценах так, щоб з будь-якої сцени можна було перейти на будь-яку іншу.

Завдання.

Створіть презентацію на вільну тему. Кількість сцен - не менше 3.

Надішліть в архіві.

PAGE 5


А також інші роботи, які можуть Вас зацікавити
23337. створення звітів 434.5 KB
  Завдання на лабораторну роботу: Визначте структуру звіту. Створити і виконати стандартний звіт. На основі стандартного звіту створити складний звіт. Запустити звіт.
23338. проектування етикеток 124.5 KB
  Завдання на лабораторну роботу: Визначте структуру етикетки: база даних для етикетки; назва етикетки; порядок розміщення полів в етикетці; порядок розміщення етикеток на аркуші; розмір етикеток.
23339. Проектування екранних форм 371.5 KB
  Виконайте конструювання екранної форми. Створіть на екранній формі кнопки: навігації в базі даних; додавання нового запису; закриття екранної форми. Створіть в екранній формі поле редагування поле для введення зі списком селекторні кнопки або контрольні індикатори. Збережіть середу створеної екранної форми.
23340. створення макросів 107.5 KB
  Завдання на лабораторну роботу: Вивчіть правила запису макросів на прикладах стандартних макрокоманд F2F9. Створіть свої макроси для виконання наступних робіт: відкрити потрібні бази даних; видалити бази даних; встановити відносини між базами даних; модифікувати звіт; виконати запит; Збережіть створений набір макрокоманд в файлі. Звіт з лабораторної роботи: Діалогове вікно макрокоманд: Визначення клавіші макрокоманди автоматизоване формування: Визначення клавіші макрокоманди запис вручну: Відкрити таблицю ...
23341. Генератор прикладних програм 290 KB
Завдання на лабораторну роботу: Перед початком роботи створити окремий каталог для файлів програми. Виконайте генерацію стандартного додатка створюючи або вказуючи базу даних на кроці 1. Перевірте роботу стандартного додатка: стандартний екран форма введення кнопки управління; меню стандартного додатка. Звіт з лабораторної роботи: Проектування програми: Результат роботи генератора: Результат роботи кнопки New Knopka ввести новий запис: Контрольні питання: Структурні елементи стандартного додатка.
23342. Інтегрована середа FoxPro 49 KB
  Лабораторна робота №1: Інтегрована середа FoxPro. Мета роботи: знайомство з можливостями середовища СУБД FoxPro for Windows. Завдання: Створіть на диску Х: каталог під ім'ям FOXPRO для зберігання прикладів. Увійдіть в середу FoxPro.
23343. Створення структури бази даних в СУБД FoxPro 118.5 KB
  Лабораторна робота №2: Створення структури бази даних в СУБД FoxPro З дисципліни: Бази даних. Цілі роботи: вивчити типи даних FoxPro; навчитися створювати структуру бази даних; заповнити таблиці даними. Завдання: Створіть структуру бази даних у відповідності з вашою темою расчетнографіческого завдання. Вивчіть можливості середовища СУБД FoxPro for Windows для створення структури бази даних.
23344. Сортування і індексування баз даних 87 KB
  Лабораторна робота №3: \u200b\u200bСортування і індексування баз даних З дисципліни: Бази даних. Завдання: Виконайте сортування по одному полю бази даних містить не менше 15 записів. Повторіть сортування для полів містять різні типи даних. Перегляньте результат сортування в новій базі даних.
23345. рогнозірованіе періодичності технічного обслуговування (міжремонтний циклу tM) для ансамблю однотипних мащін 44 KB
16 ТМ 93 98 102 Дані для розрахунків: Варіанти 1 2 3 tk час вимірювання вихідного параметра годину 10 10 10 up граничне значення 100 150 200 u1 виміряні значення 9.5 155 21 u2 виміряні значення 12 165 19 u3 виміряні значення 11 14 23 u4 виміряні значення 105 145 22 u5 виміряні значення 85 15 17 u6 виміряні значення 9 15 20 u7 виміряні значення 95 135 21 u8 виміряні значення 10 157 15 u9 виміряні значення 105 153 24 u10 виміряні значення 95 15 18.

Здрастуйте дорогі відвідувачі. Вам напевно не раз доводилося створювати презентації в програмі PowerPoint, не має значення, для навчання або роботи, але з PowerPoint ви, швидше за все працювали, і знаєте, що це за програма. Сьогодні я хочу написати статтю, в якій розповім вам про те, як можна конвертувати створену презентацію в Flash формат. Зроблю огляд хорошою програми iSpring Pro, За допомогою якої ми і будемо конвертувати презентацію PowerPoint в формат Flash (.swf).

Що-б завантажити пробну версію, потрібно зареєструватися. Вводимо свої дані і натискаємо "Продовжити".

З'явиться сторінка, на якій натисніть на кнопку "Завантажити", та відразу почнеться завантаження програми, вам потрібно буде тільки вибрати, зберегти інсталяційний файл, або ж відразу запустити. Я раджу запустити, відразу після завантаження почнеться установка.

Ще на цій сторінці є реєстраційне ім'я і ліцензійний ключ, їм потрібно буде активувати пробну версію програми. Тому поки не закривайте цю сторінку, а якщо закриєте, то дані для активації ще були відправлені на вашу електронну пошту.

Якщо програма вже завантажилася, то можна приступити до установки. Після запуску інсталятора якщо він сам не запустився.

Встановіть галочку навпроти "Я приймаю ліцензійну угоду"   і натисніть "Далі".

Все готово, натискаємо "Встановити".

Коли програма iSpring Pro встановиться, натисніть "Готово".

Всі установка програми закінчена.

Робота з програмою iSpring Pro

Як я вже писав, iSpring Pro інтегрується в PowerPoint. Запустивши iSpring Pro, ви побачите тільки кнопку "Запустити PowerPoint".

Запускаємо PowerPoint, не має значення яким способом, і ми бачимо, що на панелі інструментів з'явилася нова вкладка під назвою "iSpring Pro". Натиснувши на неї, відкриється ряд інструментів, з якими потрібно працювати для створення і конвертації презентації в Flash формат.

Має з'явитися повідомлення, що пробний період закінчиться через 30 днів.

Давайте зараз пройдемося по вкладках і я коротко опишу інструменти.

  - ну тут все зрозуміло. Довідка, оновлення програми, про програму і активація.

  - дуже корисні інструменти знаходяться на цій вкладці. Ви можете вставляти в вашу презентацію відео з YouTube, флеш (.swf) ролики, і веб-об'єкти. iSpring Pro дозволяє вставляти YouTube-відео прямо на слайд вашої презентації.

Я відкрив для прикладу презентацію, що б показати вам, як зберегти її в Flash формат.

Наша презентація вже готова, ми просто натискаємо на кнопку "Опублікувати". Відкриється вікно, в якому вже можна вибрати спосіб збереження, формат, налаштувати плеєр і т. Д.

Як ви бачите, можна вибрати спосіб збереження: WEB, записати на CD, iSpring Online і СДО. Потім потрібно вибрати, куди зберігати презентацію, комп'ютер, FTP, або Email. Можна вибрати публікацію всіх слайдів, або тільки виділених. Ви можете вибрати і налаштувати шаблон плеєра для перегляду презентації.

Ну і в "Режим конвертації", Вибираємо потрібний нам формат. Все дуже просто і функціонально. Після того, як внесете всі настройки, натисніть кнопку "Опублікувати".

Після конвертації запуститься вікно для перегляду презентації та папка, в яку ми зберігали презентацію.

Ось і все готово. Ми тільки що за кілька хвилин створили презентацію і конвертували її в.swf формат. Працювати з iSpring Pro приємно, хороший і продуманий інтерфейс, багато можливостей, інтеграція в PowerPoint, все це заслуговує на увагу.

Якщо у вас з'являтися питання, то задавайте їх у коментарях, розберемося. Успіхів!

Вчимося робити гри, презентації і т.д. у Flash "е

Що про що?

Не сумніваюся, Ви напевно бачили безліч банерів (анімованих рекламок), Flash-ігор на просторах інтернету. Як не складно здогадатися, все це робиться в програмі Flash

Що потрібно:

  • бажання
  • Прямі руки
  • Сам Flash (починаючи від 6 "ой версії)

основи

Загальна термінологія

Нижче наведена таблиця, що забезпечує розуміння термінів, які будуть використані далі.

термін Назва в редакторі опис
Фрейм / Кадр Frame Це просто кадр. Кадри поділяються на ключові (Key frame) і звичайні.
ключовий кадр Key frame Кадр, що містить будь-яке зображення або об'єкти. З послідовності ключових кадрів і складається анімація.
тимчасова шкала Time scale Панель, що знаходиться зверху *. Містить всі кадри документа.
Панель інструментів Tools Панель, що знаходиться зліва. Містить інструменти для малювання і виділення.
панель дій Actions Панель, що знаходиться внизу. Містить редактор коду на Action Script.
панель параметрів Properties & Parameters Панель, що знаходиться внизу, під панеллю дій. Містить властивості виділеного об'єкта або документа в цілому.
Скрипт / Екшен скрипт Action Script Мова програмування Flash роликів. Необхідний для ігор і додатків. Так само використовується для управління ходом презентації.
робоче поле Поле, що знаходиться по-центру документа, при його відкритті. Має прямокутну форму і колір фону, обраного на панелі параметрів. Визначає видиму область документа під час показу.
попередній Preview Режим налагодження документа, необхідний для перегляду "того, що вийшло" і пошуку помилок. Викликається після натискання клавіш Ctrl + Enter

інтерфейс

Наочний показ перерахованого в таблиці.

Створення нового проекту

  • послідовність:
  1. Файл (File) -\u003e
  2. Новий (New Flash Document)
  3. Відразу його збережемо під яким-небудь ім'ям: для збереження виконайте поєднання клавіш Ctrl + S ( завжди зберігайте файл, при внесенні важливих змін, так само рекомендується зберігати резервні копії)

проект створений

створення анімації

  • Для початку створимо новий проект.
    • Тепер розберемо простий приклад створення покадрової анімації:
  1. виберіть інструмент "Пензель" (Brush);
  2. намалюйте що-небудь в центрі робочого поля;
  3. натисніть клавішу F6 для створення нового ключового кадру. Новий кадр з'явиться на часовій шкалі, і Ви автоматично переміститеся на нього;
  4. як бачите, на новому кадрі нічого не змінилося. Виберіть інструмент виділення "Selection Tool";
  5. виділіть інструментом намальований Вами об'єкт, а потім, затиснувши ліву кнопку миші, перемістіть його на невелику відстань від початкового положення;
  6. повторіть кроки 3, 4, і 6, поки не будете задоволені результатом;
  7. тепер, щоб побачити виконану роботу, влаштуйте перегляд, виконавши поєднання клавіш Ctrl + Enter;
  8. спостерігайте :)

висновок: анімація - просто послідовність ключових кадрів, вони легко створюються і легко редагуються. Не обов'язково переміщати малюнок, Ви так само можете змінювати його, тобто домальовувати що-небудь ще, прати, змінювати форму, колір і т.д. Вміст будь-якого кадру повністю у Вашому розпорядженні ...   Увага! Ваш мультик обмежується лише Вашою фантазією!

Написання скрипта для кадру

  • Напевно, Ви помітили, що при перегляді мультика, коли анімація доходить до останнього кадру, то все починається спочатку? Це відбувається тому, що за стандартом на останньому кадрі немає команди "зупинитися". Так напишемо її:
  1. перейдіть на останній кадр, клацнувши по ньому мишкою (на часовій шкалі);
  2. тепер натисніть на панель дій, щоб вона розкрилася;
  3. напишіть:   stop ();   - це змусить анімацію зупинитися на останньому кадрі;
  4. перевірте це, запустивши попередній перегляд.

Про "скриптах в кадрах": команди, написані таким чином, будуть спрацьовувати тільки під час переходу на кадр, в якому вони містяться.

створення кнопки

  • Намалюємо в центрі робочого поля що-небудь пензлем:
  1. на панелі інструментів (зліва) виберіть "Кисть" (Brush);
  2. в центрі робочого поля намалюйте що-небудь кнопкообразное.
  • Тепер перетворимо вийшов малюнок в кнопку:
  1. виділіть свій малюнок;
  2. натисніть F8;
  3. в віконці виберіть "Кнопка" (Button);
  4. натисніть "ОК".

Кнопка створена!

Написання скрипта для кнопки

  • Скрипт будемо призначати на кнопку (про те, як створити нову сторінку, написано вище):
  1. виділіть Вашу кнопку (навколо неї повинна з'явитися синя рамочка);
  2. зайдіть в панель дій;
  3. в поле введення тексту введіть:
  • Розберемо, що тут написано:
    •   on (press) // при натисканні на кнопку (press в дужках позначає, що дія почнеться в той момент, коли на кнопку натиснуть. Але є й безліч інших подій, наприклад, release - якщо поставити його замість press, то дії почнуться, коли кнопку натиснуть, а потім відпустять, тобто при відпуску);
    • { // відкриває дужка позначає початок списку дій;
    •   stop (); // зупинити відтворення (якби ми хотіли, навпаки, продовжити відтворення, то замість   stop ();   написали б   play ();)
    • } // закриття списку дій.

В результаті, при натисканні на кнопку, відтворення анімації зупиняється на поточному кадрі.

Перелік основних команд (дій) для управління відтворенням

Створення інтерактивної презентації

Створення управління відтворенням

Створення панелі навігації для презентації або мультика

  • Для роботи нам знадобляться:
    • кнопка "промотали вперед";
    • кнопка "Пауза";
    • кнопка "Наступний кадр";
    • кнопка "Попередній кадр".

Де їх взяти? Ніде. Будемо робити самі - Ви і я.

Хід роботи

  1. Намалюйте кілька об'єктів.
  2. Перетворіть кожен об'єкт в кнопку, як це було описано вище.
  3. На кожну кнопку призначте свою дію (скрипт) за зразком.
  4. Для кнопок "Наступний кадр" і "Попередній кадр" додайте наступні дії: nextFrame ();   (Для кнопки "Наступний кадр") і prevFrame ();   (Для кнопки "Попередній кадр")

Перенесення панелі на окремий шар

Якщо анімації або кадрів презентації ще немає

Для зручності:

Блокування шару

  1. натисніть на кнопку "Блокування шару", як показано на малюнку;
  2. додайте новий шар. На ньому буде розміщуватися анімація або слайди Вашої презентації;
  3. на часовій шкалі натисніть на перший кадр нового шару, щоб перейти на нього.

Якщо Ви вже створили свою презентацію або анімацію

  1. Виділіть всю Вашу панель з кнопками управління.
  2. Виконайте поєднання клавіш Ctrl + X (щоб вирізати панель для подальшої вставки).
  3. На часовій шкалі натисніть на перший кадр нового шару, щоб перейти на нього.
  4. Додайте новий шар. На ньому буде розміщуватися панель управління.
  5. Перейдіть на перший кадр нового шару.
  6. Виконайте поєднання клавіш Ctrl + V (щоб вставити панель на новий шар).
  7. Тепер перегорніть кадри на часовій шкалі до останнього кадру анімації / презентації.
  8. Виберіть на тій же позиції кадр нового шару (як на малюнку) і натисніть F6.

Створення flash презентацій   за ціною від 30 000 р, як і будь-яка інша рекламна акція, в кінцевому підсумку створюється для інформування своїх потенційних клієнтів про послуги, що надаються компанією, і для отримання прибутку. Вона безпосередньо залежить від витрат. Традиційна реклама - дуже дороге і витратна задоволення без гарантії ефективності, тому сьогодні в традиційному маркетингу все більш значуще місце займають електронні або комп'ютерні візуалізації.

Недорога мультимедійна розробка дає найефективніші результати. У порівнянні з традиційною, що розміщується на інформаційних майданчиках, вона - дуже демократичний спосіб просування свого товару на ринку, так як доступний практично кожному. Це - дуже вигідна і зручна форма; і разом з тим, професійно виконані роботи - наприклад, дизайн слайд-шоу - може стати вирішальним аргументом у конкурентній боротьбі за провідне місце на ринку. Вона працює на імідж фірми і просування її бренду. Це відбувається тоді, коли вдалі розробки стають візитною карткою організації або проекту, а також коли вона прикрашає участь замовника у виставках, даючи додаткові можливості переконання клієнтів.

Це - захоплюючий творчий процес, в якому, як уже зазначалося вище, може активно брати участь сам клієнт, однак для того, щоб її виготовлення закінчилася народженням вдалого продукту, необхідна допомога професіонала. Щоб переконати вас у цьому, ми пропонуємо вам ознайомитися з нашим портфоліо, що дозволить переглянути приклади, розроблені членами нашої команди.

Мультимедійні 3D візуалізації і слайд-шоу

Створення інтерактивної флеш презентації - складний технологічний процес, але тим і гарні комп'ютерні технології, що при відносно низькій собівартості вони дають великі можливості для слайд шоу. Раніше виготовлення альбомів для реклами було дорогим задоволенням з вельми обмеженими здібностями. В останні роки серйозною підмогою стала 3d візуалізація.

Основні аргументи на її користь:

  • Це важливий і відповідальний момент в справі просування свого продукту або послуги на ринку.
  • Слайд-шоу, який рекламує вашу компанію, продукт або послугу, зближує вас з вашим потенційним партнером або покупцем.
  • Дозволяє вам бути сучасними і прогресивними.
  • Можна один раз її зробити, а потім перетворити його в літопис компанії, на якому базуватиметься її історія.

Приклади робіт, виконаних нашою студією, дивіться в Портфоліо.