Анимашки

обсуждение создания анимационных картинок
 
ФорумКалендарьЧаВоПоискПользователиГруппыРегистрацияВход

Поделиться | 
 

 Делаем падающий снег с использованием промежуточных кадров

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
So-ni
Admin
Admin
avatar

Сообщения : 11
Дата регистрации : 2011-10-22

20111024
СообщениеДелаем падающий снег с использованием промежуточных кадров

Следующий по сложности способ: падающий снег с использованием промежуточных кадров.
Что должно получиться:

Краткое описание:
Открываем в фотошопе картинку, которую будем анимировать (далее - фон). Создаем новый слой, в котором рисуем с помощью кисточек снег. Дублируем его. Смещаем копию вверх, чтобы совместились верхняя граница первого слоя со снегом и нижняя граница копии. Объединяем оба снежных слоя в один. Далее в окне анимации проверяем, чтобы в первом кадре были видны слой со снегом и фон; создаем новый кадр, в котором смещаем слой со снегом вертикально вниз, совмещаем верхние границы слоев: самая верхняя сторона слоя со снегом должна совпасть с верхней границей видимой картинки. Внимание: смещаем вручную - перетягивая мышкой! После можно проверить границу с помощью инструмента "Свободное трансформирование". Далее создаем 20 промежуточных кадров. Последний кадр удаляем. Можно увеличить время воспроизведения каждого кадра до 0,1. Сохраняем через Файл --> Сохранить для Web и устройств. Анимация готова!

Подробное описание (все картинки увеличиваются по клику):
1. Открываем картинку - фон в Фотошопе.
Я взяла эту:

2. Снимаем со слоя замочек. Для этого дважды щелкаем по нему левой кнопкой мышки:

При этом высвечивается диалоговое окно, в котором можем изменить имя слоя. По умолчанию он будет называться "слой 0". Я назвала этот слой "картинка":

3. Создаем новый слой. Либо в окне слоев - нажимаем на пиктограмму "новый слой" (внизу в виде чистого листка). Либо меню Слой -->Новый слой.
Рисуем с помощью кисточек снег. Можно наставить точек, можно использовать кисточки со снежинками, предварительно загрузив их из интернета. Можно снежинки нарисовать самим. Позже расскажу как можно легко нарисовать снежинки. Здесь работает Ваша Фантазия. Я выбрала самый простой вариант: наставила точек разного диаметра по всей картинке.
Внимание: чтобы падающий снег выглядел аккуратнее, нужно рисовать снег по всей площади картинки, на краях в том числе!
4. Делаем дубликат слоя со снегом:
Для этого щелкаем по слою со снегом правой кнопкой мышки и в менюшке выбираем "Создать дубликат слоя"


Или не отпуская левую кнопку мыши перетаскиваем слой "снег" на пиктограмму "новый слой":


5. Далее с помощью инструмента "Свободное трансформирование" (в меню "Редактирование") или используя "горячие" клавиши: ctrl + T сдвигаем копию слоя со снегом вертикально вверх, так чтобы нижняя граница копии совпала с верхней границей видимого слоя. Выглядит так:

Соглашаемся с полученным результатом нажимая enter.

6. Объединяем слои со снегом в один.
То есть при активном верхнем слое жмем по нему правой кнопкой мыши. Из меню выбираем "Объединить с предыдущим":


7. После объединения слоев удостоверимся, что все сделали правильно. С помощью "Свободного трансформирования" ( ctrl + T) проверяем, чтобы сверху над видимым изображением было еще и скрытое. Прямоугольник должен быть в два раза выше, чем само изображение:



Если не получилось, возвращаемся к пункту 4 и делаем все более внимательно.

Получилось. Тогда идем дальше.

8. Открываем окно анимации, если оно еще не открыто.
Меню Окно --> Анимация


Внизу появляется окошко с первым кадром.
Удостоверимся, что все слои видимы (то есть рядом с каждым находится "глазик")

9. Создаем второй кадр.
Для этого внизу окна анимации нажимаем чистый листик (аналогия нового слоя).

На нем тоже должны быть видны оба слоя: фон и снег.

10. Смещаем слой со снегом вертикально вниз (при выделенном втором кадре!).
Для этого.
Нажимаем слой со снегом, делаем активным.
И с помощью мышки (!) перетягиваем его вертикально вниз так, чтобы верхние и боковые границы слоев совпали. А нижняя граница слоя со снегом была ниже видимого изображения.
Теперь можно проверить, правильно ли мы все сделали, нажав ctrl + T. Должно быть как на этой картинке:

Объясню почему нельзя сдвинуть слой с помощью того же "ctrl + T", то есть "Свободного трансформирования".
Так как используя этот инструмент слой сдвигается на всех кадрах, а нам нужно только на втором, иначе не получиться анимации.

11. Переходим к кульминации нашего задания: создаем промежуточные кадры.
Для этого жмем на соответствующую пиктограмму внизу панели Анимации, на картинке выделила красным прямоугольником:

После чего высвечивается диалоговое окно.
В котором нужно задать некоторые параметры:
а) "Промежуточные кадры" (между какими кадрами нужно создавать) - в нашем случае ставим Предыдущий кадр, то есть между активным и предыдущим.
б) "Добавить кадров" (количество промежуточных кадров). Я поставила 20 кадров.
Чем меньше промежуточных кадров, тем быстрее будет идти снег и наоборот.
в) остальные по умолчанию, но можете сравнить (как на картинке)


12. Еще немного замедлим снег, изменив время воспроизведения для каждого кадра на 0,1 секунды.

Чтобы не изменять для каждого отдельно выделим все кадры с помощью клавиши shift , для этого удерживая клавишу shift клацаем левой кнопкой мышки по первому кадру затем по последнему. Далее правой кнопкой мыши нажимаем на время под кадром и выбираем из меню подходящие.


Оптимальный вариант 0,1 (можно еще попробовать до 0,12) При задержке в 0,2 секунды теряется плавность движения.

13. После добавления 20 промежуточных кадров у нас получается всего 22 кадра. Последний кадр удаляем, так как он повторяет первый. И сохраняем нашу анимацию: Файл --> Сохранить для Web и устройств.
Подробно сохранение описывала в предыдущем уроке.

Наша анимация готова:


Жду Ваших результатов!
Вернуться к началу Перейти вниз
Посмотреть профиль http://animashki.mirbb.com
Опубликовать эту запись на: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Делаем падающий снег с использованием промежуточных кадров :: Комментарии

Нет комментариев.
 

Делаем падающий снег с использованием промежуточных кадров

Предыдущая тема Следующая тема Вернуться к началу 

Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Анимашки :: Создание анимашек :: Падающий снег-
Перейти: