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

Откроем две картинки с готовой анимацией. Я нашла в интернете две забавные анимации.

1-Файл-открыть. Откроем картинку с котенком.

На этой анимации 5 слоев

и время на кадрах 0,4 сек.

2-Теперь откроем еще одну картинку.

Здесь 12 слоев

и время на кадрах 0,2 сек.

Изображение летучей мыши будем вставлять на картинку с котенком.

Но как совместить эти две анимации ? Нужно сделать так, чтобы обе картинки имели одинаковое количество слоев и время на кадрах.

3-Можно убрать несколько кадров у летучей мыши или добавить кадры в анимацию с котенком. Я добавлю кадр картинке с котенком. Кликнуть по четвертому кадру (можно копировать и последний кадр, но с четвертым анимация интересней)

и нажать на значок копирования. Получиться 6 кадров со временем 0,4 сек.

4-Захватить мышкой полученный кадр и поставить его последним.

5-Поставим время каждому кадру 0,2 сек. Для этого нужно выделить все кадры (кликнуть по первому кадру и, нажав и удерживая Shift, кликнуть по последнему кадру). Затем на одном кадре поменять время на 0,2 сек и время поменяется на всех кадрах.

6-Продублируем каждый кадр, чтобы количество кадров на этой картинке совпадало с количеством кадров на картинки с летучей мышью. Кликнуть по первому кадру и нажать на значок копирования. Получится так.

7-Теперь кликнуть по третьему кадру и копировать его.

Получиться 8 кадров.

8-Затем копируем пятый кадр, седьмой, девятый и одиннадцатый.

В итоге получается 12 кадров со временем 0,2 сек.

9-Затем нужно подготовить картинку с летучей мышью: удалить на ней фон. Удаляем фон на каждом слое "волшебным ластиком". Подробнее смотрите, . Картинка должна выглядеть так.

10-Теперь можно переместить анимацию с мышью на картинку с котенком. Как это сделать смотрите подробно в уроке, . Напомню кратко.

Кликнуть по изображению с мышью и в окне слоев выделить все слои. На панели инструментов выбрать инструмент "перемещение" и перетащить изображение мыши на картинку с котенком. В окне слоев переместить выделенные слои наверх. (Пока слои выделены, можно уменьшить изображение мыши до нужного размера.)

Осталось собрать анимацию.

11-В окне анимации кликнуть по первому кадру,

а в окне слоев должны быть включены глазки на первом слое и на шестом.

12-В окне анимации кликнуть по второму кадру,

а в окне слоев включить глазок на седьмом слое и выключить на шестом.

13-В окне анимации кликнуть по третьему кадру, а в окне слоев включить глазок на втором и восьмом слое и выключить на седьмом.

14-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на девятом слое и выключить на восьмом.

15-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазки на третьем слое и десятом и выключить на девятом. И дальше:

16-Окно анимации-шестой кадр, окно слоев-одиннадцатый слой.

17-Окно анимации-седьмой кадр, окно слоев-четвертый и двенадцатый слой.

18-Окно анимации-восьмой кадр, окно слоев-тринадцатый слой.

19-Окно анимации-девятый кадр, окно слоев-пятый и четырнадцатый слой.

20-Окно анимации-десятый кадр, окно слоев-пятнадцатый слой.

21-Окно анимации-одиннадцатый кадр, окно слоев-четвертый (это не ошибка) и шестнадцатый слой.

22-Окно анимации-двенадцатый кадр, окно слоев-семнадцатый слой.

23-Жмем на значок пуска в окне анимации и вот, что получилось.

Доброго времени суток друзья! Как я и обещал в прошлой статье, сегодня я вам расскажу и покажу, с помощью графического .

Как объединить две анимации в одну в Гимп

Шаг 1 . Запускаем редактор GIMP и через меню «Файл – Открыть» открываем первую анимацию (GIF файл).

Сразу же обратите внимание на правую панель «Слои», здесь откроются кадры нашей анимации в виде отельных слоев. Еще раз напомню, что каждый отдельный слой – это отдельный кадр .

Шаг 2. Теперь, когда открыта первая анимация, нам нужно добавить следующую, но перед этим необходимо проверить «Режим» текущей анимации. Для этого переходим во вкладку «Изображение – Режим» и переключаем режим на пункт «RGB».

После этого выделяем верхний слой-кадр в панели «Слоев» и добавляем следующую анимацию через меню «Файл – Открыть как слои»

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

