Мобильный LiveInternet Как в фотошопе анимацию поставить на анимированную картинку | zomka - Мир входящему,ежели с добром |

LiveInternet мобильная версия

Авторизация

Дневник zomka Лента друзей - Дневник - Полная версия

Как в фотошопе анимацию поставить на анимированную картинку 21-12-2011 23:40 к комментариям - к полной версии - понравилось!

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

[339x560]

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

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

[750x]

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

[800x408]

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

[759x603]

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

[800x509]

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

[339x433]

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

[351x602]

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

[750x]

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

[192x300]

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

вверх^ к полной версии понравилось! в evernote

Комментарии (75): «первая «назад вперёд» последняя»

Зиновия 22-12-2011-18:31 удалить

Спасибо!

Обратиться - Ответить - К полной версии

Татьяна_Козырева 22-12-2011-19:04 удалить

Спасибо большое!

Обратиться - Ответить - К полной версии

GanikoZ 22-12-2011-21:56 удалить

Спасибо огромное.

Обратиться - Ответить - К полной версии

мурзик49 23-12-2011-01:10 удалить

Обратиться - Ответить - К полной версии

Zhanochka8 23-12-2011-12:42 удалить

Спасибо! Будем учиться!

Обратиться - Ответить - К полной версии

VolNina 23-12-2011-14:24 удалить

Спасибо за урок!

Обратиться - Ответить - К полной версии

MissKcu 23-12-2011-15:17 удалить

Спасибо за урок...утащу для друзей....

Обратиться - Ответить - К полной версии

Сюрприз-мечта 23-12-2011-21:33 удалить

Спасибо за урок.У меня вроде бы получилось)))

Обратиться - Ответить - К полной версии

zomka 23-12-2011-22:16 удалить

Ответ на комментарий Сюрприз-мечта # умница....получилось)))

Обратиться - Ответить - К полной версии

mimozochka 25-12-2011-12:53 удалить

спасибо за урок. беру,пригодится.

Обратиться - Ответить - К полной версии

enga4852 27-12-2011-05:16 удалить

Огромное Спасибо за замечательный,доступный даже для чайников,урок.

Обратиться - Ответить - К полной версии

Людмила_Черникова 02-01-2012-04:17 удалить

Таня, С Новым Годом! У меня просьба, для майла хочу утащить урок, скиньте пожалуйста!

Обратиться - Ответить - К полной версии

zomka 02-01-2012-13:37 удалить

