Как соединить две анимационные картинки в одно изображение
В этой статье я расскажу, как соединить две анимационные картинки в одно изображение. Для работы я сделала картинку с фоном и анимации с бабочкой - на выбор. Итак, приступаем...
1. Открываем картинку с фоном в программе Фотошоп - Файл - Открыть.
2. Открываем картинку с бабочкой - Файл - Открыть.
3. Смотрим - картинка с фоном содержит два слоя, а картинка с бабочкой - четыре. Для получения правильной анимации требуется одинаковое количество слоев. Поэтому дублируем слои на фоне - получаем 4 слоя. Слой 1 копия переместим на один слой выше.
Откроем панель анимации - Окно - Анимация.
1 кадр - глазик открыт на нижнем слое.
2 кадр - глазик на нижнем слое закрываем, открываем на слое выше.
3 кадр - создаем новый кадр, нажав на конвертик, глазик открыт на слое 1 копия.
4 кадр - создаем новый кадр, нажав на конвертик, глазик открыт на слое 2 копия.
Теперь проиграем анимацию, нажав на запуск воспроизведения анимации. Анимация не изменилась, значит правильно выбрана последовательность слоев.
5. Переходим на картинку с бабочкой. Стоя на нижнем слое, он окрашен в синий цвет, зажимаем клавишу Shift, щелкаем по верхнему слою - все слои выделились.
Зажмем их левой кнопкой мыши и перетащим на картику с фоном.
6. Все слои с бабочкой выделены, идем Редактирование - Свободное трансформирование и, зажав клавишу Shift, уменьшим бабочку и немного повернем ее. У меня получилось так. Нажимаем Inter.
7. Картинку с бабочкой можно теперь удалить.
8. Жмем на первый кадр в панели анимации - глазики открыты на нижнем слое с фоном и на нижнем слое анимации бабочки.
9. 2 кадр - глазики открыты выше на слой на фоне и бабочке.
10.3 кадр - глазики открыты выше на слой на фоне и бабочке.
11.4 кадр - глазики открыты на верхнем слое с фоном и верхнем слое бабочки.
12.Проигрываем анимацию, все устраивает - будем сохранять анимацию.
13.Идем Файл - Сохранить для Web и устройств.
Формат Gif, галочка на прозрачности, если надо меняем размер анимации. Выбираем папку, жмем Ок. Вот и все.