Автор Тема: Анимация снега  (Прочитано 2863 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн TwАвтор темы

  • Аватарщица
  • *
  • Сообщений 4288
  • Респектов +6331
  • Репутация 1831
  • Пол: Женский
    • Просмотр профиля
Анимация снега
« : 26 Сентября 2013, 23:21:52 »
+7
Анимация снега.






Уроков на эту тему написано немало, вот и я решила руку приложить))

Симпатично выглядит падающий с разной скоростью снег, более крупный на переднем плане и более мелкий на заднем. Как сделать это в фотошопе я вам сейчас и расскажу:)

Наша готовая анимация (аватар) будет размером 150х150, но для начала создадим документ в два раза меньше по высоте, т.е. 150х75. Это нужно для того, чтобы крупный и мелкий снег падал в итоге с разной скоростью.
Итак приступим:)

1. Создаем документ с размерами 150х75.
Файл -> Создать

Спойлер

2. Заливаем Слой1 черным цветом.
Берем мягкую кисть размером 10 пикселей и белым цветом рисуем точки-снежинки.
Создаем новый слой, заливаем черным цветом и ставим режим наложения "Экран" (это для того, чтобы было видно нижний слой со снегом)
Берем мягкую кисть размером поменьше (например 5 пикселей) и снова рисуем белым цветом точки-снежинки.

Спойлер

Заготовку сделали. Теперь перейдем к основной работе:)
 
3. Создаем новый документ, назовем его "Снег", с размерами 150х150 пикселей.
Файл -> Создать

Спойлер

4. Выделяем наши слои со снегом в первом документе и перетаскиваем их в новый документ.

Спойлер

Создаем дубликат для каждого из двух слоев (Ctrl+J). Ставим для всех слоев режим наложения "Экран".

Спойлер

5. Теперь отключаем видимость двух верхних слоев, встаем на нижний слой, берем инструмент "Перемещение" и сдвигаем слой до нижней границы документа (сдвигать можно мышкой или с помощью стрелочек на клавиатуре). Встаем на дубликат слоя и сдвигаем его верх. У нас получился полностью заполненный слой с крупными снежинками. Сливаем эти два слоя в один (Ctrl+E).

Спойлер

6. Займемся мелким снежком. Включаем видимость двух верхних слоев, а видимость слоя с крупным снегом отключаем, чтобы не мешался:) Повторяем с двумя верхними слоями все те же манипуляции, что мы проделывали в п.5
Включаем видимость верхнего слоя  -  у нас получились два полноценных слоя со снегом.

Спойлер

7. Снова отключаем видимость верхнего слоя, а  для слоя с крупным снегом создаем дубликат (Ctrl+J).
7.1. Встаем на дубликат слоя, нажимаем  Ctrl+T и стрелочкой на клавиатуре сдвигаем слой вверх, пока его нижняя граница не совпадет с верхом нашего окошка, после чего нажимаем Enter. Сливаем слой с дубликатом (Ctrl+E).

Спойлер

8. Создаем дубликат верхнего слоя с мелким снежком и проделываем все те же манипуляции, что делали в п.7.1

Спойлер

Теперь все готово для того, чтобы перейти к созданию анимации:)

9. В панели анимации создаем второй кадр.

Спойлер

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

Спойлер

Теперь можно включить обратно видимость верхнего слоя с мелким снежком.

11. Займемся этим самым мелким снежком. Нам нужно, чтобы он падал медленнее, поэтому сдвигать мы его будем не до конца, как крупный, а только до половины.
Чтобы было удобнее, мы создадим дубликат слоя с мелким снежком, который у нас будет только для контроля сдвига, и который в последствии мы удалим.
Итак, встаем на второй кадр и на слой с мелким снежком, дублируем этот слой (Ctrl+J).
Теперь берем инструмент перемещение и сдвигаем слой с мелким снежком вниз, воспользовавшись стрелочкой на клавиатуре, до тех пор, как только снежинки на нем впервые снова совпадут со снежинками на контрольном дубликате слоя
Т.е. слой будет сдвинут только на половину.

Спойлер

 Убедиться в этом наглядно можно, если нажать Ctrl+T уже после того как мы сдвинули слой. Расположение слоя будет выглядеть таким образом:

Спойлер

Что ж, убедились, нажали Enter, чтобы рамочка пропала, и продолжаем:)

12. Удалим теперь контрольный дубликат слоя с мелким снежком - он нам больше не понадобится:)
Будьте внимательны - удаляйте не тот слой, который вы  двигали, а контрольный, по которому только ориентировались. Вообще-то наверное лучше подписывать слои в процессе работы. Это все моя лень - надеюсь, что объясняю понятно и что вы не запутаетесь))) 
Итак, у нас два кадра, два слоя со снегом и ещё Слой1, который пустой. Его можно залить черным цветом, дабы не пустовал:))

Спойлер