<center><img src="http://img-fotki.yandex.ru/get/4426/575578.291/0_717a7_10741980_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4426/575578.291/0_717a7_10741980_XL" target=_blank border="0">[358x559]</a><table border="2" background="http://img-fotki.yandex.ru/get/3912/zomka.e/0_43a56_8b05c7ef_S.gif" cellpadding="6" cellspacing="0"><tr><td><table border="3" background="http://img-fotki.yandex.ru/get/4210/zomka.73/0_496f8_52fab2e2_XL.jpg" cellpadding="2" cellspacing="0"><tr><td align="center" width="690"><font face="Georgia" color="#000000" style="font-size:22px"><a href="http://zomka.ya.ru" target="_blank"><img src="http://img-fotki.yandex.ru/get/5708/zomka.258/0_68070_8f4567f9_L.gif" height="150" width="150" style="height:150px;width:150px;" border="0" align="right" /></a><a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/5708/zomka.258/0_68070_8f4567f9_L" align="right" border="0" height="100" width="100" /></a>Добрый вечер, мой хорошие!<br />
Ну вот и пришла пора очередному уроку...Мы с вами уже умеем писать текст на анимированной картинке, мы можем простую картинку добавлять на анимированную...а сегодня мы будем учиться КАК АНИМАЦИЮ на прозрачном фоне добавлять на АНИМИРОВАННУЮ картинку..Сложность этого урока ТОЛЬКО в том..что нужно не торопясь, а предельно внимательно делать все его пункты, по которым я вас провожу с наглядными скринами,чтобы не запутаться в порядке действий...только и всего...Но, поверьте, один раз его сделав  вы поймете принцип очередности и будете сами выполнять такие задания с легкостью...Я вас еще ни разу не обманывала))))Так ведь?..Ну...чтобы много не говорить..-поехали...<br />
Открываем фотошоп...потом открываем файл, на который мы должны будем поместить анимацию.<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4426/575578.291/0_71796_f2d58f09_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4426/575578.291/0_71796_f2d58f09_XL.jpg" target=_blank border="0">[339x560]</a></a><br />
<br />
.Этот файл-картинка тоже должен быть с анимацией...совершенно любой анимацией...<br />
<img src="http://img-fotki.yandex.ru/get/3008/575578.291/0_717bc_e333e9b_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/3008/575578.291/0_717bc_e333e9b_L" target=_blank border="0">[279x436]</a><br />
.<br />
и открываем рядом анимацию на прозрачном фоне...ну вот так например <br />
<img src="http://img-fotki.yandex.ru/get/1/575578.291/0_717bb_dd4bb94_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/1/575578.291/0_717bb_dd4bb94_M" target=_blank border="0">[91x206]</a><br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4527/575578.291/0_71797_4800ee84_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4527/575578.291/0_71797_4800ee84_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
вы видите что я поместила файлы в середине экрана...это сделать просто ..<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/1/575578.291/0_717a0_7ff3f37c_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/1/575578.291/0_717a0_7ff3f37c_XL.jpg" target=_blank border="0">[770x609]</a></a><br />
<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4527/575578.291/0_71798_b3705e0c_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4527/575578.291/0_71798_b3705e0c_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/5/575578.291/0_71799_f652032e_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/5/575578.291/0_71799_f652032e_XL.jpg" target=_blank border="0">[800x408]</a></a><br />
<br />
<br />
а нам необходимо уравнять количество слоев в двух этих изображениях...как мы поступаем<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4526/575578.291/0_7179a_1946141a_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4526/575578.291/0_7179a_1946141a_XL.jpg" target=_blank border="0">[759x603]</a></a><br />
<br />
<br />
и нам нужно добавить недостающие кадры до количества 8...(в других случаях при другом количестве кадров мы просто выбираем те. которые дублируем...сами выбираем) а сейчас <br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><a href="http://fotki.yandex.ru/users/zomka/view/464795/"><img src="http://img-fotki.yandex.ru/get/4/575578.291/0_7179b_2f716387_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4/575578.291/0_7179b_2f716387_XL.jpg" target=_blank border="0">[800x509]</a></a><br />
<br />
<br />
и получится на панели АНИМАЦИЯ у нас вот это<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4/575578.291/0_7179c_81d4d11d_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4/575578.291/0_7179c_81d4d11d_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4/575578.291/0_7179d_d6766550_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4/575578.291/0_7179d_d6766550_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4424/575578.291/0_7179e_bdf59257_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4424/575578.291/0_7179e_bdf59257_L.jpg" target=_blank border="0">[339x433]</a></a><br />
<br />
Берем инструмент<br />
<br />
<img src="http://img-fotki.yandex.ru/get/4527/575578.291/0_7179f_db66a4cc_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4527/575578.291/0_7179f_db66a4cc_M" target=_blank border="0">[222x185]</a><br />
<br />
<img src="http://img-fotki.yandex.ru/get/4/575578.291/0_717a1_119b5fbc_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4/575578.291/0_717a1_119b5fbc_XL" target=_blank border="0">[594x427]</a><br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4426/575578.291/0_717a2_4c32f36_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4426/575578.291/0_717a2_4c32f36_XL.jpg" target=_blank border="0">[350x601]</a></a><br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4424/575578.291/0_717a3_84b9b2bc_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4424/575578.291/0_717a3_84b9b2bc_XL.jpg" target=_blank border="0">[351x602]</a></a><br />
<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/1/575578.291/0_717a4_b13fe87f_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/1/575578.291/0_717a4_b13fe87f_XL.jpg" target=_blank border="0">[351x602]</a></a><br />
<br />
<br />
А вот теперь <font color="red"><b>ВНИМАНИЕ!!</b></font>  делаем все по пунктам на картинке..<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/5/575578.291/0_717a5_10cf934e_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/5/575578.291/0_717a5_10cf934e_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
<br />
<a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4527/575578.291/0_717a6_21591ba1_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4527/575578.291/0_717a6_21591ba1_XL.jpg" target=_blank border="0">[750x]</a></a><br />
<br />
<br />
и получаем вот такое <br />
<br />
<img src="http://img-fotki.yandex.ru/get/4426/575578.291/0_717a7_10741980_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4426/575578.291/0_717a7_10741980_M" target=_blank border="0">[192x300]</a><br />
<br />
Вот. собственно и весь урок...Будут вопросы-задавайте...Буду рада служить вашим экспериментам)))<br />
Удачи...<br />
Ваша Zomka</a></font></td></tr></table></td></tr></table><a title="zomka" href="http://zomka.ya.ru/" target="_blank"><img src="http://img-fotki.yandex.ru/get/5812/575578.276/0_6cb7f_1e48e022_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/5812/575578.276/0_6cb7f_1e48e022_XS" target=_blank border="0">[3x]</a></a><br /></center>

