Додатку 3

Матеріал з Фізмат Вікіпедії
Версія від 20:57, 8 грудня 2009, створена Senkivb (обговореннявнесок)
(різн.) ← Попередня версія • Поточна версія (різн.) • Новіша версія → (різн.)
Перейти до: навігація, пошук

Практична робота «Створення банера»

Завдання № 1 «Банер для шкільного сайту»

  1. Відкрити програму Macromedia Flash
  2. Поставити розміри сцени 468 * 60. ->Modify -> Document.
  3. F1.png

  4. Намалюйте прямокутник градієнтної заливки з чорною рамкою на весь полотно.
  5. Перейменуйте перший шар в Фон.
  6. Створіть новий шарN l.png і назвіть його Текст1.
  7. У шарі Текст1 клацніть по 1-му кадру і вставте ключовий кадр (клавіша F6).
  8. Ban.png

  9. Візьміть інструмент TextTe a.png і напишіть: «Випускник» (шрифт-Comic Sans MS, розмір-44 і колір - білий)
  10. Розташуйте текст по центру баннера
  11. У шарі Текст1 клацніть по 15-го кадру і вставте ключовий кадр (клавіша F6).
  12. Поверніться в перший кадр шару Текст1 і зменшіть текст за допомогою інструменту TransformTrans.png
  13. Підсвітити будь-який кадр від 1 до 15 і задайте анімацію руху (міняємо Tween на Motion)
  14. Mout.png

  15. Підсвітити 30 кадр і натисніть клавішу F6 для того, щоб текст відразу не зник.
  16. У шарі Фон вставте 30-й кадр (клавіша F5), щоб фон не зникав.
  17. У Вас повинна вийти наступна анімація:
  18. Kad.png

  19. Перегляньте створену анімацію (Enter або Ctrl + Enter)
  20. Створіть новий шарN l.png і назвіть його Текст2.
  21. У шарі Текст2 клацніть по 30-го кадру і вставте ключовий кадр (клавіша F6).
  22. Візьміть інструмент TextTe a.png і напишіть: «12 квітня -» (шрифт-Comic Sans MS, розмір-44 і колір - жовтий)
  23. Розташуйте текст по центру банера (якщо необхідно зробіть невидимим шар Текст1Hid.png)
  24. У шарі Текст2 клацніть по 40-го кадру і вставте ключовий кадр (клавіша F6).
  25. Поверніться у 30-й кадр шару Текст2 і розташуйте текст угорі сцени.
  26. Підсвітити будь-який кадр з 30 по 40 і задайте анімацію руху (міняємо Tween на Motion)
  27. Mout2.png

  28. Підсвітити 55 кадр і натисніть клавішу F6 для того, щоб текст відразу не зникав.
  29. У шарі Фон вставте 55-й кадр (клавіша F5), щоб фон не зникав.
  30. У Вас повинна вийти наступна анімація:
  31. Перегляньте створену анімацію (Enter або Ctrl + Enter)
  32. Створіть новий шарN l.png і назвіть його Школа
  33. У шарі Школа клацніть по 55-го кадру і вставте ключовий кадр (клавіша F6).
  34. Вставте картинку із зображенням школи з папки Банер File -> Import -> Import to Stage ->
  35. Вставлений малюнок зменшіть за допомогою інструменту Trans.png
  36. Виділіть малюнок і перетворення його в символ типу Graphic (клавіша F8)
  37. Розташуйте малюнок у лівому кутку банера.
  38. Bane.png

  39. Виділіть малюнок. На панелі властивостей Properties зі списку Color виберіть Alpha-0%
  40. Alf.png

  41. У шарі Школа клацніть по 65-го кадру і вставте ключовий кадр (клавіша F6).
  42. У 65 кадрі виділіть малюнок і на панелі властивостей Properties зі списку Color виберіть Alpha-100%
  43. Задайте анімацію руху з 55 по 65 кадр шару Школа.
  44. Підсвітити 90 кадр і натисніть клавішу F6 для того, щоб малюнок одразу не зник.
  45. Підсвітити 100 кадр і натисніть клавішу F6. Виділіть малюнок у цьому кадрі і задайте Alpha-0%, щоб фотографія зникла.
  46. Задайте анімацію руху з 90 по 100 кадр шару Школа
  47. Створіть новий шарN l.png і назвіть його Текст3.
  48. У шарі Текст3 клацніть по 55-го кадру і вставте ключовий кадр (клавіша F6).
  49. Візьміть інструмент TextTe a.png і напишіть: «пробний екзамен з математики!» (Шрифт-Comic Sans MS, розмір-25 і колір-білий)
  50. Розташуйте текст в нижній частині баннера
  51. У шарі Текст3 клацніть по 65-го кадру і вставте ключовий кадр (клавіша F6).
  52. У 65-й кадрі шару Текст3 розмістіть текст на сцені.
  53. Підсвітити будь-який кадр від 55 до 65 і задайте анімацію руху (міняємо Tween на Motion)
  54. Підсвітити 90 кадр і натисніть клавішу F6 для того, щоб текст відразу не зник.
  55. У шарі Фон вставте 90-й кадр (клавіша F5), щоб фон не зникав.
  56. У Вас повинна вийти наступна анімація для шарів Школа і Текст3:
  57. Mout3.png

  58. Перегляньте створену анімацію.
  59. Самостійно задайте анімацію появи тексту «Все про екзамени на сайті www.testportal.gov.ua »
  60. У шарі Фон вставте кадр (клавіша F5), щоб фон не зникав
  61. Перегляньте створену анімацію.
  62. Збережіть банер File -> Export -> Export Movie (Файл - номер комп'ютера)
  63. Скопіюйте створений файл на комп'ютер викладача.

Завдання № 2

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

Обов'язкові елементи банера:

  • Єдина кольорова гамма (якщо створюється серія банерів).
  • Рекламний слоган.
  • Візуал, що ілюструє слоган.
  • пояснювальний текст
  • На банері також можуть бути присутніми додаткові елементи оформлення.

Домашня робота

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