Форум

Анимация на новогодней открытке с конфетти.

Как создать новогоднюю открытку с конфетти читайте ЗДЕСЬ.<\/u><\/a>

Результат урока.

В создании анимации использованы текстуры с анимацией (глиттеры) созданные мной с помощью фильтров.

Ходы, которые описаны подробно в уроке «Новогодняя открытка с конфетти», здесь описывать не буду.

Скрытый текст

1. Открываем файл PSD с открыткой.

2.Заливаем глиттером «звёздочки» слой с веткой.

Как загрузить глиттер в программу, читаем ЗДЕСЬ.<\/u><\/a>

Так как у глиттера три слоя, то нам нужно три новых слоя.

1) Создаём новый слой и располагаем его над слоем с веткой. Режим наложения слоя меняем на «экран».
Как сменить режим наложения, читаем ЗДЕСЬ.<\/u><\/a>
Называем слой «звёздочки»

2)Дублируем слой 2 раза (дважды сочетание клавиш Ctrl+J)

3) Загружаем выделение слоя с веткой, переходим на первый слой «звёздочки» и топаем в меню – редактирование – выполнить заливку. В окне заливки выбираем позицию «регулярный»

4)Находим в списке первый слой с глиттером «звёздочки» и жмём ОК.

<\/u><\/a>

На документе отобразился глиттер в выделенной области без чёрного фона, так как слой стоит в режиме наложения «экран»

Таким же способом загружаем второй и третий слой глиттера, переходя на соответствующие слои.
После всей загрузки снимаем выделение и убираем видимость второго и третьего слоя с глиттером.

3.Заливаем глиттером кант.

1)Переходим на слой «кант», загружаем выделение слоя, создаём три новых слоя для глиттера «золотой», режим смешивания оставляем обычный.

<\/u><\/a>

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

<\/u><\/a>

4.Анимация.

У нас будет три анимации:
1.Анимация падающего конфетти.
2.Анимация ветки с цифрами.
3.Анимация канта рамки.

Анимация падающего конфетти.

Анимацию будем создавать по принципу любой анимации падающих объектов – снега, листьев и т.д.

1)В панели слоёв дублируем слой «конфетти» и закрываем видимость слоя «конфетти».

<\/u><\/a>

2) Активируем инструмент «перемещение», и инструментом тащим конфетти наверх, пока они не исчезнут с изображения.

<\/u><\/a>

Открываем видимость слоя «конфетти»

3)Открываем панель анимации (меню – окно – анимация). В панели анимации устанавливаем настройки : режим – постоянно, время задержки – 0,1сек.

4)Дублируем кадр ( вторая иконка справа внизу панели анимации).

5)Активируем инструмент «перемещение», переходим на слой «конфетти» и инструментом тащим конфетти вниз документа до тех пор, пока они совсем не исчезнут с изображения.

<\/u><\/a>

6)Переходим на дубликат слоя «конфетти и инструментом «перемещение» опускаем конфетти вниз, пока они не заполнят документ, т.е. возвращаем конфетти в исходное состояние.

<\/u><\/a>

7)В меню панели анимации выбираем «выделить все кадры»

<\/u><\/a>

Оба кадра стали активными . Активность кадров определяется наличием синего обрамления.

8)Добавляем промежуточные кадры. Для это жмём на третью иконку справа внизу панели анимации и в выпавшем окне ставим 15 кадров, затем жмём ОК.

<\/u><\/a>

В панели анимации образовалось 17 кадров: - два +15 промежуточных. Кадр 17 по состоянию видимости такой же, как кадр 1, поэтому мы его удаляем, нажав на иконку «корзинки» внизу панели слоёв.

<\/u><\/a>

Анимация канта рамки.

В панели анимации у нас 16 кадров, а слоёв с глиттером «золотой» только три. Чтобы анимация кадра была на всех кадрах, мы будем повторять видимость слоёв с глиттером.

Запомните – на одном кадре должна быть видимость только одного слоя с глиттером.

1)Переходим на первый кадр в панели анимации. На первом кадре видимость первого слоя с глиттером.

<\/u><\/a>

2)Переходим на следующий кадр в панели анимации. В панели слоёв закрываем видимость первого слоя с глиттером и открываем видимость второго слоя с глиттером.

<\/u><\/a>

3) Переходим на следующий кадр в панели анимации. В панели слоёв закрываем видимость первого слоя с глиттером и открываем видимость третьего слоя с глиттером.

<\/u><\/a>

Начиная с 4 кадра, видимость слоёв для кадров повторяем. Для 4 кадра – 1 слой, для 5 кадра – 2 слой, для 6 кадра –3 слой, для 7 кадра -1 кадр и т.д. Для 16 кадра открываем видимость 2 слоя с глиттером.
Если мы не нарушим очерёдность видимости кадров и откроем для 16 кадра 1 слой, то анимация будет нарушена, потому что для первого кадра видимость тоже 1 слоя.

Анимация ветки с цифрами.
Видимость слоёв по кадрам выставляем так же, как и видимость слоёв для анимации канта.

Вот и всё. Сохраняйте файл в формате gif (как это сделать читайте ЗДЕСЬ.<\/u><\/a>), публикуйте свою работу и радуйте своими достижениями в освоении программы фотошоп друзей и родных.

А я поздравляю вас с наступающим Новым Годом!
Желаю всего самого наилучшего вам, вашим родным и близким!
И обязательно :
Пусть вас никогда не покидает фотошопный позитив!

С сердечным теплом, Ольга Бор.

Плэйкаст версия урока.

<\/u><\/a>