Обратиться - Ответить - К полной версии

Arnusha 03-01-2012-01:40 удалить

Танюш, когда все это проделаешь, и все устраивает,как оставить одну вкладку уже с проделанной работой,ведь открыты все две вкладки?Я еще хотела там текст написать!

Обратиться - Ответить - К полной версии

Arnusha 03-01-2012-01:50 удалить

P.S.Танюш, еще не подскажешь,как расширить прозрачный фон под анимацией,для написания текста,например или сбоку или внизу?

Обратиться - Ответить - К полной версии

zomka 03-01-2012-11:30 удалить

Ответ на комментарий Arnusha # просто сделай активной ту. на которой вся работа сделана нажав на название файла (возле крестика) а вторую вкладку просто удали нажав на крестик...Оставляем только активную и ту на которой уже все и сделали....

Обратиться - Ответить - К полной версии

zomka 03-01-2012-11:52 удалить

Ответ на комментарий Arnusha # очень просто...используй инструмент РАМКА в фотошопе...Обведи им картинку по периметру и увидишь как появятся маркеры их штук 9 вот их раздвинь как тебе надо а потом нажми ENTER и поле увеличится...Этот инструмент сразу после волшебной палочки на панели инструментов..

Обратиться - Ответить - К полной версии

Arnusha 03-01-2012-21:08 удалить

Ответ на комментарий zomka # Вот спасибо!!!!ОГРОМНОЕ!

Обратиться - Ответить - К полной версии

Arnusha 03-01-2012-21:10 удалить

Ответ на комментарий zomka # Поняла,ты супер!!!

Обратиться - Ответить - К полной версии

erlikon2 26-03-2012-21:09 удалить

Спасибо за хороший урок!

Обратиться - Ответить - К полной версии

Visparman 21-05-2012-14:10 удалить

Спасибо за урок!

Обратиться - Ответить - К полной версии

Visparman 21-05-2012-14:10 удалить

Процитирую себе - СПАСИБО!

Обратиться - Ответить - К полной версии

lenchik_1 31-07-2012-10:30 удалить

Сердечно благодарю за чудесный урок! Даже и не знала что анимацию можно наложить на анимацию. Мне хочется знать как анимированый клипарт поставить на простое изображение? Но не нашла урока. ФШ только осваиваю. Вы так просто и доступно обьясняете!

Обратиться - Ответить - К полной версии

zomka 31-07-2012-20:16 удалить

Ответ на комментарий lenchik_1 # такого урока нет но есть-наоборот....как простое изображение поставить на анимацию.Это то же самое

Обратиться - Ответить - К полной версии

lenchik_1 31-07-2012-20:30 удалить

Я позже нашла у Вас как анимацию птиц добавили на фон моря. Вы объясняете как вставить коды. А в какой программе это делать?

Обратиться - Ответить - К полной версии

zomka 31-07-2012-23:03 удалить

Ответ на комментарий lenchik_1 # это хтмль и делается только в редакторе там где вы пишите свои посты...

Обратиться - Ответить - К полной версии

lenchik_1 01-08-2012-02:30 удалить

Поняла, сердечно Вам благодарна!

Обратиться - Ответить - К полной версии

Lana4ka_T 30-08-2012-17:42 удалить

Благодарю от души! Замечательный урок! Забираю и пошла учиться!

Обратиться - Ответить - К полной версии

Иносенсия 27-10-2012-17:24 удалить

Спасибо!

Обратиться - Ответить - К полной версии

Sobirayu_vinograd 30-12-2012-11:29 удалить

Желаю счастья!
С новыми и радостными событиями, преданными и искренними друзьями, светлыми и добрыми мыслями!
Благодарю.

Обратиться - Ответить - К полной версии

Комментарии (75): «первая «назад вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Как в фотошопе анимацию поставить на анимированную картинку | zomka - Мир входящему,ежели с добром | Лента друзей zomka / Полная версия Добавить в друзья Страницы: «позже раньше»