Июл
06

Как сделать анимацию


Недавно надумал сделать себе баннер для своего сайта, начал искать по интернету: «как сделать анимацию». Нашел много сайтов в которых это описывалось. Перепробовал различные программки которые специально для этого созданы. В некоторых терялось качество изображений, в некоторых совсем непонятно как делать.

Как сделать анимациюТак вот сделал вывод, что самое проще, как для меня, это сделать анимацию в фотошопе. Результат моей работы вы можете увидеть справа на странице сайта. Я конечно не силен в этом, но для начала мне кажется вышло неплохо. Сегодня я решил с вами поделится моим новым умением, которое, я думаю, для вас пригодится. Особенно если у вас есть сайт.

Ну что ж, начнем. Для начала я хотел, что бы вы вспомнили, как мы рисовали в тетради на полях различные мультики. На каждой странице находилось одно движение какого либо предмета. Одно движение это кадр. И после того как мы соединяли все движения, то выходил чудесный и прикольный мультик. Тут все то же самое, только в фотошопе.


Заготовьте кадры вашей анимации. Это можно сделать либо в самом фотошопе, кто умеет пользоваться. Либо в других приложениях, таких как Paint или CorelDraw. После того как вы приготовили кадры можно приступать к созданию самой анимации.

1) Откройте фотошоп и перетяните все ваши кадры(картинки) в него.
Как сделать анимацию
Как видите все картинки сейчас находятся по отдельности как фон, нам нужно их соединить, и сделать слоями.

2) Скопируйте в первый кадр, остальные картинки, с помощью Ctrl+C (копировать), Ctrl+V (вставить). Чтобы остальные кадры были слоями в первом.
Как сделать анимацию

3) Теперь можно начинать создавать анимацию. Нажмите Окно => Анимация. После этого откроется окно анимации внизу экрана.
Как сделать анимацию

4) Как вы видели в окне анимации, первый кадр у вас уже есть, осталось добавить остальные. Для этого сделайте первый слой невидимым, сняв с него глаз
Как сделать анимацию

И добавьте новый кадр при помощи кнопки создание копии выделенных кадров в окне анимации. Вы увидите, что кадр изменился.
Как сделать анимацию

5)Добавьте все кадры: добавляете новый кадр, нажав кнопку создание копии выделенных кадров => делаете видимым тот слой, который нужно добавить в кадр, все остальные невидимыми.
Как сделать анимацию

6) Теперь когда все кадры есть, поставьте время смены кадра, выбрав нужное время.
Как сделать анимацию

7) Теперь можете воспроизвести анимацию, нажав кнопку Запуск воспроизведение анимации
Как сделать анимацию

8 ) Поставьте параметр цикла Навсегда, если хотите чтобы анимация воспроизводилось бесконечно. Если нужно другой параметр, то можете выбрать там же.
Как сделать анимацию
9) Осталось только сохранить анимацию. Нажмите Файл => Сохранить для Web и устройств. Обязательно посмотрите чтобы, анимация сохранилась в формате Gif.
Как сделать анимацию

Строительство и ремонт загородных домов в Подмосковье и СПб — moscowstroi.com

2 комментария к записи: “Как сделать анимацию”

  1. Gerk
    17 января Вт, 2012 at 14:42 | #1

    А если у меня 49 кадров а? %)

  2. Андрей
    24 июля Вт, 2012 at 04:33 | #2

    Здравствуйте! У меня вот такая проблема после выполнения:

    «Осталось только сохранить анимацию. Нажмите Файл => Сохранить для Web и устройств. Обязательно посмотрите чтобы, анимация сохранилась в формате Gif.»

    Все зависает и фотошоп закрывается, столько трудов «для начинающего» и все в 0. Что может быть такое у меня S5 фотошоп

Добавить комментарий

Пишите больше комментариев. Ваше мнение очень важно для меня!