Как вставить анимацию в другую анимацию в фотошопе? Почти также, как и на простую картинку. Только в данном случае нужно обратить внимание на количество слоев картинок с анимацией и на время кадров. Итак, из двух картинок с готовой анимацией создадим одну.
Откроем две картинки с анимацией, и посмотрим, сколько у каждой слоев и какое время проставлено на каждом кадре.
1-Файл открыть.
В окне слоев у этой картинки 4 слоя,
а в окне анимации время на кадрах 0,15.
Теперь откроем вторую картинку, которую будем вставлять в первую.Это картинка бабочки без фона.
Здесь тоже 4 слоя
и время на кадрах такое же.
Значит перенести анимацию будет очень просто.
2-Кликнуть по картинке с бабочкой и, в окне слоев, выделить все слои. (Нажать на клавиатуре Ctrl и, удерживая, кликнуть по каждому слою в окне слоев или, нажав на Shift, кликнуть по верхнему слою).
3-Выбрать на панели инструментов "перемещение" и перетащить бабочку на первую картинку.
Бабочка оказалась великовата, нужно ее уменьшить.
4-Редактирование-свободное трансформирование.
Уменьшить бабочку до 80%
Нажать на панели параметров "применить".
5-В окне слоев переместить выделенные слои наверх, если в окне слоев будет так.
Кликнуть левой кнопкой мыши по слоям и, не отпуская ее, переместить слои вверх.
Затем кликнуть по любому слою, чтобы активный был только один слой.
6-В окне анимации выделить первый кадр, кликнув по нему,
в окне слоев глазки должны быть только на нижнем слое и на слое 5.
7- В окне анимации выделить второй кадр,
в окне слоев глазок сам перескочит на второй слой, а на слое 6 нужно включить глазок и выключить на слое 5.
8- В окне анимации выделить третий кадр,
в окне слоев включить глазок на слое 7 и выключить на слое 6.
7- в окне анимации выделить четвертый кадр,
а в окне слоев включить глазок на верхнем слое и выключить на слое 7.
9- Нажать на пуск в окне анимации и смотреть что получилось.
10- Файл сохранить для Web и устройств в формате Gif.
Как перенести анимацию на простую картинку смотрите здесь. Следующие уроки будут о том, как убрать фон на анимации и, как вставить анимацию в анимацию в фотошопе с разным количеством слоев и разным временем на кадрах.
Способ 1: Easy GIF Animator
В первую очередь предлагаем ознакомиться с профильным программным обеспечением, которое специально было создано для работы над GIF-анимациями. Его функциональность позволяет добавить неограниченное количество кадров к уже готовому проекту, что и делает возможным вставку одной гифки в другую в качестве продолжения.
Скачать Easy GIF Animator
- Программа Easy GIF Animator распространяется платно, но разработчики предоставляют триальную версию сроком на месяц без каких-либо ограничений, а это значит, что вы можете загрузить ее с официального сайта протестировать, щелкнув по соответствующей кнопке при первом запуске.
- В меню начала работы нажмите по пункту «Открыть существующую» для добавления первой анимации.
- В появившемся окне «Проводника» отыщите необходимый файл и кликните по нему дважды для открытия.
- Дождитесь полной загрузки рабочего пространства, в котором перейдите на вкладку «Кадры».
- Там вас интересует инструмент «Вставить кадр».
- Снова отобразится «Проводник», где найдите вторую гифку для вставки и точно так же откройте ее.
- При появлении уведомления о добавлении новых кадров отметьте маркером вариант «Добавить все кадры».
- Через список кадров убедитесь, что склейка прошла успешно.
- По необходимости используйте вспомогательные инструменты, если требуется внести коррективы в проект перед его сохранением.
- Как только работа над гифкой завершена, в той же вкладке «Кадры» щелкните по кнопке «Экспорт выбранных».
- Задайте новое имя для файла GIF и укажите место на компьютере, где хотите его сохранить.
- Вернитесь к «Проводнику» и воспроизведите новую анимацию любым удобным методом, чтобы удостовериться в правильности ее создания.
Среди доступных в Easy GIF Animator возможностей есть огромное количество самых разных инструментов, которые окажутся полезными при ручном создании или редактировании готовой GIF-анимации, даже если ее не нужно соединять с другим файлом.
Способ 2: Adobe Photoshop
Известно, что графический редактор Adobe Photoshop поддерживает создание GIF из добавленных кадров. Еще в его функциональность входят инструменты, предназначенные для редактирования таких анимаций, которые можно использовать при соединении нескольких файлов в один, что осуществляется следующим образом:
Скачать Adobe Photoshop
- Запустите Adobe Photoshop, разверните выпадающее меню «Файл» и выберите пункт «Открыть». Его можно вызывать и через стандартное сочетание клавиш Ctrl + O.
- Появится окно открытия, где найдите первую гифку и дважды кликните по ней для добавления.
- Пока еще редактирование начинать нельзя, поскольку отсутствует шкала времени. Добавьте ее через выпадающее меню «Окно», отметив галочкой соответствующий пункт.
- Удостоверьтесь в том, что каждый кадр добавленной гифки отображается корректно, а после переходите к следующему шагу.
- Снова используйте то же меню «Открыть», чтобы добавить второй файл для объединения.
- В нем откройте меню шкалы времени и активируйте пункт «Выделить все кадры».
- Повторно перейдите к нему и выберите уже другую функцию под названием «Скопировать кадры».
- Каждый файл в Adobe Photoshop отображается как отдельная вкладка, поэтому переместитесь к первой GIF, нажав по ее вкладке сверху.
- В том же меню шкалы времени нажмите «Вставить кадры».
- Отобразится новое меню действий, где отметьте маркером подходящий вариант вставки и подтвердите добавление.
- Просмотрите каждый кадр и убедитесь в том, что вставка прошла успешно.
- Разверните меню «Файл» и выберите пункт «Сохранить как…».
- В окне «Сохранение» поменяйте название для нового файла GIF, установите для него соответствующий тип файла и подтвердите действие.
Если вы заинтересованы в создании GIF через рассмотренную программу с нуля, советуем ознакомиться с тематическим материалом на нашем сайте, перейдя по следующей ссылке. Там вы найдете детальный разбор двух методов работы над подобными проектами.
Подробнее: Создание GIF в Adobe Photoshop
Способ 3: Filmora
В качестве третьего метода рассмотрим полноценный видеоредактор под названием Filmora. Он не предназначен для того, чтобы покадрово редактировать существующие GIF, однако поддерживает открытие этого формата и экспорт в нем же, а значит, несколько анимаций можно соединить в одну, выполнив нехитрый алгоритм действий.
Скачать Filmora
- После запуска Filmora нажмите по надписи «Импорт медиафайлов здесь» для перехода к добавлению анимаций в проект.
- В появившемся окне «Проводника» сразу же можно выделить необходимое количество файлов, а затем щелкнуть по «Открыть».
- Перетащите первую гифку на любую свободную дорожку редактора, зажав ее левой кнопкой мыши.
- То же самое сделайте и со второй, поместив ее после первой.
- Убедитесь в нормальном соединении анимации и проверьте ее воспроизведение.
- Как только редактирование завершено, кликайте по кнопке «Экспорт» для сохранения проекта.
- На панели «Формат» выберите «GIF».
- Задайте параметры экспорта, включая разрешение, частоту кадров, имя файла и место его сохранения.
- Нажмите на «Экспорт» для запуска процесса сохранения.


Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТПоделиться статьей в социальных сетях:
В ФотоШопе это делается элементарно.
- Включаешь окно шкалы/анимации.
- Загружаешь одну ГИФ-ку (фоновую), потом другую (основную)
- Выделяешь самый первый слой в фоновой ГИФ-ке (чтобы новые слои вставлялись выше)
- Выделяешь все слои и все кадры на основной ГИФ-ке и, удерживая клавишу Shift(т. е. выдерживая центровку), перетаскиваешь основную ГИФ-ку на фоновую.
Потом остается только установить в шкале анимации какие слои входят в какие кадры. Тут главная трудность может возникнуть, если количество кадров в основной и фоновой ГИФ-ке не совпадают. Решается по разному. Например дублировать кадры одной ГИФ-ки (короткой) внутри кадров другой. Либо удалением "лишних" слоев длинной ГИФ-ки. В общем это уже творческий процесс )))
Вот пример такой объединенной ГИФ-ки из трех - на ГИФ-ку поверхности моря наложена ГИФ-ка рыбок, а уж сверху них наложена ГИФ-ка моей рожи )))
Тут ясно видно, что ГИФ-ка моря состоит всего из 10 слоев + 8 инверсионных (1-ый и последний слой не повторяем), т. е. всего 18 слоев. Вот они в этой последовательности и повторяются на протяжении всей GIF-ки из 200 примерно кадров.

