СОЗДАНИЕ АНИМАЦИИ

Четверг, 18 Августа 2011 г. 20:26 + в цитатник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее....

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Серия сообщений "Коллажи":
Часть 1 - СОЗДАНИЕ АНИМАЦИИ
Часть 2 - СОЗДАНИЕ КОЛЛАЖЕЙ (Уроки Photoshop)
Часть 3 - MakeSweet - Онлайн сервис по созданию фотоэффектов
...
Часть 27 - Бесплатный онлай сервис PicJoke.net
Часть 28 - Photovisi – бесплатный и простой инструмент для создания фотоколлажей
Часть 29 - Бесплатный онлайн фоторедактор Online Image Editor // многофункциональный с фотоэффектами /

Серия сообщений "Создание анимации":
Часть 1 - Создание анимации из ваших фоток
Часть 2 - СОЗДАНИЕ АНИМАЦИИ
Часть 3 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 4 - Онлайн сервис Glitterfy (создание аватарки с блёстками и надписью)
...
Часть 32 - ДЕЛАЕМ GIF АНИМАЦИЮ ОНЛАЙН БЕЗ ФОТОШОПА HA САЙТЕ PICMIX!
Часть 33 - Бесплатный онлайн сервис с большим набором разных функций BLOG GIF
Часть 34 - Бесплатный онлайн сервис Blingee // Анимация без фотошопа /