Создание анимации в фотошопе.

Вторник, 10 Февраля 2015 г. 20:33 + в цитатник

Цитата сообщения Mademoiselle_Viv

Прочитать целиком В свой цитатник или сообщество!

Создание анимации в фотошопе.

ФОТОШОП для НАЧИНАЮЩИХ
анимация (395x390, 142Kb)

Цель этого урока не научить новому приему анимации, а просто рассказать, как создается анимация в фотошопе. Так сказать, основы.
Для урока Вам понадобятся 3-4 статичные картинки (jpeg или png).
Я вырезала малыша отсюда

Вы можете взять любые другие, примерно одинакового размера. Откройте их в фотошопе.

1. Создайте новый документ (Файл - Создать). Размер документа - на Ваше усмотрение.
1 (696x326, 38Kb)

2. С помощью инструмента "Перемещение"

(или сочетанием клавиш Ctrl+C и Ctrl+V), перетащите Ваши картинки на документ.

В результате у Вас получится примерно так:
3 (360x328, 25Kb)

Я специально сделала слой 0, который я переименую в "фон", т.к. в дальнейшей работе у Вас может появиться такая необходимость, делать анимацию на отдельных слоях, не трогая фон.
3. Отключаем "глазки" на всех слоях, кроме нижнего и фона.
1 (361x325, 24Kb)

4. Открываем панель "Анимация" (Окно - Анимация)
1 (455x120, 12Kb)

5. Создаем копию кадра, нажав на конвертик (см. скрин выше)
6. В панели слои выключаем видимость на слое 1 и включаем на слое 2
2 (361x327, 29Kb)

7. В панели "Анимация" - создаем копию второго кадра
1 (307x123, 12Kb)

8. В панели "Слои" - выключаем видимость на слое 2 и включаем на слое 3
2 (363x321, 29Kb)

9. В панели "Анимация" - создаем копию третьего кадра
1 (317x120, 11Kb)

10. В панели "Слои" - выключаем видимость на слое 3 и включаем на слое 4
2 (365x333, 27Kb)

11. В панели "Анимация" нажмите на "Воспроизведение"

. Кадры меняются очень быстро?
Выставим время.
12. Активируйте 1 кадр, кликнув на него. Чтобы выставить время сразу на всех кадрах, зажмите на клавиатуре клавишу "Shift" и кликните по последнему кадру.
Все кадры станут активными (синими). Теперь на любом кадре нажмите на крошечный треугольник
1 (310x121, 14Kb)

Выпадет вот такое меню:
2 (161x238, 5Kb)

Можно выбрать время на нем, нажав на нужные цифры, но мы рассмотрим такую ситуацию, когда нужного нам интервала времени нет, поэтому мы жмем на "Другое".
И в новом окошке выставляем свои цифры
3 (399x98, 9Kb)

Еще раз просматриваем результат. Если он Вас устраивает, сохраняем - Файл>Сохранить для Web и устройств(правая верхняя часть)
2 (346x333, 27Kb)

Если что-то не понятно, пишите а комментарии.

Рубрики:

Уроки по ФШ
Анимация

<a href="https://www.liveinternet.ru/users/5038697/post353072541/">РЎРѕР·РґР°РЅРёРµ Р°РЅРёРјР°С†РёРё РІ С„РѕС‚РѕС€РѕРїРµ.</a><br/>РЎРѕР·РґР°РЅРёРµ Р°РЅРёРјР°С†РёРё РІ С„РѕС‚РѕС€РѕРїРµ.

Р¦РµР»СЊ СЌС‚РѕРіРѕ СѓСЂРѕРєР° РЅРµ РЅР°СѓС‡РёС‚СЊ РЅРѕРІРѕРјСѓ РїСЂРёРµРјСѓ Р°РЅРёРјР°С†РёРё, Р° РїСЂРѕСЃС‚Рѕ СЂР°СЃСЃРєР°Р·Р°С‚СЊ, РєР°Рє СЃРѕР·РґР°РµС‚СЃСЏ Р°РЅРёРјР°С†РёСЏ РІ С„РѕС‚РѕС€РѕРїРµ. РўР°Рє СЃРєР°Р·Р°С‚СЊ, РѕСЃРЅРѕРІС‹.
Р”Р»СЏ СѓСЂРѕРєР° Р’Р°Рј РїРѕРЅР°РґРѕР±СЏС‚СЃСЏ 3-4 СЃС‚Р°С‚РёС‡РЅС‹Рµ РєР°СЂС‚РёРЅРєРё (jpeg РёР»Рё png).
РЇ РІС‹СЂРµР·Р°Р»Р° РјР°Р»С‹С€Р° РѕС‚СЃСЋРґР°

Р’С‹ РјРѕР¶РµС‚Рµ РІР·СЏС‚СЊ Р»СЋР±С‹Рµ РґСЂСѓРіРёРµ, РїСЂРёРјРµСЂРЅРѕ РѕРґРёРЅР°РєРѕРІРѕРіРѕ СЂР°Р·РјРµСЂР°. РћС‚РєСЂРѕР№С‚Рµ РёС… РІ С„РѕС‚РѕС€РѕРїРµ.

1. РЎРѕР·РґР°Р№С‚Рµ РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚ (Р¤Р°Р№Р» - РЎРѕР·РґР°С‚СЊ). Р Р°Р·РјРµСЂ РґРѕРєСѓРјРµРЅС‚Р° - РЅР° Р’Р°С€Рµ СѓСЃРјРѕС‚СЂРµРЅРёРµ.

2. РЎ РїРѕРјРѕС‰СЊСЋ РёРЅСЃС‚СЂСѓРјРµРЅС‚Р° "РџРµСЂРµРјРµС‰РµРЅРёРµ"  (РёР»Рё СЃРѕС‡РµС‚Р°РЅРёРµРј РєР»Р°РІРёС€ Ctrl+C Рё Ctrl+V), РїРµСЂРµС‚Р°С‰РёС‚Рµ Р’Р°С€Рё РєР°СЂС‚РёРЅРєРё РЅР° РґРѕРєСѓРјРµРЅС‚.

Р’ СЂРµР·СѓР»СЊС‚Р°С‚Рµ Сѓ Р’Р°СЃ Рї... <a href="https://www.liveinternet.ru/users/5038697/post353072541/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Музыка

-Метки

-Ссылки

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Статистика

Создание анимации в фотошопе.