Автор Юлия
Далее - слова автора
Когда делаешь в фотошопе коллаж или открытку, иногда не хочется самому делать анимацию. Проще найти готовую блестяшку или анимацию, такие картинки сохраняются в формате gif, обычную статичную картинку мы сохраняем в формате ipeg, ipg. И сейчас я расскажу, как можно совместить эти два формата. Те, кто давно занимается фотошопом отлично знают, как это делать. Мой урок для начинающих.
Итак, урок -
Как наложить gif изображение на простую картинку в фотошопе.Открываем в фотошопе картинку, на которую хотели бы перенести gif изображение. Я взяла картинку с цветами. Не забываем снять замочек в слоях, кликаем 2 раза левой кнопкой мыши по замочку и в открывшемся окне нажимаем ОК.

Я нашла у себя бабочку в формате gif, открываю картинку в фотошопе.

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

У нас все слои синего цвета, т.е. активные. Инструментом перемещение мы перетаскиваем бабочку на картинку с цветами. Щелкаем левой кнопкой мыши по первому слою бабочки и теперь у нас активный только 1 слой анимации.

А теперь нам нужно, чтобы бабочка двигалась. Для этого открываем окно анимации. Глазик на картинке и на 1 слое открыты. У нас активный слой анимации, на всех остальных слоях глазик выключен.Проставляем время в анимации, у меня 0,2 сек.

