Анимация на новогодней открытке с конфетти.
Как создать новогоднюю открытку читаем ЗДЕСЬ.
Результат урока.
 [500x381]
В создании анимации использованы текстуры с анимацией (глиттеры) созданные мной с помощью фильтров.
 
Ходы, которые описаны подробно в уроке «Новогодняя открытка с конфетти», здесь описывать не буду.
1. Открываем файл PSD с открыткой.
2.Заливаем глиттером «звёздочки» слой с веткой.
Как загрузить глиттер в программу, читаем ЗДЕСЬ.
Так как у глиттера три слоя, то нам нужно три новых слоя.
1) Создаём новый слой и располагаем его над слоем с веткой. Режим наложения слоя меняем на «экран». Как сменить режим наложения, читаем ЗДЕСЬ.
Называем слой «звёздочки»
[300x308]
2)Дублируем слой 2 раза (дважды сочетание клавиш Ctrl+J)
[294x350]
3) Загружаем выделение слоя с веткой, переходим на первый слой «звёздочки» и топаем в меню – редактирование – выполнить заливку. В окне заливки выбираем позицию «регулярный»
[350x187]
4)Находим в списке первый слой с глиттером «звёздочки» и жмём ОК.
[250x131]
На документе отобразился глиттер в выделенной области без чёрного фона, так как слой стоит в режиме наложения «экран»
Таким же способом загружаем второй и третий слой глиттера, переходя на соответствующие слои.
После всей загрузки снимаем выделение и убираем видимость второго и третьего слоя с глиттером.
3.Заливаем глиттером кант.
1)Переходим на слой «кант», загружаем выделение слоя, создаём три новых слоя для глиттера «золотой», режим смешивания оставляем обычный.
[250x192]
2) Заливаем слои глиттером «золотой» таким же способом, как заливали глиттер «звёздочки».
После заливки снимаем выделение, убираем видимость 2 и 3 слоя с глиттером «золотой.
В итоге у нас в панели слоёв такая картина.
[167x264]
4.Анимация.
У нас будет три анимации:
1.Анимация падающего конфетти.
2.Анимация ветки с цифрами.
3.Анимация канта рамки.
Анимация падающего конфетти.
Анимацию будем создавать по принципу любой анимации падающих объектов – снега, листьев и т.д.
1)В панели слоёв дублируем слой «конфетти» и закрываем видимость слоя «конфетти».
[157x264]
2) Активируем инструмент «перемещение», и инструментом тащим конфетти наверх, пока они не исчезнут с изображения.
[250x183]
Открываем видимость слоя «конфетти»
3)Открываем панель анимации (меню – окно – анимация). В панели анимации устанавливаем настройки : режим – постоянно, время задержки – 0,1сек.
[302x144]
4)Дублируем кадр ( вторая иконка справа внизу панели анимации).
[294x140]
5)Активируем инструмент «перемещение», переходим на слой «конфетти» и инструментом тащим конфетти вниз документа до тех пор, пока они совсем не исчезнут с изображения.
[250x227]
6)Переходим на дубликат слоя «конфетти и инструментом «перемещение» опускаем конфетти вниз, пока они не заполнят документ, т.е. возвращаем конфетти в исходное состояние.
[250x215]
7)В меню панели анимации выбираем «выделить все кадры»
[250x218]
Оба кадра стали активными . Активность кадров определяется наличием синего обрамления.
8)Добавляем промежуточные кадры. Для это жмём на третью иконку справа внизу панели анимации и в выпавшем окне ставим 15 кадров, затем жмём ОК.
[250x189]
В панели анимации образовалось 17 кадров: - два +15 промежуточных. Кадр 17 по состоянию видимости такой же, как кадр 1, поэтому мы его удаляем, нажав на иконку «корзинки» внизу панели слоёв.
[250x63]
Анимация канта рамки.
В панели анимации у нас 16 кадров, а слоёв с глиттером «золотой» только три. Чтобы анимация кадра была на всех кадрах, мы будем повторять видимость слоёв с глиттером.
Запомните – на одном кадре должна быть видимость только одного слоя с глиттером.
1)Переходим на первый кадр в панели анимации. На первом кадре видимость первого слоя с глиттером.
[250x132]
2)Переходим на следующий кадр в панели анимации. В панели слоёв закрываем видимость первого слоя с глиттером и открываем видимость второго слоя с глиттером.
[250x154]
3) Переходим на следующий кадр в панели анимации. В панели слоёв закрываем видимость первого слоя с глиттером и открываем видимость третьего слоя с глиттером.
[250x128]
Начиная с 4 кадра, видимость слоёв для кадров повторяем. Для 4 кадра – 1 слой, для 5 кадра – 2 слой, для 6 кадра –3 слой, для 7 кадра -1 кадр и т.д. Для 16 кадра открываем видимость 2 слоя с глиттером.
Если мы не нарушим очерёдность видимости кадров и откроем для 16 кадра 1 слой, то анимация будет нарушена, потому что для первого кадра видимость тоже 1 слоя.
Анимация ветки с цифрами.
Видимость слоёв по кадрам выставляем так же, как и видимость слоёв для анимации канта.
Вот и всё. Сохраняйте файл в формате gif (как это сделать читайте ЗДЕСЬ), публикуйте свою работу и радуйте своими достижениями в освоении программы фотошоп друзей и родных.
А я поздравляю вас с наступающим Новым Годом!
Желаю всего самого наилучшего вам, вашим родным и близким!
И обязательно :
Пусть вас никогда не покидает фотошопный позитив!
С сердечным теплом, Ольга Бор.
Плэйкаст версия урока ЗДЕСЬ. |
|
