-Рубрики

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

Поиск сообщений в Elena_Turkas

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

 

 -Сообщества


Анимация дождя и снега (3 способа)

Воскресенье, 06 Ноября 2011 г. 14:06 + в цитатник
Цитата сообщения morela4 Анимация дождя и снега (3 способа)

Анимация дождя и снега (3 способа)
Автор: MidnightDragon
        

Сделать дождь и снег на вашей аватаре можно разными способами - одни реалистичнее, другие меньше весят. Выбирайте то, что вам нравится больше smile


alt  alt  alt


С чем мы познакомимся в этом уроке: использование настроек инструмента Brush tool, использование готового исходника со снегом.

Потребуется знание уроков: Программа "Sqirlz Water Reflections" и Плавный переход между кадрам


Для быстрого перехода к нужному уроку, щелкните по заинтереcовавшему вас результату:


alt  alt  alt


1. Способ №1. Автоматически, с помощью программы  "Sqirlz Water Reflections" .

2. Спосою №2. Вручную, с помощью рисования кистями.

3. Способ №3. С использованием готового psd-исходника со снегом.

 


Способ №1

С помощью программы "Sqirlz Water Reflections"


Посмотреть инструкцию по этой программе, а также скачать ее, вы можете в уроке

Программа "Sqirlz Water Reflections"".

Урок предоставлен MidnightDragon, за что ей ОГРОМНОЕ спасибо!! thumbup

Итак, приступим к созданию дождя и снега на вашей аватаре
В результате этого урока мы сможем добиться вот такого эффекта:


alt  alt


Открываем нужную вам картинку и жмём кнопку Customize Rain/Snow (Сформировать дождь/снег):


alt

Открывается такое окошко:




alt


Давайте его разберем:

Первое, что вы видите - желтая стрелочка. Это просмотр того, что получается. Можете сразу попробовать нажать на нее и увидеть свой дождь. Каждый раз, когда будете изменять какие-то настройки, нажимайте на эту стрелку, проверяя, что получается. С помощью предпросмотра можно добиться именно того, что хочется видеть.

Итак, далее видим «Number of raindrops/snowflakes» (Число капель дождя/снежинок). Я думаю с этим всё понятно, покрутив «галочку» влево – вправо вы получите меньшее – большее число капель дождя/снежинок соответственно. Идём дальше по настройкам



alt

«Length (rain only)» (Длина (применяется только к каплям дождя)). Покрутив в стрелку влево – вправо получаем короче – длиннее капли соответственно. Можно создать начиная с лёгких моросящих капель до ливневых потоков.

alt


«Brightness» (Яркость). Поиграйте с настройками и сами всё поймёте.


alt


«Softness» (Мягкость). Это количество и сила ваших капель.


alt


«Depth of Field» (т.н. Глубина Области). Поиграв с курсором можно добиться интересных результатов.


alt

«Width» (Ширина). Ширина ваших капелек.


alt

«Speed» (Скорость). С этим всё понятно. Это скорость падения дождя.


alt

«Transparency» (Прозрачность). С помощью этой настройки ваш дождь будет более или менее заметен.


alt


«Direction Variation» нам вообще не понадобится.
С помощью данного окошка:


alt

Мы можем выбрать сторону, с какой будет идти ваш дождь.
Если вы хотите создать снег, ставим галочку вот в это окошко:

alt

Переходим к параметрам сохранения.
Открываем окошко «Rain/Snow and Ripples Combination» (Комбинация дождя/снега и ряби на воде) с помощью кнопки


alt

Далее видим:



alt

и выбираем Rain/Snow only. Остальные комбинации рассмотрим в следующем уроке.

В итоге получилось:


Волк с дождём

alt



и со снегом


alt


Способ №2

С помощью программы "Photoshop": кисти


Урок предоставлен нам DarьKa, Огромное спасибо за помощь!!
От меня: урок не очень простой. Прежде чем браться за него, следует хорошо изучить уроки "

Плавный переход между кадрами" и вообще неплохо работать со слоями smile

Результат урока:

alt

1. Открываем изображение со снеговиком.



alt

2. Выбираем инструмент Brush tool:


alt


3. Настройки кисти. Нажимаем F5 или же выкладку "Brushes" (Кисти), открываем настройки кисти. Примените настройки:

"Shape Dynamics" (Динамика формы) c расстоянием (Spacing) - 75%

alt

Smoothing (Сглаживание)

alt

Scattering (разнос)



alt

4. Создайте новый слой. Создание слоя - SHIFT+CTRL+N, либо кнопка "create a new layer" (создать новый слой) на панели "layers" (слои).


alt

5. Нарисуйте на новом слое белым цветом снег:

alt


6. Дублируйте слой со снегом (именно со снегом ) с помощью кпонок CTRL+J на клавиатуре.

и продвиньте его так, чтобы основание этого изображения коснулось вершины оригинального слоя со снегом. (подымите дубликат со снегом вверх до упора SHIFT+CTRL+стрелкавверх)




alt


7. Слейте оба слоя со снегом. CTRL+E на клавиатуре, либо правой кнопкой по верхнему слою и выбрать команду "Merge down" (слить с нижним)

8. Открываем ImageReady.


alt

9. Проставляем видимость слоев. Для первого кадра оставим кадр со снегом.



alt

Дублируем кадр (CTRL+J или "duplicate current frame" (дублировать активный кадр)) и переместите слой со снегом вниз так, чтобы вершина слоя коснулась вершины изображения  (SHIFT+CTRL+стрелкавниз).



alt


Выделим оба кадра и нажмем Tweens animation frames.

Выделении двух кадров - Жмете на 1 кадр+ CTRL+ 2 кадр

alt

Примените настройки Tween как показано на рисунке.


alt


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

alt


Способ №3
Использование готового Psd-исходника со снегом

alt


Вам знаком урок в этом же разеделе про создание снега. Здесь же мы будем использовать готовый psd файл со снегом, просто добавим его на любую понравившуюся картинку.
У нас молодой препод в универе и потому он предал мне файл с снегом, а я сейчас расскажу вам как делать снег в Фш очень быстро))

1. Урок подходит для аватара 100х100.
(можно и более чем 100х100 посто как по уроку далее будем перетаскивать снег несколько раз, т.к. при увеличении он становится не красивым..)

2. Открываем в ФШ понравившийся нам аватар или сделаем сами 100х100.. я выбрала вот такое:

alt

3. Скачиваем >

Снег< (Download 104.0 KB)

4. Открываем данный файл в ФШ и перетаскиваем все 15 слоев к нашей картинке, выравнивая по краям. Слои со снежинками находятся над слоем с нашим изображением.
зы. или можно вот так сделать:
создать группу, перетащить в неё все слои анимашки, перетащить группу на слой с будущим аватаром. В этом способе ничего выравнивать при переносе не прийдется, в группе всё ляжет ровненько .

и получим:

alt

5. Ну вот почти и все)))) Теперь работаем с анимацией: создаем 15 кадров и на каждом будет видима:
- 1кадр=картинка + 1й слой с снегом
- 2кадр=картинка + 2й слой со снегом
- ...
- 15кадр=картинка + 15й слой с снегом



alt

6. Устанавливаем время 0.1с
7. Сохраняем для web в формате GIF.
8. А по примеру данных снежинок легко составить свои и будут падать так же мягко и без перебоев))

alt

Еще несколько примеров урока (часть мои и часть из инета):

alt  alt  alt

 

 

 

Рубрики:  Фотошоп
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку