Как вставить анимацию в анимацию в фотошопе. |

Как  вставить  анимацию  в другую  анимацию в фотошопе? Почти также, как  и на простую картинку. Только в данном случае нужно обратить внимание на количество слоев картинок с  анимацией и на время кадров. Итак, из двух картинок с готовой анимацией создадим одну.

Откроем две картинки с анимацией, и посмотрим, сколько  у каждой слоев и какое время проставлено на  каждом кадре.

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

  1. Программа Easy GIF Animator распространяется платно, но разработчики предоставляют триальную версию сроком на месяц без каких-либо ограничений, а это значит, что вы можете загрузить ее с официального сайта протестировать, щелкнув по соответствующей кнопке при первом запуске.
  2. Начало пробного периода в программе Easy GIF Animator для дальнейшего соединения двух гифок

  3. В меню начала работы нажмите по пункту «Открыть существующую» для добавления первой анимации.
  4. Переход к открытию существующей анимации в программе Easy GIF Animator для соединения ее со второй

  5. В появившемся окне «Проводника» отыщите необходимый файл и кликните по нему дважды для открытия.
  6. Выбор первой анимации в программе Easy GIF Animator перед соединением ее со второй

  7. Дождитесь полной загрузки рабочего пространства, в котором перейдите на вкладку «Кадры».
  8. Переход на вкладку Кадр для соединения двух гифок через программу Easy GIF Animator

  9. Там вас интересует инструмент «Вставить кадр».
  10. Нажатие по кнопке для добавления второй анимации при соединении гифок в программе Easy GIF Animator

  11. Снова отобразится «Проводник», где найдите вторую гифку для вставки и точно так же откройте ее.
  12. Выбор второй гифки для соединения с первой в программе Easy GIF Animator

  13. При появлении уведомления о добавлении новых кадров отметьте маркером вариант «Добавить все кадры».
  14. Подтверждение добавления всех кадров к первой анимации для соединения гифок в программе Easy GIF Animator

  15. Через список кадров убедитесь, что склейка прошла успешно.
  16. Проверка успешного добавления кадров к первой анимации для соединения в программе Easy GIF Animator

  17. По необходимости используйте вспомогательные инструменты, если требуется внести коррективы в проект перед его сохранением.
  18. Использование инструментов редактирования для завершения работы над гифками в программе Easy GIF Animator

  19. Как только работа над гифкой завершена, в той же вкладке «Кадры» щелкните по кнопке «Экспорт выбранных».
  20. Переход к сохранению готового файла после соединения гифок в программе Easy GIF Animator

  21. Задайте новое имя для файла GIF и укажите место на компьютере, где хотите его сохранить.
  22. Выбор названия для соединенных гифок в программе Easy GIF Animator

  23. Вернитесь к «Проводнику» и воспроизведите новую анимацию любым удобным методом, чтобы удостовериться в правильности ее создания.
  24. Воспроизведение нового файла после соединения двух гифок в программе Easy GIF Animator

Среди доступных в Easy GIF Animator возможностей есть огромное количество самых разных инструментов, которые окажутся полезными при ручном создании или редактировании готовой GIF-анимации, даже если ее не нужно соединять с другим файлом.

Способ 2: Adobe Photoshop

Известно, что графический редактор Adobe Photoshop поддерживает создание GIF из добавленных кадров. Еще в его функциональность входят инструменты, предназначенные для редактирования таких анимаций, которые можно использовать при соединении нескольких файлов в один, что осуществляется следующим образом:

Скачать Adobe Photoshop

  1. Запустите Adobe Photoshop, разверните выпадающее меню «Файл» и выберите пункт «Открыть». Его можно вызывать и через стандартное сочетание клавиш Ctrl + O.
  2. Переход к открытию первой гифки перед соединением со второй в программе Adobe Photoshop

  3. Появится окно открытия, где найдите первую гифку и дважды кликните по ней для добавления.
  4. Выбор первой гифки перед соединением со второй в программе Adobe Photoshop

  5. Пока еще редактирование начинать нельзя, поскольку отсутствует шкала времени. Добавьте ее через выпадающее меню «Окно», отметив галочкой соответствующий пункт.
  6. Включение шкалы времени для дальнейшей работы с гифками в программе Adobe Photoshop

  7. Удостоверьтесь в том, что каждый кадр добавленной гифки отображается корректно, а после переходите к следующему шагу.
  8. Успешное включение шкалы времени для дальнейшей работы с гифками в программе Adobe Photoshop

  9. Снова используйте то же меню «Открыть», чтобы добавить второй файл для объединения.
  10. Переход к открытию второй гифки для соединения с первой в программе Adobe Photoshop

  11. В нем откройте меню шкалы времени и активируйте пункт «Выделить все кадры».
  12. Кнопка для копирования кадров второй гифки для соединения с первой Adobe Photoshop

  13. Повторно перейдите к нему и выберите уже другую функцию под названием «Скопировать кадры».
  14. Копирование кадров второй гифки для соединения с первой в программе Adobe Photoshop

  15. Каждый файл в Adobe Photoshop отображается как отдельная вкладка, поэтому переместитесь к первой GIF, нажав по ее вкладке сверху.
  16. Переключение к первой гифке для вставки кадров второй при соединении анимации в программе Adobe Photoshop

  17. В том же меню шкалы времени нажмите «Вставить кадры».
  18. Кнопка для вставки кадров гифки в первую анимацию при работе с программой Adobe Photoshop

  19. Отобразится новое меню действий, где отметьте маркером подходящий вариант вставки и подтвердите добавление.
  20. Выбор метода вставки кадров в первую гифку для соединения анимации в программе Adobe Photoshop

  21. Просмотрите каждый кадр и убедитесь в том, что вставка прошла успешно.
  22. Успешное соединение двух гифок через программу Adobe Photoshop

  23. Разверните меню «Файл» и выберите пункт «Сохранить как…».
  24. Переход к сохранению проекта после соединения двух гифок в программе Adobe Photoshop

  25. В окне «Сохранение» поменяйте название для нового файла GIF, установите для него соответствующий тип файла и подтвердите действие.
  26. Выбор названия файла и его формата для сохранения двух соединенных гифок в программе Adobe Photoshop

Если вы заинтересованы в создании GIF через рассмотренную программу с нуля, советуем ознакомиться с тематическим материалом на нашем сайте, перейдя по следующей ссылке. Там вы найдете детальный разбор двух методов работы над подобными проектами.

Подробнее: Создание GIF в Adobe Photoshop

Способ 3: Filmora

В качестве третьего метода рассмотрим полноценный видеоредактор под названием Filmora. Он не предназначен для того, чтобы покадрово редактировать существующие GIF, однако поддерживает открытие этого формата и экспорт в нем же, а значит, несколько анимаций можно соединить в одну, выполнив нехитрый алгоритм действий.

Скачать Filmora

  1. После запуска Filmora нажмите по надписи «Импорт медиафайлов здесь» для перехода к добавлению анимаций в проект.
  2. Переход к выбору гифок для соединения через видеоредактор Filmora

  3. В появившемся окне «Проводника» сразу же можно выделить необходимое количество файлов, а затем щелкнуть по «Открыть».
  4. Выбор двух файлов гифок для соединения через видеоредактор Filmora

  5. Перетащите первую гифку на любую свободную дорожку редактора, зажав ее левой кнопкой мыши.
  6. Перенос первой гифки для соединения со второй в программе Filmora

  7. То же самое сделайте и со второй, поместив ее после первой.
  8. Перенос второй гифки для соединения с первой в программе Filmora

  9. Убедитесь в нормальном соединении анимации и проверьте ее воспроизведение.
  10. Успешное соединение двух гифок в программе Filmora

  11. Как только редактирование завершено, кликайте по кнопке «Экспорт» для сохранения проекта.
  12. Переход к сохранению проекта после соединения гифок в программе Filmora

  13. На панели «Формат» выберите «GIF».
  14. Выбор формата для сохранения гифок после их соединения в Filmora

  15. Задайте параметры экспорта, включая разрешение, частоту кадров, имя файла и место его сохранения.
  16. Выбор параметров экспорта после соединения гифок в программе Filmora

  17. Нажмите на «Экспорт» для запуска процесса сохранения.
  18. Подтверждение экспорта гифок после объединения в программе Filmora