А далее мы делаем так: 1 слой в анимации и глазик открыт на 1 слое в панели слоев. Добавляем слой в анимации, нажав на листок внизу, у нас 2 слой анимации - закрываем глазик на 1 слое в слоях и открываем глазик на 2 слое, добавляем слой в анимации - закрываем глазик на 2 слое и открываем на 3-м и точно так же продолжаем на всех слоях, в анимации добавляем слой, в слоях на предыдущем слое закрываем глазик, на новом открываем. Думаю принцип понятен.

Все сделали, запускаете анимацию и смотрите, если все нормально, сохраняете для Web. У меня получилось вот так

Наш урок - Как наложить gif изображение на простую картинку в фотошопе закончен. Вы теперь умеете перемещать картинки в формате gif на картинки в формате ipeg, ipg. Если возникли какие-то трудности, спрашивайте.
И спасибо, что заглянули ко мне!
http://makarovayuliya.ru/kak-nalozhit-gif-izobrazh...-prostuyu-kartinku-v-fotoshopeCanva — онлайн-конструктор для создания фото и видео для сайтов и социальных сетей. На сайте проекта есть подробный мануал по созданию анимации. Чтобы сохранить анимированную GIF, нужно:
1. Создать или открыть проект и нажать на кнопку «Скачать».

2. Выбрать формат GIF и ещё раз нажать на кнопку.

3. Конструктор начнёт генерировать видео в GIF.

4. GIF-анимация сохранится автоматически. Если это не произошло, нужно кликнуть по ссылке «Нажмите здесь»:

Плюсы:
- Простой, интуитивно понятный интерфейс.
- Возможность создавать анимации из фото и видео.
- Более 4 миллионов фотографий и других элементов в библиотеке.
- Более 1 000 шрифтов, плюс можно загрузить свои.
- Создание анимации есть и в бесплатной версии.
- Бесплатный доступ к полному функционалу — 30 дней.
- Не нужно устанавливать программу на компьютер.
Минусы:
- Для работы с сервисом нужно подключение к интернету.
Supa — онлайн-конструктор, с помощью которого можно создавать видео из изображений или нескольких видео и сохранять их в формате GIF. Для этого нужно:
1. Создать или открыть проект видео и нажать на кнопку «Скачать».

2. Выбрать формат «Анимационный GIF», указать качество и количество кадров в секунду. Нажать на кнопку «Сгенерировать».

3. Конструктор начнёт преобразование видео в GIF.

4. В открывшемся окне нажать на кнопку «Скачать на компьютер». GIF-анимация скоро появится в вашей папке.

