-Метки

2023 9 мая paint.net адрес афоризмы аффирмации ах болезни бродилка видео витамины вопросы вселенная генератор генераторы говорят головной гостевая девушка день рождения день семьи дети детская страничка дзен для блога для дома для друзей для души для женщин дневник дом душа еда желания женщина закон закон бумеранга законы замок здоровье здравствуй зимний блог знаки зодиака имена имя инициалы интересно искусство история календарь калькулятор карма картинки классика книга код коды кролик кулинар кулинарная лазарев лето лиру лицо луиза хей лучшие молитва молитвы морщины музыка напутствие неудобные нехватка новый год омар хайям онлайн. организм осень ответы открытка оформление ощелачивающая пасха песни плеер плейкасты плейлист пожелание пожелания поздравление поздравления познай себя полезности полезные полезные сайты полюбить помощь пост постов православие православные открытки праздник праздники приветствие притчи причины продукты психология психоматика разделители рамка рамка для видео рамки рамки здоровье рамки кулинарные рамки оригинальные рамки праздники рамки разные рамки рел.праздники рамки религия рамочка рамочка для видео рамочка новогодняя для текста растения религия рецепты рот с благовещением! с днём рождения с днем рождения саморазвитие себя секрет скачать случаи слушать советы ссылки стих стихи страны талисманы к году кролика твое имя текст традиции убор по форме лица удача улица урок уроки фен-шуй флеш фото фотошоп цитаты чуковский шпаргалки щелочные экскурсии виртуальные это интересно юмор

 -Рубрики

 -Цитатник

Набор цветных окошек для кодов - (0)

Набор цветных окошек для кодов Подготовила набор цветных окошек для кодов. Очень удобно просто ...

с днем рождения - (0)

Рамочка "С Днем рождения!" (рамочка с муз., музыку можно менять) Ваш текст... ►...

рамка-новый год - (0)

зимняя рамка для любых записей Ваш текст...

Мелодии для души-Плейлист - (0)

Мелодии для души-Плейлист! Мелодии для души В.Никишов Оригинал Здесь Серия сообщений "Плей...

Как скачать видео с Дзен видео - (1)

▬как скачать видео с Дзен видео 📹 Очень недовольная белка. Слышали, как кричит сур...

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Музыкальный плеер

 -Музыка

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в MARINA_Z

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.05.2010
Записей:
Комментариев:
Написано: 4674


СОВМЕЩАЕМ ДВЕ АНИМАЦИИ НА ОДНОЙ КАРТИНКЕ

Среда, 14 Мая 2014 г. 21:31 + в цитатник








СОВМЕЩАЕМ ДВЕ АНИМАЦИИ
НА ОДНОЙ КАРТИНКЕ




КАК СОВМЕСТИТЬ ДВЕ АНИМАЦИИ НА ОДНОЙ КАРТИНКЕ с разным количеством слоев и с разным временем на кадрах? Это не очень сложно. Конечно, чтобы получить такой эффект, нужно потратить немного больше времени, чем при перемещении анимации на простую картинку.

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

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


24-Сохранить для Web и устройств в Gif.









Серия сообщений "УРОКИ ДЛЯ БЛОГА-31-ФОТОШОП":
УРОКИ ДЛЯ БЛОГА-31-ФОТОШОП
Часть 1 - АНИМАЦИЯ-ДВИЖЕНИЯ ПО КРУГУ
Часть 2 - АНИМАЦИЯ-СОБИРАНИЕ КАРТИНОК
...
Часть 28 - ПОДПИСАТЬ КНОПКИ ДЛЯ БРОДИЛКИ В ФОТОШОПЕ-ОН-ЛАЙН
Часть 29 - ПОДПИСАТЬ КАРТИНКУ В ФОТОШОП-ОНЛАЙН
Часть 30 - СОВМЕЩАЕМ ДВЕ АНИМАЦИИ НА ОДНОЙ КАРТИНКЕ
Часть 31 - ПЕРЕНЕСТИ АНИМАЦИЮ НА КАРТИНКУ В ФОРМАТЕ JPEG И GIF
Часть 32 - ПОСТАВИТЬ АНИМАЦИЮ НА КАРТИНКУ
...
Часть 39 - УРОКИ ФОТОШОПА ДЛЯ НАЧИНАЮЩИХ
Часть 40 - УРОКИ ФОТОШОПА.САЙТ Fotodryg.ru
Часть 41 - ФОТОШОП ОНЛАЙН.ФОТОРЕДАКТОР

Метки:  

Процитировано 1 раз
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку