Flash CS4 Image Slideshow

• May 9, 2024

Многие из моих клиентов хотят небольшое слайд-шоу на главной странице своего магазина, блога или веб-сайта. Это может быть слайд-шоу популярных товаров в магазине или последние фотографии, которые они добавили в свой блог.

Это слайд-шоу может быть сделано разными способами, включая JavaScript, GIF-анимацию и Flash^р, Мне нравится использовать Flash, потому что это простой и быстрый способ создания простого слайд-шоу, которое отображает несколько изображений одно за другим. С другой стороны, также легко создать более совершенное слайд-шоу на основе XML с эффектами перехода между изображениями. В следующих нескольких уроках мы создадим слайд-шоу изображений в Flash CS4, начиная с отображения плоского изображения и заканчивая расширенной версией с эффектами перехода.

Для этого урока вам понадобятся только три изображения jpg и Adobe Flash. Лучше, если все изображения имеют одинаковый размер. Мы будем использовать только три для нашего урока, но вы можете использовать столько, сколько пожелаете. Просто помните, что увеличение количества изображений приведет к увеличению времени загрузки вашего Flash SWF-файла.

Откройте Flash CS4, запустите новый проект ActionScript 3 и приступим к работе.

1. Первый шаг - установить размер сцены в соответствии с нашими изображениями. В меню выберите «Изменить - Документ». В диалоговом окне «Свойства документа» введите ширину и высоту в пикселях для ваших изображений. Это подготовит почву для соответствия. Вы также можете изменить цвет фона. Нажмите на маленькое поле цвета и выберите цвет. Возможно, вы захотите соответствовать цвет фона вашей веб-страницы.
   
   Мы будем использовать Кадр 1 на временной шкале для кода Preloader, который мы добавим позже. Итак, сейчас мы начнем создавать слайд-шоу на втором кадре.
   
   Каждое из наших изображений будет отображаться на 100 кадров. Поскольку наша частота кадров в секунду установлена ​​по умолчанию на 24, это даст нам около четырех секунд времени отображения для каждого изображения.
   
   
2. Переименуйте слой 1 в «Фон». На этом же слое щелкните правой кнопкой мыши на Frame 300 (100 кадров x 3 изображения) и добавьте пустую рамку (Insert Frame). Это будет отображать фоновый слой в течение всей анимации.
   
   
3. Добавьте новый слой и назовите его «Image1». Этот слой будет содержать наше первое изображение. Но мы не хотим, чтобы изображение появлялось на сцене до кадра 2. Помните, что кадр 1 будет нашим предварительным загрузчиком. В кадре 2 этого слоя щелкните правой кнопкой мыши и добавьте ключевой кадр.
   
   Теперь мы добавим наше первое изображение.
   
   
4. В меню выберите «Файл - Импорт - Импорт в рабочую область». Это должно разместить наше первое изображение в центре сцены. Чтобы убедиться, что оно выровнено так, как мы хотим, выберите изображение и перейдите на панель «Свойства». Значения положения X и Y должны быть равны 0.0.
   
   Сохраните файл вашего проекта.
   
   

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: adobe flash cs4 tutorial: Creating a slideshow (May 2024).