Урок № 54 Как перенести анимацию на картинку ...

СВЕТИК-ЧУЖАЯ Урок № 54 Как перенести анимацию на картинку в формате JPEG и на картинку в формате GIF . Часть 1 В этой части мы рассмотрим , как перенести анимацию на картинку в формате JPEG . [500x500] Для этого на понадобиться картинка в формате JPEG и картинка в формате GIF , т.е. анимация . К примеру возьмём вот такую картинку в формате JPEG . [500x375] И вот такую картинку в формате GIF , т. е. анимацию . Мне очень часто задают вопрос : Как открыть анимацию в ФШ ? вот заодно разберём ответ и на этот вопрос . И так : Открываем ФШ и переходим в ImageReady . [301x549] Открываем Анимацию в ImageReady , для этого идём Файл-Открыть и видим раскладку нашей анимации по кадрам и слоям . [484x440] Что бы продолжить работу с анимацией , надо вернуться в ФШ . [356x517] Теперь откроем в ФШ и Картинку в формате JPEG , в окне слои сразу снимем замочек , кликнув на него 2 раза левой кнопкой мыши . [498x361] Активируем картинку с анимацией , просто кликните по ней .Что бы перенести анимацию на наш фон , в окне Слои нужно активировать все слои , т.е. что бы они все горели синим цветом . Для этого стоя на верхнем слое , зажимаем клавишу Shift и кликаем по самому нижнему слою . Все слои выделены . [267x333] Берём инструмент Перемещение и перетаскиваем анимацию на фон . Если её нужно уменьшить , увеличить или повернуть - воспользуйтесь Свободной трансформацией Ctrl + T [498x389] Применить трансформацию жмите Enter . Переходим в окно Анимации : Становимся на Слой 1 - глазик вкл. , на слое Фон - глазик вкл. всегда , на остальных слоях - выкл. [470x469] Создаём кадр 2 - нажатием на листик и переходим на Слой 2 [468x465] Таким же образом продолжайте с остальными кадрами и слоями . Вот что получаем : [467x132] Теперь нам нужно задать время кадров , такое же как было на картинке-анимация . [465x267] Сохраняем : Файл-Сохранить для Web в формате GIF . [500x375] Часть 2 В этой части мы рассмотрим , как добавть на картинку с анимацией ещё одну анимацию . Если обе анимации имеют одинаковое время задержки кадров , то воспользуйтесь первой частью урока , всё тоже самое . Но мы рассмотрим случай , когда анимации имеют разное время задержки кадров и разное число слоёв . [88x297] [380x500] Открываем ФШ и переходим в ImageReady . Открываем Анимацию в ImageReady , для этого идём Файл-Открыть и видим раскладку нашей анимации по кадрам и слоям . Что бы продолжить работу с анимацией , надо перейти в ФШ . И так : У нас в ФШ открыты обе анимации . Теперь обратим внимание на окна анимации наших картинок : и видим , что первая анимация имеет время задержки кадров 0,1 сек . , а вторая - 0,2 сек . [464x260] Стоя на первых кадрах и слоях перемещаем инструментом "Перемещение" одну анимацию на другую , как это сделать см.Часть 1 [420x440] Переходим в окно Анимации : что бы не путаться , я удаляю кадры которые там есть , оставляя только первый . [482x279] Далее займёмся математикой . 1 анимация-0,1 сек. 2 анимация-0,2 сек. Это время кадров нужно сохранить на каждой анимации . Я выбираю время пережвижения для всей анимации 0,1 сек . Значит каждому слою второй анимации (а их 4) - достанется по 2 слоя первой анимации . 4 х 2 = 8 кадров всего получим Сделали расчёт и приступим к сбору анимации : 1 кадр - Слой 4 и Слой 1 - глазки вкл. [372x427] 2-ой кадр - Слой 4 и Слой 2 - глазки вкл. [372x428] 3 кадр - Слой 5 и Слой 3 - глазки вкл. [371x430] 4 кадр - Слой 5 и Слой 1 5 кадр - Слой 6 и Слой 2 6 кадр - Слой 6 и Слой 3 7 кадр - Слой 7 и Слой 2 8 кадр - Слой 7 и Слой 3 Жмите на просмотр [394x49] если всё устраивает , сохраняйте . [380x500] Сообщество : Самая Лучшая Коллекция Анимационных картинок и Уроки Фотошопа