ЗакрытьМы рады, что смогли помочь Вам в решении проблемы.ЗакрытьОпишите, что у вас не получилось.

Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

В ФотоШопе это делается элементарно.

- Включаешь окно шкалы/анимации.

- Загружаешь одну ГИФ-ку (фоновую), потом другую (основную)

- Выделяешь самый первый слой в фоновой ГИФ-ке (чтобы новые слои вставлялись выше)

- Выделяешь все слои и все кадры на основной ГИФ-ке и, удерживая клавишу Shift(т. е. выдерживая центровку), перетаскиваешь основную ГИФ-ку на фоновую.

Потом остается только установить в шкале анимации какие слои входят в какие кадры. Тут главная трудность может возникнуть, если количество кадров в основной и фоновой ГИФ-ке не совпадают. Решается по разному. Например дублировать кадры одной ГИФ-ки (короткой) внутри кадров другой. Либо удалением "лишних" слоев длинной ГИФ-ки. В общем это уже творческий процесс )))

Вот пример такой объединенной ГИФ-ки из трех - на ГИФ-ку поверхности моря наложена ГИФ-ка рыбок, а уж сверху них наложена ГИФ-ка моей рожи )))

Тут ясно видно, что ГИФ-ка моря состоит всего из 10 слоев + 8 инверсионных (1-ый и последний слой не повторяем), т. е. всего 18 слоев. Вот они в этой последовательности и повторяются на протяжении всей GIF-ки из 200 примерно кадров.

Автор Юлия

Далее - слова автора

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

Итак, урок -

Как наложить gif изображение на простую картинку в фотошопе.

Открываем в фотошопе картинку, на которую хотели бы перенести gif изображение. Я взяла картинку с цветами. Не забываем снять замочек в слоях, кликаем 2 раза левой кнопкой мыши по замочку и в открывшемся окне нажимаем ОК.

y000601mk-1 (700x393, 59Kb)

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

y000602mk-2 (700x393, 35Kb)

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

y000603mk-3 (700x393, 66Kb)

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

y000604mk-4 (700x393, 65Kb)

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

y000605mk-5 (700x393, 71Kb)

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

y000606mk-6 (700x393, 40Kb)

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

y000607mk-7 (450x338, 182Kb)

Наш урок - Как наложить gif изображение на простую картинку в фотошопе закончен. Вы теперь умеете перемещать картинки в формате gif на картинки в формате ipeg, ipg. Если возникли какие-то трудности, спрашивайте.

И спасибо, что заглянули ко мне!

http://makarovayuliya.ru/kak-nalozhit-gif-izobrazh...-prostuyu-kartinku-v-fotoshope

Canva — онлайн-конструктор для создания фото и видео для сайтов и социальных сетей. На сайте проекта есть подробный мануал по созданию анимации. Чтобы сохранить анимированную GIF, нужно:

1. Создать или открыть проект и нажать на кнопку «Скачать».

В проекте видео или фото нажмите на кнопку «Скачать»

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

Выберите формат GIF и нажмите на кнопку «Скачать»

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

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

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

GIF-анимация автоматически сохранится на компьютер. Если этого не произошло, нажмите на ссылку, указанную стрелкой.

Плюсы:

  • Простой, интуитивно понятный интерфейс.
  • Возможность создавать анимации из фото и видео.
  • Более 4 миллионов фотографий и других элементов в библиотеке.
  • Более 1 000 шрифтов, плюс можно загрузить свои.
  • Создание анимации есть и в бесплатной версии.
  • Бесплатный доступ к полному функционалу — 30 дней.
  • Не нужно устанавливать программу на компьютер.

Минусы:

  • Для работы с сервисом нужно подключение к интернету.

Supa — онлайн-конструктор, с помощью которого можно создавать видео из изображений или нескольких видео и сохранять их в формате GIF. Для этого нужно:

