Поиск:
  • Страница 1 из 1
  • 1
Модератор форума: DoktorMix  
Урок по созданию анимации дождя.
Дата: Суббота, 01.01.2011, 14:57 | Сообщение # 1
Offline
  • Премиум
  • Ранг: Генерал-майор
  • 484 Сообщения
[Table][Table]Как в Фотошоп`e создать реальный дождь? Вот именно в этом уроке "Создание анимированного дождя" мы и научимся делать реальный дождик.[/Table]
[Table][/Table][/Table]

[Table][Table]Шаг первый.[/Table]

[Table]Для начала нам нужно выбрать картинку, на которой мы будем делать анимированный дождь. Я выбрала фотографию фотографа Mark Squires[/Table]

[Table]Итак открываем фотогроафию в Фотошопе.[/Table]
[Table][/Table][/Table]

[Table][Table]Шаг второй.[/Table]

[Table]1. Создаем новый слой. Назовем его "дождь"[/Table]

[Table]2. Созданный новый слой под названием "дождь" заливаем черным цветом.[/Table]

[Table]3. Идем в Фильтр -> Шум -> Добавить шум (Filter -> Noise -> Add Noise) И выставляем такие настройки как на скриншоте:[/Table]
[Table][/Table][Table]
Значение Количество (Amount) можете поменять, в зависимости от того, насколько сильный ливень вы хотите изобразить.[/Table]

[Table]Получаем примерно вот такое изображение в Photoshop`e[/Table]
[Table][/Table]
[Table]4. Далее будем создавать дождь в движении.[/Table]
[Table]1. Для этого нам надо зайти в Фильтр ->Размытие ->Размытие в движении(Filter -> Blur -> Motion Blur )[/Table]
[Table]2. Первое что нам нужно ,это выставить угол(Angle ) для нашего дождя, в моей картинке я выбрала 60 градусов, Вы можете поставить другой угол, более подходящий для вашей картинки.[/Table]
[Table]3. Далее выставляем размер для нашего дождика, чем больше пикселей в смещении Вы выберете, тем длиннее ваши полосы будут. Я выбрала 40 пикселей[/Table]
[Table]Вот пример на скриншоте[/Table]
[Table][/Table]
[Table]Итак, один слой с дождиком у нас почти готов.[/Table]
[Table][/Table]
[Table]Осталось поменять стиль слоев, для того чтобы было видно нашу фотографию smile[/Table]

[Table]5.Для этого идем в Режим смешивания слоя(Blend Mode Layers) меняем настройки с нормального на Осветление(Screen)[/Table]
[Table][/Table]
[Table]6. Меняем прозрачность слоя, я поставила 50%, Вы можете выбрать и другой процент,так как Вам больше понравится,
для того чтобы дождик выглядел более реалистичным.[/Table]
[Table][/Table]
[Table]Вот такое примерно у Вас должно получится[/Table]
[Table][/Table][/Table]
[Table][Table]Шаг третий.[/Table]

[Table]Чтобы создать анимированный дождь Вам понадобится не один слой с "дождем".[/Table]

[Table]1 Создаем слой дождь 2[/Table]

[Table]2 Заливаем его черным цветом[/Table]

[Table]3 Идем в Фильтр -> Шум -> Добавить шум(Filter -> Noise -> Add Noise), настройки оставляем такие же как и в первом слое под названием "дождь"[/Table]
[Table][/Table]
[Table]4. Заходим в Фильтр ->Размытие ->Размытие в движении (Filter -> Blur -> Motion Blur ) а вот тут меняем параметры, для того чтобы создать "эффект дождь в движении "
Для этого мы меняем угол (angle) на 1-2 градуса и меняем пиксели в смещивание с 40 ставим 45[/Table]
[Table][/Table]
[Table]5. Меняем (режим смешивания слоя Blend Mode Layers) и прозрачность % как в шаге втором пункт 5-6[/Table]

[Table]Итак у нас готов второй слой "дождь".[/Table]

[Table]Теперь нам осталось повторим еще несколько раз Шаг третий, меняя угол в филтре Размытие в движении а также пиксели смещения для движения дождя.[/Table]
[Table]Я ставил такие пиксели смещения- 40,45,50,55.[/Table]
[Table]Угол -60,61,62,63,64[/Table][/Table]

[Table][Table]Шаг четвертый[/Table]
[Table]
Итак, у нас пркатически анимированый дождь готов. Теперь нам нужно создать его в движении.[/Table]

[Table]Для этого октрываем окно Анимация (в зависимости какая у вас версия фотошопа, окно анимация существует в такиех версиях как : Photoshop CS3 и Photoshop CS4,в более старых Вам нужно перейти в программу ImageReady). Иначе Вы не сможете сохранить анимацию[/Table]

[Table]1. Создаем кадры. Первый кадр - выбираем картинку, на которой будет дождик, и прдублируем её 3 раза, чтобы у нас получилось 4 кадра.[/Table]

