Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. |
| Подробнее ... |
| Анимация дождя и снега (3 способа) |
| Автор: MidnightDragon |
|
Сделать дождь и снег на вашей аватаре можно разными способами - одни реалистичнее, другие меньше весят. Выбирайте то, что вам нравится больше
С чем мы познакомимся в этом уроке: использование настроек инструмента Brush tool, использование готового исходника со снегом. Потребуется знание уроков: Программа "Sqirlz Water Reflections" и Плавный переход между кадрами
Для быстрого перехода к нужному уроку, щелкните по заинтереcовавшему вас результату:
1. Способ №1. Автоматически, с помощью программы "Sqirlz Water Reflections" . 2. Спосою №2. Вручную, с помощью рисования кистями. 3. Способ №3. С использованием готового psd-исходника со снегом.
Способ №1
Посмотреть инструкцию по этой программе, а также скачать ее, вы можете в уроке Программа "Sqirlz Water Reflections"". Урок предоставлен MidnightDragon, за что ей ОГРОМНОЕ спасибо!! Итак, приступим к созданию дождя и снега на вашей аватаре
Открываем нужную вам картинку и жмём кнопку Customize Rain/Snow (Сформировать дождь/снег):
Открывается такое окошко:
Давайте его разберем:
«Length (rain only)» (Длина (применяется только к каплям дождя)). Покрутив в стрелку влево – вправо получаем короче – длиннее капли соответственно. Можно создать начиная с лёгких моросящих капель до ливневых потоков.
«Brightness» (Яркость). Поиграйте с настройками и сами всё поймёте.
«Softness» (Мягкость). Это количество и сила ваших капель.
«Depth of Field» (т.н. Глубина Области). Поиграв с курсором можно добиться интересных результатов.
«Width» (Ширина). Ширина ваших капелек.
«Speed» (Скорость). С этим всё понятно. Это скорость падения дождя.
«Transparency» (Прозрачность). С помощью этой настройки ваш дождь будет более или менее заметен.
«Direction Variation» нам вообще не понадобится.
Мы можем выбрать сторону, с какой будет идти ваш дождь.
Переходим к параметрам сохранения.
Далее видим:
и выбираем Rain/Snow only. Остальные комбинации рассмотрим в следующем уроке.
Способ №2 Урок предоставлен нам DarьKa, Огромное спасибо за помощь!! Результат урока:
1. Открываем изображение со снеговиком.
2. Выбираем инструмент Brush tool:
3. Настройки кисти. Нажимаем F5 или же выкладку "Brushes" (Кисти), открываем настройки кисти. Примените настройки: "Shape Dynamics" (Динамика формы) c расстоянием (Spacing) - 75%
Smoothing (Сглаживание)
Scattering (разнос) 4. Создайте новый слой. Создание слоя - SHIFT+CTRL+N, либо кнопка "create a new layer" (создать новый слой) на панели "layers" (слои).
5. Нарисуйте на новом слое белым цветом снег: 6. Дублируйте слой со снегом (именно со снегом ) с помощью кпонок CTRL+J на клавиатуре. и продвиньте его так, чтобы основание этого изображения коснулось вершины оригинального слоя со снегом. (подымите дубликат со снегом вверх до упора SHIFT+CTRL+стрелкавверх)
7. Слейте оба слоя со снегом. CTRL+E на клавиатуре, либо правой кнопкой по верхнему слою и выбрать команду "Merge down" (слить с нижним)
8. Открываем ImageReady.
9. Проставляем видимость слоев. Для первого кадра оставим кадр со снегом.
Дублируем кадр (CTRL+J или "duplicate current frame" (дублировать активный кадр)) и переместите слой со снегом вниз так, чтобы вершина слоя коснулась вершины изображения (SHIFT+CTRL+стрелкавниз).
Выделим оба кадра и нажмем Tweens animation frames.
Примените настройки Tween как показано на рисунке.
Удалите последний кадр, чтобы создать анимацию снегопада без шва. Поставьте
Способ №3
Вам знаком урок в этом же разеделе про создание снега. Здесь же мы будем использовать готовый psd файл со снегом, просто добавим его на любую понравившуюся картинку. 1. Урок подходит для аватара 100х100. 2. Открываем в ФШ понравившийся нам аватар или сделаем сами 100х100.. я выбрала вот такое:
3. Скачиваем >Снег< (Download 104.0 KB) 4. Открываем данный файл в ФШ и перетаскиваем все 15 слоев к нашей картинке, выравнивая по краям. Слои со снежинками находятся над слоем с нашим изображением.
5. Ну вот почти и все)))) Теперь работаем с анимацией: создаем 15 кадров и на каждом будет видима:
6. Устанавливаем время 0.1с
Еще несколько примеров урока (часть мои и часть из инета):
![]() P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее. Лучшее "спасибо" за урок - ваш комментарий! :) |

Приветствуем вас в разделе уроков нашего сайта!
















Комментарии
СПА-СИ - БО!!!
БИГ БИГ БИГ БИГ БИГ СПС
Вот бы ещё psd-файл с дождиком бы, а?
на лицо явный глюк программы.. причин может быть множество. И если проблема не решается перезагрузкой компьютера, то скорее всего поможет только перестановка программы. Попробуйте сохранять просто через "save as..." указывая качество не самым лучшим, чтобы был не слишком большой вес.
Цитирую Eva:
а зачем вы таскаете по одному? выделите все кадры сразу, с помощью клавиши shift :)
Насчет второго урока - расскажите сами поподробнее, что именно вы не поняли и на каком пункте застряли? :)
Очень нудно перетаскивать 15 кадров с выравниваем по краям, а вот второй способ про группы я не поняла. Расскажите пож поподробнее, как это можно сделать :)
Только в 3 уроке после анимации фотошоп не хочет сохранять файл в Web!
Пишет про ошибку и отправить отчёт или нет. Как тогда сохранить не знаю.
Простите, ссылку поправила, теперь можно скачать программу оттуда и там точно не будет никаких глюков :)
К сожалению, не имею понятия почему у вас может возникать такая проблема... но предполагаю, что это от того, что 1) программа криво встала 2) программа не корректно сломана
Никакого окошка не появляется после нажатия на кнопку gif
В общем не могу сохранить. В чем ошибка?
RSS лента комментариев этой записи.