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


Анимация на новогодней открытке с конфетти. 18-11-2011 19:26 к комментариям - к полной версии - понравилось!

Это цитата сообщения TamSanna Оригинальное сообщение

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

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


Урок взяла здесь... http://my.mail.ru/community/photoshoptrainig/38BFB...skip=0#comment_A77D7CBF147F1C2


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

Результат урока.
[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 (как это сделать читайте ЗДЕСЬ), публикуйте свою работу и радуйте своими достижениями в освоении программы фотошоп друзей и родных.

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

Моя работа по уроку:
[530x363]
вверх^ к полной версии понравилось! в evernote


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

Дневник Анимация на новогодней открытке с конфетти. | Lena-ki - Парнас | Лента друзей Lena-ki / Полная версия Добавить в друзья Страницы: раньше»