[Table]Вот так:[/Table]
[Table][/Table]
[Table]ЗАКАЗ 1[/Table]
как в Фотошоп`e создать реальный дождь? Вот именно в этом уроке "Создание анимированного дождя" мы и научимся делать реальный дождик.

Шаг первый.

Для начала нам нужно выбрать картинку, на которой мы будем делать анимированный дождь. Я выбрала фотографию фотографа Mark Squires

Итак открываем фотогроафию в Фотошопе.

Шаг второй.

1. Создаем новый слой. Назовем его "дождь"

2. Созданный новый слой под названием "дождь" заливаем черным цветом.

3. Идем в Фильтр -> Шум -> Добавить шум (Filter -> Noise -> Add Noise) И выставляем такие настройки как на скриншоте:

Значение Количество (Amount) можете поменять, в зависимости от того, насколько сильный ливень вы хотите изобразить.

Получаем примерно вот такое изображение в Photoshop`e

4. Далее будем создавать дождь в движении.

1. Для этого нам надо зайти в Фильтр ->Размытие ->Размытие в движении(Filter -> Blur -> Motion Blur )

2. Первое что нам нужно ,это выставить угол(Angle ) для нашего дождя, в моей картинке я выбрала 60 градусов, Вы можете поставить другой угол, более подходящий для вашей картинки.

3. Далее выставляем размер для нашего дождика, чем больше пикселей в смещении Вы выберете, тем длиннее ваши полосы будут. Я выбрала 40 пикселей
Вот пример на скриншоте

Итак, один слой с дождиком у нас почти готов.

Осталось поменять стиль слоев, для того чтобы было видно нашу фотографию smile

5.Для этого идем в Режим смешивания слоя(Blend Mode Layers) меняем настройки с нормального на Осветление(Screen)

6. Меняем прозрачность слоя, я поставила 50%, Вы можете выбрать и другой процент,так как Вам больше понравится,
для того чтобы дождик выглядел более реалистичным.

Вот такое примерно у Вас должно получится

Шаг третий.

Чтобы создать анимированный дождь Вам понадобится не один слой с "дождем".

1 Создаем слой дождь 2

2 Заливаем его черным цветом

3 Идем в Фильтр -> Шум -> Добавить шум(Filter -> Noise -> Add Noise), настройки оставляем такие же как и в первом слое под названием "дождь"

4. Заходим в Фильтр ->Размытие ->Размытие в движении (Filter -> Blur -> Motion Blur ) а вот тут меняем параметры, для того чтобы создать "эффект дождь в движении "
Для этого мы меняем угол (angle) на 1-2 градуса и меняем пиксели в смещивание с 40 ставим 45

5. Меняем (режим смешивания слоя Blend Mode Layers) и прозрачность % как в шаге втором пункт 5-6

Итак у нас готов второй слой "дождь".

Теперь нам осталось повторим еще несколько раз Шаг третий, меняя угол в филтре Размытие в движении а также пиксели смещения для движения дождя.
Я ставила такие пиксели смещения- 40,45,50,55.
Угол -60,61,62,63,64

Шаг четвертый

Итак, у нас пркатически анимированый дождь готов. Теперь нам нужно создать его в движении.

Для этого октрываем окно Анимация (в зависимости какая у вас версия фотошопа, окно анимация существует в такиех версиях как : Photoshop CS3 и Photoshop CS4,в более старых Вам нужно перейти в программу ImageReady). Иначе Вы не сможете сохранить анимацию

1. Создаем кадры. Первый кадр - выбираем картинку, на которой будет дождик, и прдублируем её 3 раза, чтобы у нас получилось 4 кадра.

Вот так:

2. Далее На каждый кадр ставим слои с дождем по порядку Например : Кадр 1 - слой под названием дождь; кадр 2 - дождь 2; кадр 3 - дождь 3 и т.д.

3. Задаем время дождику, в моем случае врямя стоит без задержки т.е 0, вы можите поставить 0,2 или другое, как Вам нравится.

И так нажимаем на плей и любуемся нашим анимированным дождиком.

Всем удачной работы и фантазии для применения данного урока фотошоп
автор:Sweet Angel

Добавлено (21.08.2009, 07:30)
---------------------------------------------
ЗАКАЗ 2
Создаём документ. Я создал размером 150 х 150 пикс.

2. Пишем любой текст.
3. После этого открываем окно "Анимация".
4. Дублируем кадр и делаем на втором кадре не видимым слой с текстом.
1. Создаём документ. Я создал размером 150 х 150 пикс.

2. Пишем любой текст.

3. После этого открываем окно "Анимация".

4. Дублируем кадр и делаем на втором кадре не видимым слой с текстом.

5. После чего, при активном втором кадре разбиваем на 10 кадров.

6. Дублируем последний кадр и делаем на нём видимым слой с текстом. Промежуточные кадры 10 штук.

7. И нажимаем "Сохранить для WEB...".

[Table]Всем удачной работы и фантазии для применения данного урока фотошоп[/Table]
[Table]Автор:Sweet Angel[/Table]


Сообщение отредактировал: Geroine - Суббота, 01.01.2011, 15:04
Дата: Суббота, 01.01.2011, 19:09 | Сообщение # 2
Offline
  • Проверенный

  • ►►►Помошник◄◄◄
  • 453 Сообщения
Урок прикольный. Только надо бы поменьше полосок и прозрачность побольше
Дата: Суббота, 01.01.2011, 21:55 | Сообщение # 3
Offline
  • Премиум
  • Ранг: Генерал-майор
  • 484 Сообщения
Quote (geto)
Урок прикольный. Только надо бы поменьше полосок и прозрачность побольше

cпасибо. у каждого свой вкус и фш нас не ограничит в своём выборе happy
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.