Урок « Анимационная Новогодняя открытка»- Часть2

Среда, 26 Ноября 2014 г. 07:05 + в цитатник

Цитата сообщения Semenova_Irina

Прочитать целиком В свой цитатник или сообщество!

Доброго времени суток мои дорогие Друзья и ПЧ.
Ну что ж продолжаем анимацию новогодней открытки

В этой части урока мы будем накладывать Фон анимированный «Снег» и наложение маски-рамки
Фон анимированный «Снег» можете посмотреть и взять себе
ЗДЕСЬ , ЗДЕСЬ , ЗДЕСЬ , ЗДЕСЬ
И так мы в прошлом уроке создали анимацию шарика
Урок №1 Здесь

1)Откроем в прошлом уроке сохраненный материал в PSD или продолжаем предыдущий урок
Вот что у нас в окне слоев и анимации на данный момент
В окне анимации-21 кадр
В окне слоев -21 слой- кадр

2)Что бы продолжить дальше урок в окне слоев мы выделим все слои
Для этого зажав клавишу Shift кликните на первый и последний слой
Далее в меню окна слоев и выберем «Новая группа из слоев»
В появившемся окне напишите название группы « Анимация шарика»

3)Далее все что мы не будем делать вы должны стоять только на ПЕРВОМ КАДРЕ
в окне анимации
4) Открываем анимацию (Фон анимированный «Снег» в программе фотошоп)
Я взяла такой

Как открыть анимированный фай в программе вы знаете?
Напомню
Идем Меню-Файл-Открыть как

5) Открыли ,и открываем окно анимации и мы видим
вот что
Число кадров в окне анимации -97
А время задержки – 0,04 сек

А у нас в открытке -21 кадр
И время задержки -0,15 сек
6) Поэтому сейчас мы будем уменьшать число кадров ,а время задержки увеличим
Все это мы делаем в отдельном от нашей открытки окне, в том в котором открыли снег
Для плавного уменьшения мы зажав клавишу Ctrl выделяем каждый второй кадр в окне анимации

Начинайте выделять со второго кадра
7) Но даже после удаления у нас 49 кадров
Поэтому повторим п.6
8) И даже сейчас у нас 25 кадров
Еще удалим 4 кадра
Я удалила каждый пятый кадр
Т.е 5,10,15,20 кадр удаляем ,теперь у нас 21 кадр
9) Выставляем время задержки (Меню анимации выделить все кадры-
Встаем на первый кадр и выставляем наше время задержки ,т.е 0,15 сек)

И смотрим что у нас получилось

Он практически и не отличается от оригинала...
10) Теперь перенесем нашу анимацию снега на нашу открытку.
Чтобы перенести анимацию ,для начала идем в меню анимации и выберем пункт
«Создать слои из кадров»
11) Далее зажав клавишу Для этого зажав клавишу Shift кликните на первый и последний слой ( только что созданных Слои- кадры)

12) Далее на панели вверху нажмите на вот такой значок- Окна
И выберем два окна (если у вас как у меня не свободное перемещение окон)

13) У нас появилось два окна с изображениями ,теперь мы из окна слоев анимации снега вручную мышкой перетаскиваем в окно нашей открытки

14) Теперь работаем в окне «Открытка»
Наши кадры встали как раз над группой слоёв и они все выделены
Поэтому мы инструментом масштабирования увеличим изображение
До 125 % и смещаем как вам нравится.
Применяем нажав на галочку вверху в панели или нажав на другой какой нибудь другой инструмент
15) Теперь возьмите инструмент «Рамка» ,выделим рабочее окно и нажмите Enter или галочку
(таким образом мы обрезали и удалили все ненужное)
16) Как и в п.2 создадим группу из наших слоев снега
И назовем её «Снег»
17) Теперь для этой группы применим режим наложения-Экран, непрозрачность 75%

18) Теперь в окне анимации по очереди кликаем на кадры и открываем глазики на соответствующие кадры в группе «снег»

Т.е каждому кадру в окне анимации ,должен быть открыт только один глазик на соответствующем слое-Кадр в окне группы! (глазик на первом слое -кроме первого кадра отключаем)
19) Вот что у нас получилось

20) Стоим на 1 КАДРЕ, в окне слоев на группе « Снег»
Свернем нашу группу (нажав на треугольник) ,но глазик НЕ отключаем
22) Теперь мы добавим к нашему в нашему анимированному изображению
Рамку –Маску
Я взяла вот такую маску

Маски можете взять Здесь или Здесь
3) Открываем маску в программе
Новый слой
Заливаем слой белым цветом -#ffffff
24) Закрываем глазик на этом слое

25) Открываем окно –Каналы
Здесь бы делаем копию синего канала.

Для этого кликаем по каналу , затем ещё раз Правой кнопкой и выбираем « Создать дубликат канала» или зажав канал Левой кнопкой мыши перетягиваем на листочек внизу окна канала

26) Зажав клавишу Ctrl кликаем по окошечку «Копия синего канала»
У нас появилось выделение
27) Переходим в окно слоев ,и кликаем по белому слою, а на слое маска- рамка глазик отключим

Выделение -Инверсия
Удалить (Delete ) на клавиатуре
Выделение отменить.
Таким образом у нас получилась белая рамочка
28) Выделение –Выделить все
Редактирование-Скопировать
Переходим в окно нашей анимированной открытки
Редактирование –Вставить
29) Инструментом масштабирования( Ctrl+T) уменьшаем рамочку до размеров слоя (рабочего окна ) чтобы не было просветов и было красиво)))
Где то так

Можете также как и в конце предыдущего урока
Создать слои из кадров ,и удалить группы и рамочку
Далее добавляем текст ,хотите анимированный или простой.
Добавление анимированного теста так же как и Анимированного фона

Ну вот собственно и все ,наша открытка готова, можете дарить Друзьям!
Урок вела для вас Semenova Irina
Если возникли вопросы,пишите ,будем разбираться)))

Серия сообщений "Новый Год":
Часть 1 - Маски новогодние.
Часть 2 - Клипарт "Снегурки".
...
Часть 24 - Снегопад с блёстками. Урок для Adobe Flash.
Часть 25 - Как нарисовать козу или барашка.
Часть 26 - Урок « Анимационная Новогодняя открытка»- Часть2
Часть 27 - Новогодняя открытка :Часть1-Анимация игрушки.
Часть 28 - Векторный клипарт «Шарики на ёлку».
...
Часть 30 - Картонная упаковка «Овечка». Мастер - класс.
Часть 31 - Надписи и шрифты «С Новым Годом и Рождеством».
Часть 32 - С Новым Годом!