Сайт Льва Волкова
  
Преувеличивая чужие добродетели, мы отдаем дань не столько им, сколько нашим собственным чувствам мы ищем похвал себе, делая вид, что хвалим других. Ф.Ларошфуко
 
      На главную  
 Личное
  Статьи
  Задачи 
 Ссылки
 АТ-531
www.levvol.ru    
 

Волков Л.А.

        УРОКИ PHOTOSHOP: АНИМАЦИЯ

Это один из приемов, который позволяет всего за несколько минут создать анимированное изображение. Полученный gif файл безусловно не фильм Уолта Диснея, но для нас важна идея.

Создадим новый документ (Ctrl+N) в режиме RGB с разрешением 72 ppi (pixels per inch). Размер 200x200 px. Нажмите клавишу D, чтобы выбрать черный цвет переднего плана. Нажмите комбинацию клавиш Alt+BackSpace (<-), чтобы залить фоновый слой черным цыетом.

Далее добавим текст, нажав клавишу T и выбрав в палитре Characters шрифт Tahoma, установив траккинг 400, выбрав цвет символов #00f300, ширину символов 120%. Остальные установки приведены на рисунке. После чего нажмем ОК.

Заполним цифрами текстовый слой.

Растеризуем текстовый слой, в палитре Layers щелкнув правой кнопкой мыши по активному слою с текстом и в появившемся меню выбрав опцию Rasterize Type. Конечно, удобнее каждую строку текста формировать в отдельном слое - будет намного удобнее подогнать их друг к другу. Потом можно все слои с текстом объединить в один (сделав активным верхний слой и несколько раз нажав сочетание клавиш Ctrl E).

Итак, у нас два слоя - фон и текст. Дублируем слой с тектом, перетащив слой к иконке - листочек с загнутым уголком внизу палитры Layers. Сделаем активным верхний слой, слой под ним выключим, щелкнув в палитре Layerd по изображению глаза рядом с ним.

Теперь включим фильтр - верхнее меню <Filter>-> <Other>-><Offset>.В появившемся диалоговом окне установим тип сдвига Wrap Around (Прокрутка). Нас интересует только вертикальное смещение, поэтому Horizontal выставим 0. Так как у нас шесть строк, то будет шесть кадров. За шесть кадров должна пройти вся картинка. Поэтому сдвигать нужно на 1/6 всей высоты, т.е. на 200/6=33 px. Это значение введем в параметр Vertical (ззнак введенного числа определяет направление смещения: минус - вверх, плюс - вниз).

Щелкнем ОК.

Повторим создание кадров. Дублируем этот слой, перетащив слой к иконке - листочек с загнутым уголком внизу палитры Layers. Сделаем активным верхний слой, слой под ним выключим, щелкнув в палитре Layerd по изображению глаза рядом с ним. У нас только два видимых слоя: верхний и нижний - черный фон.

Нажмем сочетание клавиш Ctrl F, чтобы применить фильтр к верхнему слою и т.д. Всего мы должны получить шесть слоев с текстом.

Сделаем видимыми все слои (изображение глаза рядом с кадым слоем). Дублируем самый нижний слой - фон. Перетащим его копию в палитре Layers между нижним тестовым слоем и следующим за ним слое, т.е слои должны чередоваться текстовый слой, слой с фоном и т.д.

Сделаем активным самый верхний текстовый слой. Объединим (сочетание клавиш Ctrl E) его с лежащим ниже слоем фона, следующий тестовый слой, сделав активным, объединим (Ctrl E) с лежащим под ним слоем фонм и т.д.

Ну, а теперь собственно анимация. В верхнем меню возьмем опцию <Window>, в выпавшем меню возьмем опцию Animation. В появившейся палитре щелкнем по изображению треугольника в правом верхнем углу.

В появившемя меню выберем опцию Make Frames from Layers. В палитре Animation в виде кадров все наши слои.

Активен первый кадр. Удерживая клавишу Shift нажатой, щелкнем левой кнопкой мыши по последнему кадру. Щелкнем по нижней части первого кадра, появится меню времени смены кадров. Установим 0.2 секунды.

Еще раз щелкнем по треугольнику в верхней правой части палитры Animation. В выпавшем меню выберем опцию Optimize Animation. В появившемся окне установим две "птички". Нажмем OK.

Сохраним нашу анимацию: <File>-<Save for Web>. Сохранять надо как gif файл. Количество цветов я выбрал равным 3. Объeм файла вышел 19.14kB.