Playcast

Открытка (плейкаст) «Анимация на новогодней открытке с конфетти.»

olbor , 17 декабря 2010 года, 7:51


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


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

в программе Adobe Photoshop.


Как создать новогоднюю открытку с конфетти смотрите ЗДЕСЬ.


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


ЗОЛОТОЙ.   ЗВЁЗДОЧКИ.


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

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

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

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

1) Создаём новый слой и располагаем его над слоем с веткой.

Режим наложения слоя  меняем на «экран».

Как сменить режим наложения,  читаем ЗДЕСЬ. 

Называем слой «звёздочки». Скриншот.



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


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


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


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

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

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


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

4.Анимация.

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

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

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

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


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


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

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


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


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


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


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

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

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


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


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

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

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

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


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


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

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

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

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

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


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



Звук:MELANIE THORNTON - Wonderful Dream (Holidays Are Coming) Musik/Text: Melanie Thornton/Mitchell Lennox/Julien Nairolf/ Ben Naftali/ Terry Coffey/Jon Nettlesbey / Rich Airis/ Scott Temper - www.hitparade.ch
Изображение: Изображения и анимация автора плэйкаста Ольги Бор (olbor): скриншоты, "зайка" из набора отрисовок "Новогодние2" - fenja.mylivepage.ru
Текст:Автора плэйкаста Ольги Бор (olbor)

Комментарий автора

Плэйкасты с уроками "Новогодняя открытка с конфетти"

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

созданы для кружка "Фотошоп" сообщества "Очумелые ручки"

и для коллекции «Ты- мне, я - тебе или По секрету всему сайту»

сообщества «КреатиФФ и МЫ»