13. Встаем на первый кадр в панели анимации и нажимаем кнопку "Создание промежуточных кадров" . От количества промежуточных кадров будет зависеть скорость, с которой ваш снежок будет падать - чем больше промежуточных, тем медленнее падает снег. Но не забывайте. что чем больше кадров, тем больше получится вес готовой аватарки. Я поставила 14 кадров:)

Спойлер

Теперь обращаю ваше внимание на ещё один важный момент: на первом и последнем кадре у нас снежинки находятся в одинаковом положении, т.е. кадры одинаковые. Поэтому, чтобы не было задержки в анимации, последний кадр нужно удалить.
Удаляем - встаем на последний кадр и нажимаем в панели анимации значок "Удаление выделенных кадров" :)

14. Выделяем все кадры анимации и выставляем время (например - 0,1 сек.)

Спойлер

Анимация готова:)
Вы можете сохранить её в формате GIF, чтобы потом использовать и в других своих работах.
Ну а пока я продолжу)

15. Теперь найдем подходящую картинку, кадрируем её для аватара 150х150.
В нашем документе "Снег" объединим слои в группу - выделяем все слои, нажимаем Слои -> Сгруппировать слои. Ставим режим наложения для нашей группы - "Экран".
Теперь с помощью инструмента "Перемещение" или другим удобным вам способом перетаскиваем подготовленную картинку в наш документ со снегом и ставим слой с картинкой под группу со снегом в панели слоев.

Спойлер

Я немного снизила непрозрачность для группы со снегом (до 65), чтобы он выглядел помягче.



Дополнительно можно ещё добавить к нашим двум слоям со снегом размытие по Гауссу (Фильтр->Размытие->Размытие по Гауссу) с небольшим радиусом (1 пиксель).



 



Форум аватар

Анимация снега
« : 26 Сентября 2013, 23:21:52 »

Оффлайн ~JokeR~

  • Старожил
  • ***
  • Скайп- onel1232

  • Сообщений 281
  • Респектов +107
  • Репутация 27
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация снега.
« Ответ #1 : 16 Октября 2013, 20:47:51 »
0
Хороший урок, анимация у меня в дневнике. Спасибо за урок *super*

Оффлайн Arhivarius

  • Хранительница
  • *
  • Сообщений 1407
  • Респектов +1862
  • Репутация 342
  • Пол: Женский
    • Просмотр профиля
Re: Анимация снега
« Ответ #2 : 28 Ноября 2013, 13:57:47 »
+6
Полдня мучений и я это сделала!

Оффлайн TwАвтор темы

  • Аватарщица
  • *
  • Сообщений 4288
  • Респектов +6331
  • Репутация 1831
  • Пол: Женский
    • Просмотр профиля
Re: Анимация снега
« Ответ #3 : 28 Ноября 2013, 20:57:37 »
+1
А чего мучилась столько? непонятно я написала что-то?
Хорошо получилось, Ириш:)

Оффлайн Arhivarius

  • Хранительница
  • *
  • Сообщений 1407
  • Респектов +1862
  • Репутация 342
  • Пол: Женский
    • Просмотр профиля
Re: Анимация снега
« Ответ #4 : 28 Ноября 2013, 21:34:11 »
+1
А чего мучилась столько?

Та когда руки из непонятного места растут и не так еще помучаешься  *amusingly*
непонятно я написала что-то?

Не, все написано просто супер. Любой новичок справится на раз- два.  *girlfriend*
Загвоздка была когда в анимации на втором кадре сдвигала слои- они сдвигались и на первом тоже  *toothless smile* Вот кому скажи, что с такой ерундой промучалась... Но потом разобралась, что двигать не мышкой надо, а и усё встало на свои места *girl_cool*

Оффлайн bugmenot

  • Гость
  • *
  • Люблю PHOTOSHOP CS5

  • Сообщений 10
  • Респектов +2
  • Репутация 1
    • Просмотр профиля
Re: Анимация снега
« Ответ #5 : 16 Апреля 2014, 17:02:44 »
+1
Спасибо, очень хороший урок! Кстати вот, что получилось!

 

Анимация фильтра "Блик"

Автор black-extasy

Ответов: 25
Просмотров: 8419
Последний ответ 20 Января 2013, 19:25:02
от сарата
Эффект помех на телевизоре (простая анимация для новичка)

Автор pantera1

Ответов: 1
Просмотров: 5942
Последний ответ 12 Марта 2012, 11:07:38
от Danusha
Солнечные лучи с помощью кисти. (анимация)

Автор Danusha

Ответов: 5
Просмотров: 3444
Последний ответ 31 Января 2014, 12:10:15
от ~JokeR~
Анимация воды, бегущей из крана

Автор Ворожея

Ответов: 5
Просмотров: 5851
Последний ответ 29 Января 2012, 15:48:17
от theSMACKmusic
Анимация дождя в фотошопе

Автор Akella

Ответов: 110
Просмотров: 52128
Последний ответ 26 Мая 2017, 09:36:18
от Fenrir