• Авторизация


Урок анимации в Photoshop "Создаем снегопад". 18-11-2010 04:23 к комментариям - к полной версии - понравилось!


Создаем снегопад.

[640x]

Эффект падающего снега можно создать разными способами. Сегодня я расскажу о наиболее простом.

Для выполнения урока нам понадобятся зимние картинки и кисти для Photoshop зимней тематики. Я приготовила две сборки


  • зимнии кисточки.
  • Зимнии картинки

Теперь откроем наш Photoshop CS3, CS4 или CS5 и палитру Анимация - Окно>Анимация.




Я выбрала для анимации вот эту фотографию пользователя Lastivka

[640x]

Этапы создания анимации падающего снега


Создаем три дополнительных новых слоя. Называем их соответственно - "Рабочий", "Снежный1", "Снежный2".

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

[640x]
Посмотреть на Яндекс.Фотках

Теперь, сделав активным слой "Снежный1" и, не выключая слой "Рабочий", возьмем любую зимнюю кисточку со снежинками и нарисуем снегопад на этом слое.

[321x405]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

Не забудьте поменять цвет для рисования снегопада на белый.

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

[425x361]
Посмотреть на Яндекс.Фотках

И так, у нас есть картинка для анимации, рабочий слой, как подложка для того чтобы лучше видеть снегопад на "Снежных" слоях и слои с нарисованным снегопадом. Из этого мы и будем делать анимацию, используя методику размножения кадров анимации. Cсылка на этот урок- Анимация с нуля. Урок третий. Часть первая.. Можете еще раз его почитать. Следуя этой методике нам надо создать как минимум 2 кадра анимации. Первый кадр у нас уже есть изначально. Нам необходимо только расположить в этом кадре слой "Снежный1" и слой "Снежный2" А расположение будет таким :

Делаем активным слой "Снежный2" при выключенном слои "Снежный1". Переходим на инструмент "Перемещение" и поднимаем слой "Снежный2" к самому верху картинки, чтобы его практически не было видно.

[640x]
Посмотреть на Яндекс.Фотках

Включаем слой "Снежный1". Он должен закрывать всю картинку. И только теперь отключаем синий "Рабочий слой" Первый кадр анимации готов.

[640x]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

Обратите внимание, что оба "Снежных" слоя должны быть включены, а синий "Рабочий" - выключен.

Создаем второй кадр анимации и располагаем в нем "Снежные" слои в нужном нам порядке. Для этого опять включите синий "Рабочий" слой, для того чтобы было легче ориентироваться с расстановкой основных "Снежных" слоев. Затем выделите(сделайте активным) слой "Снежный1" и переместите его вниз картинки, а после выделите слой "Снежный2" и сдвиньте его вниз к слою "Снежный1". Можно чтобы слой "Снежный2" чуть-чуть как бы накрыл слой "Снежный1". Теперь можно выключить синий "Рабочий" слой. Второй кадр анимации готов. Синий "Рабочий" слой можно удалить.

[640x]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

Теперь используя палитру Анимация создаем промежуточные кадры.

[640x]
Посмотреть на Яндекс.Фотках

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

[500x361]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

[640x]
Посмотреть на Яндекс.Фотках

Смотрим что у нас получилось.

[640x]
Посмотреть на
Яндекс.Фотках

Сохраняем полученную анимацию. Файл>Сохранить для Web и устройств. Формат(расширение файла) указываем gif. Подробнее о сохранении анимации можно прочитать Анимация с нуля. Урок Второй. Сохраняем Анимацию.




Вот еще пример такой же анимации.

[371x500]

Из блога


вверх^ к полной версии понравилось! в evernote
Комментарии (18):
спасиб - интересный урок...
Ольга_Клименко, спасибо! Получился очень красивый снегопад!
Н_НИНА 18-11-2010-14:16 удалить
Оленька, спасибо, взяла себе
[236x321]
mariflash 19-11-2010-06:32 удалить
Ответ на комментарий xTanchikx # Спасибо!
mariflash 19-11-2010-06:33 удалить
Ответ на комментарий Фима-Собак # Прибалтика в то году, приблизительно в это же время. Автор снимка, говорит что действительно так и было.
mariflash 19-11-2010-06:39 удалить
Ответ на комментарий ЛюдоМилка # Нашла еще один очень интересный способ. Очень легкий и быстрый. Надо только время выбрать урок сделать.
mariflash 19-11-2010-06:40 удалить
Ответ на комментарий Дарина423 # Буду рада если пригодится.
mariflash 19-11-2010-06:40 удалить
Ответ на комментарий Alla_klass # Ой как всего много. Спасибо!
Ответ на комментарий mariflash # Ольга_Клименко, охотно верю. У нас в Питере пару раз такой снежок выпадал уже обильный. Но очень быстро таял.
mariflash 20-11-2010-12:07 удалить
На днях еще один интересный урок выложу. Простенький, но очень полезный.


Комментарии (18): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок анимации в Photoshop "Создаем снегопад". | mariflash - Дневник Ольга_Клименко | Лента друзей mariflash / Полная версия Добавить в друзья Страницы: раньше»