Самые красивые анимационные картинки и аватары для гостевых книг и блогов скачать бесплатно можно здесь

www.krassota.com

 

Создание анимационной картинки с помощью Photoshop

 

 

Нам прислали исходную картинку с просьбой показать, как можно ее анимировать. На ее примере будут показан ряд приемов анимации.

  Исходная картинка

Задача - дверь должна закрываться.

Сложность - авто повернуты зеркально друг к другу

Кадрируем вернее изображение и сохраняем  
  Выделяем всю картинку

В Редактировании выбираем Свободное трансформирование

Далее отразить горизонтально- ок

 

Результат - картинка повернулась  
  Режем нижнее изображение и также сохраняем

Далее самая кропотливая работа - подогнать размеры обеих картинок до одинакового - чтобы автомобили совпадали.

После того, как картинки точно совпадают, отмечаем глазом картинку с закрытой дверью и делаем с нее 2 слоя с помощью клавиш Ctrl-J

На второй Слой копируем изображение картинки с открытой дверью

 
  2 слоя готовы

Открываем Окно/Animation

В появившемся внизу длинном горизонтальном окне, отмечаем 1 файл, внизу выбираем время, далее добавляем 2 файл (обозначение внизу панели этого окна около слева от корзины) и не забываем отметить глазом 2 слой.

Готово!

 
  Открываете Файл и сохраняете для WEB

Опции сохранения выбираете самостоятельно в зависимости от приоритетов: качество или размер.

     
Вот что у нас в результате получилось

 

Кликните на картинку -

чтоб увидеть ее в полный размер

 
     

 

 

Использование материалов сайта разрешается только с письменного разрешения его авторов!


 

 

 
 

Копирование материалов сайта разрешается только с письменного разрешения его авторов!   Разработка сайта KSIV-WebDesign