1. Создать или открыть проект видео и нажать на кнопку «Скачать».

В проекте видео нажмите на кнопку «Скачать»

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

Укажите формат и нажмите на кнопку «Сгенерировать»

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

Удобно ждать, когда виден прогресс в процентах

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

Чтобы сохранить GIF-анимацию, нажмите на кнопку «Скачать на компьютер»

Плюсы:

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

Минусы:

  • GIF-формат сохраняется только в платной версии.
  • Относительно высокая стоимость — от 990 рублей в месяц за премиум-версии продукта.
  • Для работы с сервисом нужно подключение к интернету.

Giphy — база GIF-анимаций, в которой можно найти подходящую гифку или создать свою из фото или видео.

Для последнего вам нужно сделать следующее:

1. Выбрать фото или видео, из которых будет создана гифка. В качестве примера GIF-анимация сформирована из фото. Гифка из видео создаётся аналогично.

Если нужно создавать гифку из фото, выберите Choose Photo of GIF. Если из видео — Choose Video.

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

Выберите файл и нажмите на кнопку «Открыть»

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

Добавьте надписи или стикеры в меню справа

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

Нажмите на кнопку Add more images, если хотите добавить другие изображения

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

Нажмите на кнопку Continue to upload, чтобы перейти к следующему шагу

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

Нажмите на кнопку Upload to GIPHY, чтобы создать гифку

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

Нажмите на Media, чтобы сохранить GIF-анимацию в самом Giphy

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

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

Плюсы:

  • Возможность создавать GIF из фото и видео.
  • Простой, интуитивно понятный интерфейс.
  • Не нужно устанавливать программу на компьютер.

Минусы:

  • Можно разместить только одну надпись.
  • Нет возможности обрезать изображение или видео под нужный размер.
  • Продолжительность GIF — 15 секунд максимум.
  • С сервисом можно работать, только если у вас подключен интернет.

Ezgif — онлайн-сервис, который редактирует GIF-анимации и создаёт новые из фото или видео.

Что для этого нужно:

1. Выбрать фото или видео, из которых будете создавать гифку. В качестве примера GIF-анимация создана из видео. Гифка из фото создаётся аналогично.

Если нужно создать гифку из фото, выберите GIF Maker. Если из видео — Video to GIF.

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

Укажите файл на компьютере или скопируйте ссылку на него, если он размещён в интернете, и нажмите на кнопку Upload video

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

В редакторе, который отмечен стрелкой, вы можете произвести множество манипуляций с загруженным видео

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

Нажмите на кнопку Convert to GIF — видео сконвертируется в анимацию

Плюсы:

  • Возможность создать GIF из фото и видео.
  • Можно наложить водяной знак поверх гифки.
  • Есть функции сжатия и обрезания GIF до нужного размера.
  • Возможность наложить текст и визуальные эффекты.
  • Бесплатный сервис.
  • Не нужно устанавливать программу на компьютер.

Минусы:

  • Интерфейс на английском языке.
  • Неудобный, на мой взгляд, интерфейс.
  • Можно работать с сервисом, только если у вас есть подключение к интернету.

Imgflip — онлайн-сервис для создания гифок из фото и видео. Алгоритм работы:

1. Выбрать фото или видео, из которых нужно создать гифку.

Если нужно создать гифку из фото, выберите Images to GIF. Если из видео — Video to GIF.

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

Укажите файл на компьютере или вставьте ссылку на него, если он опубликован в интернете

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

В редакторе, который отмечен стрелкой, вы можете указать нужный размер, добавить текст, повернуть видео

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

Чтобы создать гифку из видео, кликните на кнопку Generate GIF

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

Нажмите на кнопку Download.gif, чтобы сохранить GIF-анимацию на компьютер

Плюсы:

  • Простой, интуитивно понятный интерфейс.
  • Есть бесплатная версия.
  • Возможность обрезать и поворачивать GIF.
  • Можно добавить логотип на GIF даже в бесплатной версии.
  • Не нужно скачивать и устанавливать программу на ПК.

Минусы:

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

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