Плюсы:
- Простой, интуитивно понятный интерфейс.
- Возможность создавать анимации из фото и видео.
- Миллионы бесплатных фотографий и видео в библиотеке.
- Большое количество шаблонов для анимации.
- Не нужно устанавливать программу на компьютер.
Минусы:
- GIF-формат сохраняется только в платной версии.
- Относительно высокая стоимость — от 990 рублей в месяц за премиум-версии продукта.
- Для работы с сервисом нужно подключение к интернету.
Giphy — база GIF-анимаций, в которой можно найти подходящую гифку или создать свою из фото или видео.
Для последнего вам нужно сделать следующее:
1. Выбрать фото или видео, из которых будет создана гифка. В качестве примера GIF-анимация сформирована из фото. Гифка из видео создаётся аналогично.

2. В открывшемся окне выбрать нужный файл и нажать на кнопку «Открыть».

3. Добавить, если нужно, надписи и стикеры или применить фильтры в меню справа.

4. Добавить новые фото, если они ещё нужны, можно с помощью кнопки Add more images.

5. Перейти к следующему шагу, нажав на кнопку Continue to upload.

6. Указать, если нужно, теги и ссылку на изображения, если они взяты из интернета. Нажать на Upload to GIPHY, чтобы создать GIF-анимацию.

7. Нажать на кнопку Media, чтобы сохранить гифку в сервисе.

8. Выбрать строку Source и нажать на кнопку Download, чтобы скачать гифку на компьютер.

Плюсы:
- Возможность создавать GIF из фото и видео.
- Простой, интуитивно понятный интерфейс.
- Не нужно устанавливать программу на компьютер.
Минусы:
- Можно разместить только одну надпись.
- Нет возможности обрезать изображение или видео под нужный размер.
- Продолжительность GIF — 15 секунд максимум.
- С сервисом можно работать, только если у вас подключен интернет.
Ezgif — онлайн-сервис, который редактирует GIF-анимации и создаёт новые из фото или видео.
Что для этого нужно:
1. Выбрать фото или видео, из которых будете создавать гифку. В качестве примера GIF-анимация создана из видео. Гифка из фото создаётся аналогично.

2. Нужно указать путь к файлу на компьютере с помощью кнопки «Выберите файл» или вставить ссылку, если нужное видео находится в интернете, например на YouTube. Затем нажать на кнопку Upload video.

3. После нажатия на кнопку на экране какое-то время ничего не будет происходить. Не нужно паниковать — файл загружается: -) Через несколько минут (или секунд, если файл небольшой) откроется окно с загруженным видео и редактором, в котором можно его сжать или обрезать, наложить текст или добавить водяной знак.

4. Нажать на кнопку Convert to GIF, чтобы создать гифку из видео.

Плюсы:
- Возможность создать GIF из фото и видео.
- Можно наложить водяной знак поверх гифки.
- Есть функции сжатия и обрезания GIF до нужного размера.
- Возможность наложить текст и визуальные эффекты.
- Бесплатный сервис.
- Не нужно устанавливать программу на компьютер.
Минусы:
- Интерфейс на английском языке.
- Неудобный, на мой взгляд, интерфейс.
- Можно работать с сервисом, только если у вас есть подключение к интернету.
Imgflip — онлайн-сервис для создания гифок из фото и видео. Алгоритм работы:
1. Выбрать фото или видео, из которых нужно создать гифку.

2. Нужно указать путь к файлу на компьютере с помощью кнопки Upload Video или вставить ссылку в левое поле экрана, если видео размещено в интернете.

3. Когда файл загрузится, в правой части экрана появятся настройки, в которых можно указать размер экрана, добавить текст, повернуть видео.

4. Нажать на кнопку Generate GIF, чтобы создать гифку.

5. Нажать на кнопку Download.gif, чтобы сохранить готовый файл на компьютер.

Плюсы:
- Простой, интуитивно понятный интерфейс.
- Есть бесплатная версия.
- Возможность обрезать и поворачивать GIF.
- Можно добавить логотип на GIF даже в бесплатной версии.
- Не нужно скачивать и устанавливать программу на ПК.
Минусы:
- Мало возможностей у бесплатной версии — можно добавить только одну надпись и одно изображение в GIF, есть ограничения в размерах и количестве кадров.
- Можно работать только с работающим интернетом.
- В бесплатной версии создаётся GIF с водяным знаком imgflip.com.