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

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

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-Жмем на значок пуска в окне анимации и вот, что получилось.

необходимые программы и дополнения
Easy GIF Animator Pro 5.6 - 6.1

пример - - - - => - -

инструкция

1. Найдите Gif ппримерно одного размера.

2. Откройте программу Easy GIF Animator и нажмите на пункт Создать новую анимацию .

3. Добавьте свои Gif в том порядке в котором они должны следовать друг за другом и нажмите Далее .

4. Выберете скорость кадров и нажмите Далее . В большинстве Gif это 1 или 2 милисекунды . Соответственно в графу нужно вписать 10 или 20 .

5. Если размер исходных Gif одинаковый выберете пункт В верхнем левом углу . Если размер Gif различный выберете пункт Подогнать и нажмите Далее .

6. Завершите работу мастера нажав кнопку Завершить .

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

8. Анимация склеена, можете Cохранить готовую Gif

9. Результат получился не очень красивым и много весящим.

- -

Урок окончен. Спасибо за внимание. Свои вопросы на эту тему Вы можете оставлять в комментариях под эти уроком.

применение: Очень быстро объединить 2 и более Gif.
плюсы: Автоматическое объединение.
минусы: Качество Gif будет низким, т.к. зависит от настроек программы, а не от ваших предпочтений.

Категории:

Наверняка все знают о небольших анимированных картинках, иначе говоря о 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-ок: яркость, контрастность и насыщенность.

СОВМЕЩЕНИЕ
ФОТО png И gif
Online Image Editor

Украшаем праздничные надписи, комментарии, фотографии и кнопочки анимированными картинками, - без фотошопа легко и быстро! Например вот так.

Все делается быстро и просто. Идем на сайт Online Image Editor
Если вам открылась главная страница сайта, то сразу жмите кнопку ОБЗОР, и выбирайте свою картинку или надпись. Жмите ЗАГРУЗИТЬ.
Дальше смотрите РЕДАКТИРОВАТЬ КАРТИНКУ
Если открылся сайт, или вам надо редактировать следующую фотографию, не выходя из редактора, то делаем вот так.
После открытия сайта, жмем на кнопочку ОТКРЫТЬ ФАЙЛ.

Открылась дополнительная вкладка, где жмем кнопку ОБЗОР. И ставим галочку, если грузим надпись или картинку в формате PNG. Теперь откроется выбор папок, где у вас накапливаются картинки, созданные надписи, фото и прочее. Жмем на Выбранную..

А теперь внизу жмем кнопку ЗАГРУЗИТЬ

Кто не знает где взять надписи С НОВЫМ ГОДОМ, и не может создать их сам, можете взять в В ЭТОМ АЛЬБОМЕ Я.Ру.

РЕДАКТИРОВАТЬ КАРТИНКУ

Картинка загрузилась. Теперь жмем кнопку АНИМИРОВАТЬ.

Выбор анимации там большой, и анимации неплохие, можно выбрать и попробовать любую, урок по этому сайт но не все подходят к формату PNG.
Сейчас же мы делаем надпись к НОВОМУ ГОДУ, поэтому, выбрав надпись, жмем на кнопочку с сердечком. - ДОБАВИТЬ КАРТИНКУ ,открылась вкладка для загрузки, жмем кнопку ОБЗОР , и выбираем анимашку.


Я беру СНЕГОВИЧКА. И нажимаю кнопку ЗАГРУЗИТЬ.

Снеговик загрузился, и мышкой тащим его на то место, где хотим его видеть, А слева открылась дополнительная панелька, где можно уменьшить картинку, повернуть ее как надо. Когда нас все устроит, жмем кнопку ПРИМЕНИТЬ

Теперь можно добавить еще анишашку. Для этого снова жмем
1.Кнопочку с сердечком.
2. Обзор.
3.Загрузить.
И снова ее уменьшаем и ставим на место.
И так можно добавлять множество картинок. Но я не советую ставить больше 1 - 2 анимашек, так как анимация накладывается одна на одну и получается некрасиво. А добавить еще можно и клипарт. Их можно ставить множество.

Я специально взяла надпись с большим "весом". Если ее поставить в пост, то пустые края будет выглядеть некрасиво, и занимать много места.

Поэтому мы ее обрежем по тексту. Для этого жмем кнопку БАЗИС , и выбираем вкладку ножницы.

Нажав на ножницы, появится квадратик, растягиваем его по надписи, и жмем кнопку ПРИМЕНИТЬ .

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


И вот что у нас получилось. Надпись стала анимированной, и места занимает совсем немного.

Картинка обрезалась по краю. Теперь ее можно сохранить, нажав на дискеточку, или встав на картинку мышкой, нажать правую кнопку и выбрать СОХРАНИТЬ КАК.
Пробуйте смелее, создавайте свои надписи, анимируйте свои фото, картинки, и поздравляйте друзей, или пишите коменты созданные своими руками.
На сайте очень большой выбор возможностей. Можно создавать дождь, писать блестящим текстом, делать блестки, и многое другое. У меня много уроков по этому сайту. Пробуйте смелее, и у вас ВСЕ ПОЛУЧИТСЯ.