Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 110 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Анимация дождя и снега (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
 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#27 omer 07.01.2012 23:55
nn
Цитировать
 
 
#26 Nessy 23.12.2010 00:04
БОЛЬШОЕ СПАСИБО!!!! Главное- своевременно!!! Все же - научилась делать снег!!!

СПА-СИ - БО!!!
Цитировать
 
 
#25 Ляляolol 15.12.2010 17:25
спасибо вам!:D
Цитировать
 
 
#24 LCK 11.12.2010 21:10
Я не понила пункт 4. Я наложыла их. Но и они на чёрном фоне. И там как их ставить в какой эффект Мягкий свет или наложенно. У меня исходника не видно
Цитировать
 
 
#23 aladin_2o1o 05.12.2010 11:25
Большое спасибо тому кто этот урок делал все норм пашет и шикарно посатса...
БИГ БИГ БИГ БИГ БИГ СПС
Цитировать
 
 
#22 Elika 28.11.2010 16:48
Большое спасибо.
Вот бы ещё psd-файл с дождиком бы, а?
Цитировать
 
 
#21 Bob 06.08.2010 12:54
Большое спасибо за уроки :-) :-)
Цитировать
 
 
#20 Alisa 30.06.2010 13:08
Цитирую bornik:
Большое спасибо за урок! Здорово!
Только в 3 уроке после анимации фотошоп не хочет сохранять файл в Web!
Пишет про ошибку и отправить отчёт или нет. Как тогда сохранить не знаю.

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

Цитирую Eva:
Огромное спасибо за урок Способ № 3 - всю жизнь мечтала, чтобы вот так снежок шёл!!! Спасибо!!! Всё получилось, всё просто супер!!! Но есть одно НО :(
Очень нудно перетаскивать 15 кадров с выравниваем по краям, а вот второй способ про группы я не поняла. Расскажите пож поподробнее, как это можно сделать :)

а зачем вы таскаете по одному? выделите все кадры сразу, с помощью клавиши shift :)
Насчет второго урока - расскажите сами поподробнее, что именно вы не поняли и на каком пункте застряли? :)
Цитировать
 
 
#19 Looky_fan 25.06.2010 14:17
Крутые штуки большое спасибо
Цитировать
 
 
#18 Eva 31.05.2010 18:46
Огромное спасибо за урок Способ № 3 - всю жизнь мечтала, чтобы вот так снежок шёл!!! Спасибо!!! Всё получилось, всё просто супер!!! Но есть одно НО :(
Очень нудно перетаскивать 15 кадров с выравниваем по краям, а вот второй способ про группы я не поняла. Расскажите пож поподробнее, как это можно сделать :)
Цитировать
 
 
#17 bornik 18.01.2010 20:55
Большое спасибо за урок! Здорово!
Только в 3 уроке после анимации фотошоп не хочет сохранять файл в Web!
Пишет про ошибку и отправить отчёт или нет. Как тогда сохранить не знаю.
Цитировать
 
 
#16 Sovunia 10.01.2010 15:13
Спасибо за ответ!
Цитировать
 
 
#15 Alisa 09.01.2010 21:32
Цитирую Sovunia:
Нашла эту программу. Все работает кроме главного: сохранения.
Никакого окошка не появляется после нажатия на кнопку gif
В общем не могу сохранить. В чем ошибка?

Простите, ссылку поправила, теперь можно скачать программу оттуда и там точно не будет никаких глюков :)
К сожалению, не имею понятия почему у вас может возникать такая проблема... но предполагаю, что это от того, что 1) программа криво встала 2) программа не корректно сломана
Цитировать
 
 
#14 Sovunia 09.01.2010 11:48
Нашла эту программу. Все работает кроме главного: сохранения.
Никакого окошка не появляется после нажатия на кнопку gif
В общем не могу сохранить. В чем ошибка?
Цитировать
 
 
#13 Sovunia 09.01.2010 10:51
Ccылка на программу "Программа "Sqirlz Water Reflections"" не работает
Цитировать
 

Добавить комментарий


Защитный код
Обновить