• Авторизация


Анимация аватара: пальцем по запотевшему стеклу. 24-11-2007 19:04 к комментариям - к полной версии - понравилось!


Наступила зима, и у меня появилась мысль попробовать придумать какой-нибудь зимний вариант для анимации аватаров. :)
Так что сегодня мы будем учиться вытирать запотевшее стекло, чтобы увидеть какую-нибудь чудесную картинку за окном. :)



В ФШ откроем картинку для будущего аватара (постарайтесь выбрать не очень одноцветную, лучше с комбинацией какимх-то контрастных цветов)
Откройте панель слоев (F7).

Приступаем! :)

Создадим дубликат слоя (Ctrl+J). Применим к нему Фильтр (Filter) - Размытие (Blur) - Размытие по Гауссу (Gaussian Blur) с радиусом от 6 до 8 px.

Теперь к этому же слою применим фильтр Текстура (Texture) - Зерно (Grain) с настройками: Интенсивность - 4, Контрастность - 48, чтобы придать "запотеванию" немного объема.

А теперь начнем проводить пальцем по стеклу.
Продублируйте " запотевший" слой (Ctrl+J), отключите видимость нижнего "запотевшего" слоя слоя в палитре слоев, нажав на изображение глазика рядом с ним.
Возьмите инструмент Ластик (E) с настройками

[показать]

и проведите по верху аватара линию до середины картинки:

[показать]

Теперь снова продублируйте слой (Ctrl+J), отключите видимость предыдущего слоя, снова возьмите ластик и доведите линию до края аватара.

[показать]

Далее технология проста: снова дублируйте слой, отключайте видимость предыдущего, стирайте ластиком в противоположном направлении пол-линии:

[показать]

Снова повторяйте все действия и стирайте линию до конца:

[показать]

И повторяйте так, пока не дойдете до нижнего края аватара.

Совет: не старайтесь стирать все "запотевание", пусть между линиями иногда остаются узенькие полосочки и не доходите до краев аватара.

Когда сотрете ластиком самую нижнюю линию, отключите видимость этого слоя и включите видимость самого нижнего, полностью "запотевшего" слоя:

[показать]

Теперь перейдем к анимации: переходим в Image ready (Ctrl+Shift+M). Открываем окно с анимацией и окно со слоями (F7 и F11).

В окне анимации дублируем кадр:

[показать]

В панели слоев отключаем видимость "запотевшего" слоя, включаем видимость первого слоя с ластиком:

http://i032.radikal.ru/0711/b9/1e491685c999.jpg

Теперь снова дублируем кадр, отключаем видимость первого слоя с ластиком, включаем видимость второго слоя с ластиком:

[показать]

И продолжаем так делать, пока не дойдем до самого верхнего слоя с ластиком. Это будет последний кадр и поэтому поставим длительность его показа - 1 с.

[показать]

Готово! :)))

[показать]

Удачи! Не стесняемся задавать вопросы и хвастаться тем, что у вас получилось. :)))
вверх^ к полной версии понравилось! в evernote
Комментарии (36): вперёд»
Barbie-siZe 24-11-2007-20:02 удалить
супер!!
=) все главное просто и понятно)))
спасибо большое)))
вот что у меня получилось))
[304x324]
Sniper_ka 24-11-2007-21:00 удалить
оо, спасибо огромное)))
 (150x150, 67Kb)
LAVOCHKA 10-12-2007-12:57 удалить
болшое спасибо..))все ясно и подробно расказали..( я представляю такое из окна увидетьХ)))))CUpiD,)))
 (100x100, 34Kb)
10-02-2008-07:22 удалить
а у мну что то с анимацией она не выходит(( что делать?
-KamiKaze- 13-02-2008-15:35 удалить
блин... ну может хоть щас выйдет
 (200x200, 68Kb)
Jeannot 08-03-2008-21:31 удалить
У мну получилось!!!
Конечно, не супер, но для первого раза - ничего =)
[показать]
Спасибо4ки за урок, всё было очень доступно!
Melianna 11-03-2008-19:28 удалить
вооот....

замечательная штука )))) это только проба пера ))) теперь буду мастерить ))) спасибо )))
 (150x150, 38Kb)
я вот сделала по просьбе сестры=)
у меня получилось=)
для первого раза нормально=)
[429x635]
06-06-2008-17:20 удалить
наверно самый тупой туту вопрос...но всетаки!!создать создала а сохранить немогу!!!
вот мои две работы
[показать]
[показать]


Аноним, я сохраняю так перехожу из именж в фотошоп и сохранить для вэб, я не знаю может это не прально, но мне так удобно
кстати у меня ан первой аватарке вертикальное зерно =)
Аноним, Dj_Avril говорит дело: можно выбрать пункт Сохранить для Web, а можно в Image Ready выбрать пункт Сохранить Оптимизированный как...
Dj_Avril, обе работы вышли замечательно. :)
спасибо большущее за урок))) классно)))
[показать]
Спасибо. очень интересный эффект.
08-03-2009-16:46 удалить
Вот у меня всё получилось но я сохранить не могу незнаю немогу в формате .GIF
RefleX11, в Image Ready - меню Файл - Сохранить Оптимизированный Как... (Save Optimized As...)
POTAPUSHKA 29-03-2009-01:16 удалить
Большое спасибо за урок!!!


Комментарии (36): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация аватара: пальцем по запотевшему стеклу. | Photoshop_Tricks - ~Трюки Фотошопа~ | Лента друзей Photoshop_Tricks / Полная версия Добавить в друзья Страницы: раньше»