Анимация аватара: пальцем по запотевшему стеклу.
|
|
Суббота, 24 Ноября 2007 г. 19:04
+ в цитатник
Пятнистый_Щасвирнус все записи автора
Наступила зима, и у меня появилась мысль попробовать придумать какой-нибудь зимний вариант для анимации аватаров. :)
Так что сегодня мы будем учиться вытирать запотевшее стекло, чтобы увидеть какую-нибудь чудесную картинку за окном. :)
В ФШ откроем картинку для будущего аватара (постарайтесь выбрать не очень одноцветную, лучше с комбинацией какимх-то контрастных цветов)
Откройте панель слоев (F7).
Приступаем! :)
Создадим дубликат слоя (Ctrl+J). Применим к нему Фильтр (Filter) - Размытие (Blur) - Размытие по Гауссу (Gaussian Blur) с радиусом от 6 до 8 px.
Теперь к этому же слою применим фильтр Текстура (Texture) - Зерно (Grain) с настройками: Интенсивность - 4, Контрастность - 48, чтобы придать "запотеванию" немного объема.
А теперь начнем проводить пальцем по стеклу.
Продублируйте " запотевший" слой (Ctrl+J), отключите видимость нижнего "запотевшего" слоя слоя в палитре слоев, нажав на изображение глазика рядом с ним.
Возьмите инструмент Ластик (E) с настройками
![](//i011.radikal.ru/0711/a0/4d3c830883a8.jpg)
и проведите по верху аватара линию до середины картинки:
![](//i042.radikal.ru/0711/ab/023c5b3e1589.jpg)
Теперь снова продублируйте слой (Ctrl+J), отключите видимость предыдущего слоя, снова возьмите ластик и доведите линию до края аватара.
![](//i019.radikal.ru/0711/13/94edc5d3bb68.jpg)
Далее технология проста: снова дублируйте слой, отключайте видимость предыдущего, стирайте ластиком в противоположном направлении пол-линии:
![](//i017.radikal.ru/0711/18/af6208efbb67.jpg)
Снова повторяйте все действия и стирайте линию до конца:
![](//i018.radikal.ru/0711/3a/c4f213dd498b.jpg)
И повторяйте так, пока не дойдете до нижнего края аватара.
Совет: не старайтесь стирать все "запотевание", пусть между линиями иногда остаются узенькие полосочки и не доходите до краев аватара.
Когда сотрете ластиком самую нижнюю линию, отключите видимость этого слоя и включите видимость самого нижнего, полностью "запотевшего" слоя:
![](//i020.radikal.ru/0711/b0/e7f4703ec0d6.jpg)
Теперь перейдем к анимации: переходим в Image ready (Ctrl+Shift+M). Открываем окно с анимацией и окно со слоями (F7 и F11).
В окне анимации дублируем кадр:
![](//i050.radikal.ru/0711/2f/c109bc93ff48.jpg)
В панели слоев отключаем видимость "запотевшего" слоя, включаем видимость первого слоя с ластиком:
//i032.radikal.ru/0711/b9/1e491685c999.jpg
Теперь снова дублируем кадр, отключаем видимость первого слоя с ластиком, включаем видимость второго слоя с ластиком:
![](//i016.radikal.ru/0711/85/00cef8d85810.jpg)
И продолжаем так делать, пока не дойдем до самого верхнего слоя с ластиком. Это будет последний кадр и поэтому поставим длительность его показа - 1 с.
![](//i011.radikal.ru/0711/2e/2dfb5bbd0a8f.jpg)
Готово! :)))
![](//i004.radikal.ru/0711/86/335f6cce4696.gif)
Удачи! Не стесняемся задавать вопросы и хвастаться тем, что у вас получилось. :)))
Процитировано 22 раз
Понравилось: 1 пользователю
-
1
Запись понравилась
-
22
Процитировали
-
0
Сохранили
-