вход
закрыть
 | регистрация  |  16+

Плейкаст «Анимация с применением анимированной текстуры.»

olbor , 30 августа 2010 года 17:23

Посмотреть в полном виде

 Кому: Фестиваль методических идей "Плэйкаст-класс",

Анимация с применением анимированной текстуры. Анимация с применением анимированной текстуры.

Дорогие друзья!

В этом уроке я познакомлю вас с созданием анимации

с помощью анимированной текстуры – глиттера

в программе  Adobe Photoshop.


В уроке я буду использовать глиттеры  на чёрном фоне, которые были созданы мной несколько лет назад и довольно популярны  у любителей анимаций в  фотошопе.

Глиттер «Падающий снег».   Глиттер «Помехи».

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

2.Для того, чтобы работать с глиттером в программе, его нужно  открыть и загрузить. Так , как глиттер имеет формат файла  gif, то нам предстоит небольшая работа.

Открытие  gif файла в программе  версий до CS2(включительно).

В этих версиях  фотошопа существует приложение для анимации ImageReady.

1)В приложении ImageReady  открываем глиттер (меню – файл – открыть).
См. скриншот.

2)Переходим в фотошоп.
См. скриншот.

В  фотошопе  глиттер  отобразился по слоям.

См. скриншот.

Открытие  gif файла в программе  версий  CS3( десятой) и выше.

Начиная с десятой версии  приложения ImageReady нет,  а есть панель анимации и окно оптимизации файлов. Чтобы открыть  gif файл нужно:

1)Меню – файл – импортировать – кадры в слои.
См. скриншот.

2) Откроется окно компьютера.  Находим папку, в которую сохранили глиттер и видим…что ничего не видно.
См. скриншот.

Если вы не знаете имя файла с глиттером, то в позицию «имя файла» пишем «звёздочку» ( удерживая клавишу Shift, жмём на цифру 8 и получаем *). Все файлы отобразились. Затем жмём на позицию «загрузить».
См. скриншот.


3)Находим файл с глиттером и жмём на него. В программе появится  окно импорта видео в слои. Жмём «ок» и получаем в панели слоёв глиттер  по слоям.
Скрин 1.   Скрин 2.

Загрузка глиттера в программу.

1) Переходим на первый слой и топаем в меню – редактировать – определить узор. Откроется панель, в которой жмём «ок» .
См. скриншот.

2) Переходим на следующий  слой в панели анимации и повторяем действие предыдущего подпункта.
См. скриншот.

Так мы поступаем со всеми слоями глиттера. Когда все слои будут определены, то  в окне заливки вы увидите весь глиттер (меню – редактирование – выполнить заливку).
См. скриншот.

Создание анимации «падающий снег».

1.Открываем изображение, на котором будем  создавать анимацию ( меню – файл – открыть).

2. В панели слоёв создаём новые слои ( правая иконка справа внизу панели слоёв). Количество слоёв должно быть равно количеству слоёв глиттера. В данном случае это 6 слоёв.
См. скриншот.

3.Переходим на первый слой и топаем в меню – редактирование – выполнить заливку. Находим  первый слой глиттера «падающий снег» и жмём «ок».
См. скриншот.

4. Слой глиттера отобразился на изображении и в панели слоёв. Меняем режим смешивания на «экран».
См. скриншот.

5. В панели слоёв переходим на второй слой и проделываем предыдущий пункт, но заливаем второй слой глиттера.
Скрин 1.   Скрин 2.

Переходим на третий слой и заливаем его третьим слоем глиттера и так до тех пор, пока не будут залиты все слои в панели слоёв.
См. скриншот.

6. открываем панель анимации ( меню – окно – анимация)
Для первого кадра оставляем видимость первого слоя с глиттером.
См. скриншот.

7.Создаём следующий кадр (вторая иконка справа внизу панели анимации) и  открываем видимость следующего слоя в панели слоёв, а видимость предыдущего слоя с глиттером закрываем.
См. скриншот.

8. Повторяем действия предыдущего пункта до 6 кадра.
См. скриншот.

Скорость падения снега можно регулировать, изменяя время задержки.
См. скриншот.

После того, как анимация готова сохраняем файл в формате gif .

Для версий программы до CS2(девятой) включительно переходим в приложение ImageReady.
См. скриншот.

В приложении топаем в меню – файл – сохранить оптимизированным как…
См. скриншот.

Для версий без приложения ImageReady топаем в меню – файл – сохранить для Web и устройств и переходим в окно оптимизации, где и сохраняем гиф файл.
См. скриншот.

Создание анимации «помехи» происходит по тому же принципу, что и создание анимации «падающий снег». Этот принцип касается всех анимаций с приминением глиттера.

Разница в приминении цветного глиттера или глиттера без фона  и глиттера на чёрном фоне  заключается в изменении режима смешивания слоёв. Переход на режим «экран» даёт возможность избавиться от чёрного фона.

В заключении хочу сказать, что применять глиттер можно и  на любой выделенной области. Для этого загружаете выделение области, создаёте слои и заливаете их глиттером. Потом снимаете выделение.  Анимация глиттером будет только на выделенной части  изображения. Такой способ часто применяют  на надписях.
Смотреть.

Вот и всё.

Тех, кто интересуется работой в программе Adobe Photoshop,  приглашаю на мой сайт «Фотошоп+Я», где в разделе «Фотошоп. Уроки»  опубликованы мои уроки  по коррекции изображения, создания рамок, фонов, открыток и  многого другого.  Все материалы рассчитаны на начинающих любителей фотошопа.  Может,  вы найдёте для себя что-то полезное.

С теплом, Ольга Бор.




Звук:Оркестр Олега Лундстрема - Чаттануга Чучу (Музыка: Гордон, Уоррен) - www.zvuki.ru К себе
Изображение: Александр Белоусов - Снегоход с трубой - www.photosight.ru Коллаж( фотошоп - коррекция изображения, фильтры, кисти), анимация и скриншоты автора плейкаста.
Текст:Автора плейкаста.



поделиться
закрыть
Социальная сеть Cсылка HTML-код BB-код Отправить на Email
Для отправки плейкаста, выберите социальную сеть, в которой находится ваш друг:
Пожалуйста, подождите.
закрыть

Последние комментарии (всего 51)

Автор разрешил комментарии только зарегистрированным пользователям.

Совет дня

У вас нет Photoshop'а? Не умеете работать в графических редакторах? Воспользуйтесь инструментом для нанесения текста на изображение. Мы предлагаем вам 80 лучших шрифтов для создания гармоничных и изящных коллажей.