WEB Анимация



Практикум - часть 3


  • Открываем в Photoshop файл, содержащий несколько слоев, и щелчком на кнопке Jump to (Перейти) или по команде File > Jump to >ImageReady (Файл >Перейти >ImageReady) переключаемся на программу ImageReady. При этом в нее загружается открытый в Photoshop файл.
  • В меню команд палитры Animation (Анимация) выбираем команду Make Frames From Layers (Создать кадры из слоев), что позволяет из каждого отдельного слоя исходного изображения создать свой кадр.
  • Выполняем просмотр анимации с помощью кнопки Play (Воспроизвести).
  • Сохраняем файл как анимационный GIF с выбранными параметрами оптимизации с помощью команды File > Save Optimized (Файл > Сохранить оптимизированный).
  • Рис. 3.21. Слои, преобразованные в кадры в ImageReady

    Упражнение 3.4. Создание анимированной Web-страницы

  • Запускаем ImageReady. По команде File > New (Файл > Новый) создаем изображение размером 640 х 400 пикселов, соответствующее по размеру выбранной фотографии.
  • Выполняем команду File > Place (Файл > Поместить) и в центр изображения вставляем фотографию сфинкса.
  • С помощью ползунка на палитре Layer (Слой) устанавливаем для слоя с фотографией непрозрачность (Opacity) 10%.
  • С помощью кнопки Duplicates current frame (Дублировать текущий кадр) палитры Animation (Анимация) создаем новый кадр, в котором устанавливаем для слоя с фотографией непрозрачность 100%.
  • По команде Tween (Промежуточный) меню палитры Animation (Анимация) открываем одноименное окно и в поле Frames To Add (Число добавляемых кадров) задаем количество промежуточных кадров — 2, устанавливаем флажок параметра Opacity (Непрозрачность) и щелкаем на кнопке ОК.
  • Создадим копию последнего кадра, на которую с помощью инструмента Туре (Текст) добавим к изображению текст приглашения. Автоматически будет создан новый слой с именем текста.
  • Выделив строку текста, с помощью контекстного меню задаем размер (50 рх) и гарнитуру (например, Brush Script). Дополнительное расстояние между буквами задается с помощью команды Tracking (Трекинг) с вводом значения 100). Снимем выделение, щелкнув вне текста.



  • Содержание  Назад  Вперед