[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/)

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








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

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



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





Далее....





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



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







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






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





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

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

 

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

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

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



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


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




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







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



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




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







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











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





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



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

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

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

Серия сообщений "Коллажи":
Часть 1 - СОЗДАНИЕ АНИМАЦИИ
Часть 2 - УРОКИ PHOTOSHOP. ФОТОМОНТАЖ
Часть 3 - СОЗДАНИЕ КОЛЛАЖЕЙ (Уроки Photoshop)
...
Часть 17 - СОЗДАНИЕ КЛИПАРТА // Как легко и быстро удалить фон с фотографии онлайн /
Часть 18 - Полезняшки с сайта optimakomp.ru
Часть 19 - Удаление и замена фона на сайте онлайн

Серия сообщений "Создание анимации":
Часть 1 - Создание анимации из ваших фоток
Часть 2 - СОЗДАНИЕ АНИМАЦИИ
Часть 3 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 4 - СОЗДАНИЕ АВАТАРОВ (ссылки на сайты и генераторы)
...
Часть 23 - Аниматоры Рhotofunia.com и Glitterfy.com
Часть 24 - ГЕНЕРАТОР ПО СОЗДАНИЮ АНИМАЦИИ // Объединяем png и gif /
Часть 25 - ВеСёЛыЕ БуКоВкИ!