Всем привет!
В этой статье я расскажу вам о двух самых простых способах создать анимацию. Скажу сразу: анимация — процесс сам по себе не совсем простой, поэтому понятие «простой способ» весьма условно. Но — попробуем!
Первый способ — сделать анимацию в программе Easy Gif Animator
Если при входе в программу нажать «Создать новую анимацию», откроется окно, в которое нужно добавить файлы изображений, которые станут кадрами. Вот, я добавила два кадра:
Нажимаем «Далее», попадаем в окно, в котором ставим галочку на опции «Воспроизводить анимацию бесконечно» и задаем время, воспроизведения каждого кадра. Я задам 1 секунду и нажму «Далее».
В следующем окне нужно выбрать, как будут центрироваться изображения, если они разного размера. Я выберу «В центре кадра» и нажму «Далее».
Вот и все, анимация готова. Нажимаю «Завершить».
Открывается окно с уже готовой анимацией. В этом окне можно изменить время, если мы передумали. Но я не буду ничего менять, а просто сохраню мою анимацию, нажав на Файл-Сохранить. Выберу место, куда сохранить файл, назову его и нажму «Сохранить».
Получилась вот такая простенькая анимация — то, что нужно для баннера. Кстати, это баннер моей группы ВКонтакте https://vk.com/soul_for_soul
Еще одна классная фишка Easy Gif Animator‘а — создать анимацию из видео. Об этом я расскажу в следующей статье. Заходите на мой сайт, и Вы об этом обязательно узнаете!
Второй способ — сделать анимацию в Photoshop
Для того, чтобы сделать в этом редакторе анимацию, надо в принципе немного его знать. Допустим, вы уже ретушировали свою фотографию или помещали ее в красивую рамку в Фотошопе. Тогда освоить анимацию будет совсем просто.
Основа анимации в том, что Фотошоп работает со слоями. Мы создаем многослойный проект — как бы суммарный кадр, накладываем все слои друг на друга. Я наложу друг на друга два кадра из моей анимации. Открываю оба кадра, нажимаю в каждом «Выделить все», копирую и вставляю в свой суммарный кадр. Новые слои создаются автоматически, а слой «Фон» в моем случае можно удалить. Вот что у меня получилось:
Теперь я могу погасить Слой 2, чтобы увидеть Слой 1. А потом снова его включить. Это я сделаю в анимации. Для того, чтобы ее создать, надо нажать на «Создать анимацию кадра» в нижней части экрана. Затем на «Создание копии выделенных кадров»
Каждое нажатие на эту кнопку — это новая копия. Мне нужно всего два кадра. И обратите внимание — под кадром указано время его воспроизведения. Поставлю на первый кадр 1 секунду, а на второй — 2 секунды. И погашу Слой 2 в первом кадре. Вот так выглядят слои в кадом кадре:
Во втором кадре можно погасить Слой 1, а можно его не трогать — результат один и тот же. Если нажать на кнопку «Воспроизвести», мы увидим нашу анимацию. Выберем опцию «Постоянно», чтобы зациклить воспроизведение.
Чтобы сохранить файл GIF, нажимаем на Файл-Экспортировать-Сохранить для Web.
Надо убедиться, что в окне «Параметры повторов» стояла опция «Постоянно».
Дальше нажимаем на Сохранить, выбираем место, куда положим нашу анимацию и придумываем ей имя.
Вот что получилось:
В Фотошоп намного больше возможностей. Я специально взяла простейший пример, чтобы показать только принцип создания анимации. Что касается эффектов — можно сделать коллаж, добавить рамки, звездочки, цветы и сердечки. Затем размножить кадр и гасить их попеременно. Можно добавить текст, у которого в каждом кадре менять цвет или направление градиентной заливки. Все, что угодно!
Очень классно получится эффект моргания — для этого надо скопировать это же фото на новый слой и аккуратно закрасить открытые глаза при помощи инструментов «Штамп», «Кисть» и «Размытие». Затем, например, две секунды воспроизводить кадр с открытыми глазами и полсекунды — с закрытыми.
Дерзайте и все получится!