Шаг 3. Если же мы сейчас проиграем анимацию через меню «Фильтры – Анимация – Воспроизведение» , то обнаружим небольшую нестыковку во времени. Первая анимация у нас будет показываться в обычном режиме, а вот вторая проиграется слишком быстро. Дело все в том, что время показа кадра второй анимации в 10 раз меньше чем у первой.

Чтобы это исправить, мы ручками должны увеличить время показа кадра у второй анимации. Для этого, по очереди кликаем по слоям и меняем значение (10ms) на (100ms).

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

Шаг 4. На последнем шаге нам нужно сохранить полученную анимацию в файл. Для этого переходим в меню «Файл – Экспортировать» и из пункта «Выберете тип файла» выбираем «Изображение GIF» , после чего смело жмем кнопку «Экспортировать».

Если у нас отличаются размеры анимации, а они у нас немного отличаются, то вам вылезет следующее предупреждающее сообщение, в котором нужно нажать на кнопку «Обрезать» .

В следующем диалоговом окне ставим «галочку» напротив пункта «Сохранить как анимацию» и нажимаем на кнопку «Экспорт» .

Вот и все! Наша объединенная анимация успешно сохранена и ее можно теперь использовать, например на своем личном сайте или блоге.

На этом урок про то, как объединить две анимации в одну , я завершаю. Желаю вам удачи и хорошего настроения. До скорых встреч друзья на .

P.S. Скоро немного видоизменю шапку своего блога. Там будет красоваться мой портрет в виде небольшого шаржа). Видео записывал поздно ночью, так что просьба не обращать внимание на мой приглушенный голос 🙂

Наверняка все знают о небольших анимированных картинках, иначе говоря о GIF-ках. Пользователи сайта vk.com особенно знакомы с ними, потому что там есть возможность добавлять их в комментариях. Конечно, есть такой вариант, как брать уже готовые изображения. Но не всегда найдешь то что хочешь, и, поэтому я хочу рассказать о сервисах, которые позволяют создать собственные анимированные изображения. При этом от вас не требуется каких-либо супернавыков владения компьютером. В полной новости приводится ряд сервисов, поэтому какой-нибудь из них подойдет и вам!

GIF анимации онлайн

1. Loogix

Чтобы воспользоваться данным сервисом вам необходимо как минимум 3 изображения. Если вам нужна GIF-ка, которая содержит более 3 изображений, тогда вы можете добавить до 10 изображений с помощью ссылки с текстом «Add one more picture». Сервис может создать анимировенное изображение в 5-ти различных скоростях. Также есть возможность добавления эффектов для вашей анимации (например «Размытие»).

Также этот сервис включает еще две возможности для создания анимаций:
• Создание обратных анимаций

2. Picasion

Picasion очень похож внешне на сервис Loogix, но немного отличается. Кроме всего, этот сервис предлагает импортировать изображения с сайта Flickr используя специальный тег изображения (для поиска).

Помимо основного сервиса есть еще три:
• Создание блестящих GIF
• Создание аватарок
• Изменение размера изображения

3. Gickr

Как и два предыдущих сервиса Gickr для создания анимации использует от 3 до 10 изображений. Также этот сервис позволяет не только создавать анимации различных размеров, но и с различными скоростями (до 10 секунд). Присутствует возможность импортировать изображения с сайтом Flickr и Picasa.

4. MakeaGIF

Makeagif представляет собой еще более упрощенный сервис для создания анимаций, чем рассмотренные предыдущие. Почти по центру находится большая кнопка с текстом «add pictures», с помощью которой можно загрузить необходимые изображения. Для того чтобы загрузить сразу несколько изображений необходимо удержить клавишу CTRL и выделять нужные.

Плюс к этому сервису есть еще:
• Создание GIF из роликов Youtube
• GIF-ки с помощью веб-камеры
• Преобразование видео в анимацию GIF

5. GIFMaker.me

Еще один сервис для создания GIF анимаций который поддерживает форматы изображений JPG, PNG и GIF. Всё что нужно для создания анимации сразу видно. Вам лишь нужно загрузить необходимые изображения, а затем, передвигая ползунки, смотреть в окно предпросмотра справа вверху.

6. ImgFlip

Сразу скажу, что при создании анимаций на этом сервисе у вас на GIF-ках будет водяной знак. Чтобы убрать этот знак, нужно иметь аккаунт Pro. А в остальном этот сервис сильно похож на рассмотренные нами выше.

7. GIFPal

Кроме основных возможностей по созданию анимаций, этот сервис позволяет добавлять различные эффекты для GIF-ок: яркость, контрастность и насыщенность.