УРОК АНИМАЦИИ,
или как занести анимацию на картинку.

Иногда нужно оживить какую-нибудь картинку анимацией. Чтобы помочь Вам решить данный вопрос я попробую сделать для Вас небольшой урок. Для этого я взяла две картинки:

[показать]  [показать]

1. Для начала я начала работать с основной картинкой, немного уменьшила её размер,так как она была большая и сейчас её размер 514х406 пикселей.

2- Теперь начинаем работать с анимированной картинкой в данном случае это цветок.

Идём в ИЗОБРАЖЕНИЕ ___РАЗМЕР ХОЛСТА и увеличиваем размер холста цветочка до размера 514х406,как и у основной картинки, и отмечаем местоположение цветка:

[100x]

В готовом виде размер холста составляет 514х406

[показать]

3. Теперь мы берём картинку и перетаскиваем её на изображение и потом в слоях ставим её самым нижним слоем.Но хочу сразу предупредить: картинку перенесли и больше просто так её НЕ двигайте,только включив СВОБОДНУЮ трансформацию. Yстановите картинку на место,в противном случае она будет дёргаться.

[100x]

5. Всё,картинку мы поставили,но цветочек всё-таки великоват для нашей картинки. Нам нужно уменьшить цветок и поставить его на место. Для этого активируем одновремeнно все слои анимации, для чего нажимаем на клавишу CTRL и удерживая её нажимаем на каждый из слоёв анимации. На цветке включаем свободное трансформирование и работаем с цветком:уменьшаем и двигаем на место:

[100x]

Ну вот вроде бы и всё,надеюсь,что я объяснила всё понятно,но если будут вопросы,то пишите. А вот,что у нас появилось в итоге:

[показать]

С уважением, ваша Танюха
источник: blogs.mail.ru/mail/o-tatjana/tag/%f3%f0%ee%ea%e8

****************************************************

[600x338]

Открываем Фотошоп►Файл►Открыть

[600x89]

Загружаем изображения

[600x337]



Палитра Слоёв►Двойной клик левой кнопкой мыши по замочку

[600x306]

В открывшемся окне жмём Ok

[600x216]

Делаем активной картинку -анимашку (в моей анимационной картинке 4 Слоя)
Клик по картинке левой кнопкой мыши►Делаем активным верхний Слой►зажав клавишу Shift клик по нижнему Слой 1. Все Слои выделены

[600x325]

Инструмент Перемещение►Перетаскиваем анимационную картинку на изображение(зажав левую кнопку мыши)

[600x380]

Вот, что у меня получилось

[600x379]

Если вам нужно повернуть, уменьшить или увеличить анимационную картинку
Редактирование►Свободное Трансформирование►понравился результат жмём Enter

[600x414]

Открываем окно Анимация

[600x230]

Клик по анимационной картинке и в окне Анимация запоминаем время отображения

[574x213]

Переходим на нашу работу(клик левой кнопкой мыши по изображению)
Палитра Слоёв
Включен глазик Слой 0 и Слой 1 , на остальных слоях глазик выключен

[600x451]

Задаём время отображения такое, какое было на анимационной картинке
Клик левой кнопкой мыши по галочке►Другое

[600x370]

В открывшемся окне ставим время►жмём Ok

[600x310]

Создаём Кадр 2
Клик левой кнопкой мыши по листику в окне Анимации

[600x523]

Становимся на Слой 2►Клик левой кнопкой мыши по листику в окне Анимации

[600x445]

Тоже самое делаем с остальными слоями
Сохраняем изображение
Файл►Сохранить для Web и устройств

[600x403]

Выбираем формат Gif►жмём Сохранить

[600x433]

Источник: блог Светланы Мизильской (blogs.mail.ru/mail/smizilskaya/)

***************************************************








****************************************************

Как обычную картинку поместить на анимированную

[351x500]

Добрый вечер, мои хорошие..!! Сегодня я вам покажу как простую картинку поместить на анимационную...Ранее мы разбираели то же самое с текстом....но...по многим просьбам я поняла что вы привыкли "пошагово" выполнять каждое задание отдельно)))Ладно...что с вами делать...??!! Поехали...

