24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Анимация реалистичных дождя и снега


Анимация реалистичных дождя и снега

Сообщений 1 страница 11 из 11

1

Программа: Adobe Photoshop
Анимация
Автор: Pulse
Источник: http://emotiondigital.artbb.ru
Время выполнения: ~5-10 минут

http://forumupload.ru/uploads/000e/32/ad/16690-5-f.gif
Буквально недавно, создавая очередную анимацию на аватарке, я столкнулась с двумя жуткими проблемами. Первая - фотошопный дождь выглядит ужасно ненатурально - никаких капель, никаких оттенков, ни бликов, ни разреженности.  Второй проблемой оказалась лень http://forumupload.ru/uploads/000e/32/ad/3595-2.gif Но подумав, что не мне одной может быть настолько лениво создавать дождик, я решила поднапрячься и создать анимацию сего в первой попавшейся программе для дальнейшего пользования нашими эмдиартовцами. Под руку попался Sony Vegas.  После небольшой обработки в PS, дождь стал доступен в psd файле, который вы сможете скачать, дочитав до конца этот урок. Я учла и размер, поэтому даже на эпиграфах в 500 x 300 пикселей капли будут смотреться неискажённо, и количество кадров - в группе их 34, поэтому разнообразия дождя хватит на несколько аватарок.
Итак.
1. Открыв psd мы видим фон  - сюда может быть вставлена ваша картинка, и группу слоёв, под названием "Реалистичный дождь".
Режим наложения слоёв  (Blending modes) в группе выставлен на "Осветление основы" (Color Dodge), непрозрачностью (opacity) в 68 процентов. Это оптимальные значения,  выбранные мной. Естесственно, режим наложения группы и непрозрачность можно менять на своё усмотрение. Заметьте, что у отдельно-взятого слоя режим наложения выставлен на normal (обычный) и opacity (непрозрачность)  = 100%. В принципе, менять по отдельности эти значения необязательно, ибо режим и непрозрачность группы могут перекрыть все слои, в неё включённые.
http://forumupload.ru/uploads/000e/32/ad/16686-1-f.jpg
Если убрать фон и выставить непрозрачность группы на 100%, вы сможете наблюдать такую картину:
http://forumupload.ru/uploads/000e/32/ad/16686-4-f.jpg
2. Группу можно кадрировать (Crop) или масштабировать (Scale) под ваш исходник. Для этого используйте "Свободное трансформирование" (Ctrl+t), при зажатой клавише shift, и инструмент  "Перемещение", когда группа активна. Помимо всего прочего, можно наклонять, деформировать группу: Редактирование - Масштабирование - Поворот (для косого дождя)/Наклон/Деформация (Edit - Scale - Rotate/Skew/Distort)
http://forumupload.ru/uploads/000e/32/ad/16158-1-f.gif
3. Конечно же, можно поменять время каждого кадра в отдельности, или всех кадров разом (исполья shift -для всех и ctrl - для отдельных)
Моё время кадра выставлено на 0, 07 сек. Это также оптимальное, выбранное мной, значение.
http://forumupload.ru/uploads/000e/32/ad/16686-3-f.jpg
4. Для того, чтобы перенести дождь (если хочется работать в другом документе), перетащите группу в окно с вашим исходником.
Учтите, что анимация после этого действия пропадёт. Кадры придётся создавать заново. Вызвать вкладку можно посредством нажатия на меню - Окно-Анимация (Window - Animation). Далее расставлять кадры, к примеру, в таком порядке: первый кадр - первый слой, второй кадр - второй слой и так далее. Можно ставить под разные кадры - разные слои и даже включать видимость нескольких слоёв сразу для создания ливня.
http://forumupload.ru/uploads/000e/32/ad/16687-3-f.gif

5. Стирать (повышать прозрачность пикселей) дождь можно как по отдельным кадрам, активируя каждый, так и сразу целой группой, добавив к ней маску слоя (на которой, к слову, и нужно производить такие манипуляции).
http://forumupload.ru/uploads/000e/32/ad/16158-4-f.jpg

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

Отпишитесь, если урок помог, выставите свой результат.

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

http://forumupload.ru/uploads/000e/32/ad/39942-1.gif
ЗАГРУЗИТЬ PSD лепестки розы>>

http://forumupload.ru/uploads/000e/32/ad/39942-2.gif
ЗАГРУЗИТЬ PSD лепестки сакуры>>

бонусами к последним идут колоры.

+13

2

спасибки ** урок помог х) и psd тем более Х)))

0

3

Офигенный урок, всё взяла) http://colormate.ru/wp-content/uploads/2011/03/clover.gif

0

4

спасибо за урок, так красиво вышло, обязательно попробую.)

0

5

Привет, аватарки - моё увлечение. попробую сделать ваши уроки , спасибо  http://colormate.ru/wp-content/uploads/2011/03/ps-lover.gif

0

6

babulka
удачи вам в освоении материала и добро пожаловать! http://uploads.ru/i/m/s/z/msz46.gif

0

7

Ах, какая красотищааа!!!
Спасибо огромное  http://www.10pix.ru/img1/4447/3475774.gif

Свернутый текст

http://uploads.ru/i/K/j/f/KjfL7.gif  http://uploads.ru/i/q/2/L/q2LH9.gif

только мы очень тяжеленькими получились

Отредактировано Клюковка (07-04-2012 22:29:29)

+1

8

большое спасибо за урок, у меня вон что вышло))

жми меня полностью

http://s3.uploads.ru/Gy1vB.gif

0

9

Свернутый текст

http://s2.uploads.ru/BV8LC.gif

http://uploads.ru/i/m/s/z/msz46.gif

+1

10

Спасибо большое, замечательный урок, а psd  и подавно) все взяла)

0

11

Спасибо за потрясающий урок и не менее шикарные pds)

0


Вы здесь » COLOR MATE » Уроки Photoshop » Анимация реалистичных дождя и снега