Слайд-шоу зображення CS4

• Може 5, 2024

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

Це слайд-шоу можна зробити різними способами, включаючи JavaScript, анімацію gif та Flash^R. Мені подобається використовувати Flash, тому що це простий і швидкий спосіб створити просте слайд-шоу, яке відображає кілька зображень одне за одним. З іншого боку, також легко створити більш просунуте слайд-шоу на основі XML з ефектами переходу між зображеннями. У наступних кількох навчальних посібниках ми побудуємо слайд-шоу із зображеннями у Flash CS4, починаючи з площинного відображення зображення та будуючи до розширеної версії з ефектами переходу.

У цьому підручнику вам знадобляться лише три jpg-зображення та Adobe Flash. Краще, якщо зображення будуть однакового розміру. Ми будемо використовувати лише три для нашого підручника, але ви можете використовувати скільки завгодно. Просто пам’ятайте, що більше зображень призведе до збільшення часу завантаження файлу Flash SWF.

Відкрийте Flash CS4, запустіть новий проект ActionScript 3 і приступайте до роботи.

1. Перший крок - встановити сцену такого ж розміру, як і наші зображення. У меню «Менюбар» натисніть «Змінити - документ». У діалоговому вікні "Властивості документа" введіть ширину та висоту в пікселях для своїх зображень. Це дозволить встановити відповідність. Ви також можете змінити колір тла. Клацніть на невеликому кольоровому полі і виберіть колір. Можливо, ви хочете відповідати кольору фону веб-сторінки.
   
   Ми будемо використовувати кадр 1 на часовій шкалі для коду попереднього завантаження, який ми додамо пізніше. Тож поки що ми почнемо будувати наше слайд-шоу на Frame 2.
   
   Кожне наше зображення відображатиметься на 100 кадрів. Оскільки Frames per Second встановлено на 24 за замовчуванням, це дасть нам приблизно чотири секунди часу для кожного зображення.
   
   
2. Перейменуйте шар 1 на "Фон". На цьому ж шарі клацніть правою кнопкою миші рамку 300 (100 кадрів х 3 зображення) та додайте порожній кадр (Вставити кадр). Це відобразить фоновий шар протягом усієї анімації.
   
   
3. Додайте новий шар і назвіть його "Image1". Цей шар буде містити наше перше зображення. Але ми не хочемо, щоб зображення з’являлося на сцені до Frame 2. Пам'ятайте, що Frame 1 буде нашим попередньою програмою завантаження. На кадрі 2 цього шару клацніть правою кнопкою миші та додайте ключовий кадр.
   
   Тепер ми додамо наше перше зображення.
   
   
4. У меню "Менубар" натисніть "Файл - імпорт - імпорт до етапу". Це повинно розмістити наше перше зображення, зосереджене на сцені. Щоб переконатися, що вона вирівняна так, як ми хочемо, виберіть зображення та перейдіть на панель Властивості. Значення позицій X і Y повинні бути встановлені на 0,0.
   
   Збережіть файл свого проекту.
   
   

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe перевидано з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Редактируем фото в Фотошоп,для слайд шоу (Може 2024).