[499x240]

[622x539]

Далее....

[763x449]

[255x187]

и зажав левую клавишу мышки перетаскиввем картинку на анимацию(на название этой анимации. которое написано на вкладке над самой картинкой)

[415x160]

получаем вот такое

[672x508]

[448x385]

[700x]

теперь открываем окно АНМАЦИЯ


[505x317]

[700x]

осталось только сохранить

[345x341]

[452x469]

Вот и весь урок...

Удачи Вам, Ваша Zomka - www.liveinternet.ru/users/zomka/post197415571/

 

***************************************************

Урок Photoshop. Как анимацию поместить на анимированную картинку ...

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

[339x560]

Этот файл-картинка тоже должен быть с анимацией...совершенно любой анимацией...
[279x436]

и открываем рядом анимацию на прозрачном фоне...ну вот так например
[91x206]

[750x]

вы видите что я поместила файлы в середине экрана...это сделать просто ..

[770x609]

[750x]

[800x408]

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

[759x603]

и нам нужно добавить недостающие кадры до количества 8...(в других случаях при другом количестве кадров мы просто выбираем те. которые дублируем...сами выбираем) а сейчас

[800x509]


и получится на панели АНИМАЦИЯ у нас вот это

[750x]

[750x]

[339x433]

Берем инструмент

[222x185]

[594x427]

[350x601]

[351x602]

[351x602]

А вот теперь ВНИМАНИЕ!! делаем все по пунктам на картинке..

[750x]

[750x]

и получаем вот такое

[192x300]

Вот. собственно и весь урок...Будут вопросы-задавайте...Буду рада служить вашим экспериментам)))
Удачи... Ваша Zomka

Серия сообщений "Уроки Photoshop":
Часть 1 - КАК СДЕЛАТЬ СВОЮ НАДПИСЬ НА ИЗОБРАЖЕНИИ В ОНЛАЙН-ФОТОШОП
Часть 2 - Работа со слоями в фотошоп (урок для начинающих)
Часть 3 - УРОК ОТ NATALI: УЧИМСЯ РАБОТАТЬ С КИСТЯМИ В ФОТОШОПЕ
Часть 4 - КАК ВСТАВИТЬ ФОТО В РАМОЧКУ
Часть 5 - СОЗДАНИЕ АНИМАЦИИ
Часть 6 - УРОКИ PHOTOSHOP. ФОТОМОНТАЖ
Часть 7 - Осваиваем Adobe Photoshop
...
Часть 45 - СОЗДАНИЕ КОЛЛАЖЕЙ
Часть 46 - Как создать клипарт на прозрачном фоне
Часть 47 - Уроки Photoshop //коррекция фотографий: ретушь/

Серия сообщений "Коллажи":
Часть 1 - СОЗДАНИЕ АНИМАЦИИ
Часть 2 - УРОКИ PHOTOSHOP. ФОТОМОНТАЖ
Часть 3 - СОЗДАНИЕ КОЛЛАЖЕЙ (Уроки Photoshop)
...
Часть 11 - ФОТОРАМКИ, ФОТОКОЛЛАЖИ, ФОТОЭФФЕКТЫ, ФОТОМОНТАЖ И ПР.
Часть 12 - Чайник-чайнику или... Делаем гифку сами. //урок от iro4kan//
Часть 13 - Простая и удобная программа для создания фотоколлажей

Серия сообщений "Создание анимации":
Часть 1 - Создание анимации из ваших фоток
Часть 2 - СОЗДАНИЕ АНИМАЦИИ
Часть 3 - СОЗДАЁМ СВОИ СЛАЙД-ШОУ
Часть 4 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
...
Часть 20 - ГДЕ ИСПОЛЬЗОВАТЬ БЕСШОВНЫЕ ФОНЫ И КАК ИХ СОЗДАВАТЬ ?
Часть 21 - БЕСПЛАТНЫЕ ПРОГРАММЫ "Windows"
Часть 22 - СОЗДАНИЕ АНИМАЦИИИ