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


Урок « Анимационная Новогодняя открытка»- Часть2 26-11-2014 00:20 к комментариям - к полной версии - понравилось!

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

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



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

1)Откроем в прошлом уроке сохраненный материал в PSD или продолжаем предыдущий урок
Вот что у нас в окне слоев и анимации на данный момент
В окне анимации-21 кадр
В окне слоев -21 слой- кадр
1.png
2)Что бы продолжить дальше урок в окне слоев мы выделим все слои
Для этого зажав клавишу Shift кликните на первый и последний слой
Далее в меню окна слоев и выберем «Новая группа из слоев»
В появившемся окне напишите название группы « Анимация шарика»
2.png
3)Далее все что мы не будем делать вы должны стоять только на ПЕРВОМ КАДРЕ
в окне анимации
4) Открываем анимацию (Фон анимированный «Снег» в программе фотошоп)
Я взяла такой
снег.gif
Как открыть анимированный фай в программе вы знаете?
Напомню
Идем Меню-Файл-Открыть как
3.png
5) Открыли ,и открываем окно анимации и мы видим
вот что
Число кадров в окне анимации -97
А время задержки – 0,04 сек

А у нас в открытке -21 кадр
И время задержки -0,15 сек
6) Поэтому сейчас мы будем уменьшать число кадров ,а время задержки увеличим
Все это мы делаем в отдельном от нашей открытки окне, в том в котором открыли снег
Для плавного уменьшения мы зажав клавишу Ctrl выделяем каждый второй кадр в окне анимации
4.png
Начинайте выделять со второго кадра
7) Но даже после удаления у нас 49 кадров
Поэтому повторим п.6
8) И даже сейчас у нас 25 кадров
Еще удалим 4 кадра
Я удалила каждый пятый кадр
Т.е 5,10,15,20 кадр удаляем ,теперь у нас 21 кадр
9) Выставляем время задержки (Меню анимации выделить все кадры-
Встаем на первый кадр и выставляем наше время задержки ,т.е 0,15 сек)
5.png
И смотрим что у нас получилось
снег2.gif
Он практически и не отличается от оригинала...
10) Теперь перенесем нашу анимацию снега на нашу открытку.
Чтобы перенести анимацию ,для начала идем в меню анимации и выберем пункт
«Создать слои из кадров»
11) Далее зажав клавишу Для этого зажав клавишу Shift кликните на первый и последний слой ( только что созданных Слои- кадры)
6.png
12) Далее на панели вверху нажмите на вот такой значок- Окна
И выберем два окна (если у вас как у меня не свободное перемещение окон)
7.png
13) У нас появилось два окна с изображениями ,теперь мы из окна слоев анимации снега вручную мышкой перетаскиваем в окно нашей открытки
8.png
14) Теперь работаем в окне «Открытка»
Наши кадры встали как раз над группой слоёв и они все выделены
Поэтому мы инструментом масштабирования увеличим изображение
До 125 % и смещаем как вам нравится.
Применяем нажав на галочку вверху в панели или нажав на другой какой нибудь другой инструмент
15) Теперь возьмите инструмент «Рамка» ,выделим рабочее окно и нажмите Enter или галочку
(таким образом мы обрезали и удалили все ненужное)
16) Как и в п.2 создадим группу из наших слоев снега
И назовем её «Снег»
17) Теперь для этой группы применим режим наложения-Экран, непрозрачность 75%
9.png
18) Теперь в окне анимации по очереди кликаем на кадры и открываем глазики на соответствующие кадры в группе «снег»
10.png
Т.е каждому кадру в окне анимации ,должен быть открыт только один глазик на соответствующем слое-Кадр в окне группы! (глазик на первом слое -кроме первого кадра отключаем)
19) Вот что у нас получилось
фото-со-снегом.gif
20) Стоим на 1 КАДРЕ, в окне слоев на группе « Снег»
Свернем нашу группу (нажав на треугольник) ,но глазик НЕ отключаем
22) Теперь мы добавим к нашему в нашему анимированному изображению
Рамку –Маску
Я взяла вот такую маску
маска зимняя.png
Маски можете взять Здесь или Здесь
3) Открываем маску в программе
Новый слой
Заливаем слой белым цветом -#ffffff
24) Закрываем глазик на этом слое
11.png
25) Открываем окно –Каналы
Здесь бы делаем копию синего канала.
12.png
Для этого кликаем по каналу , затем ещё раз Правой кнопкой и выбираем « Создать дубликат канала» или зажав канал Левой кнопкой мыши перетягиваем на листочек внизу окна канала
13.png
26) Зажав клавишу Ctrl кликаем по окошечку «Копия синего канала»
У нас появилось выделение
27) Переходим в окно слоев ,и кликаем по белому слою, а на слое маска- рамка глазик отключим
14.png
Выделение -Инверсия
Удалить (Delete ) на клавиатуре
Выделение отменить.
Таким образом у нас получилась белая рамочка
28) Выделение –Выделить все
Редактирование-Скопировать
Переходим в окно нашей анимированной открытки
Редактирование –Вставить
29) Инструментом масштабирования( Ctrl+T) уменьшаем рамочку до размеров слоя (рабочего окна ) чтобы не было просветов и было красиво)))
Где то так
фото-с-рамкой.gif
Можете также как и в конце предыдущего урока
Создать слои из кадров ,и удалить группы и рамочку
Далее добавляем текст ,хотите анимированный или простой.
Добавление анимированного теста так же как и Анимированного фона
Новогодняя-открытка-(прев)2.gif
Ну вот собственно и все ,наша открытка готова, можете дарить Друзьям!
Урок вела для вас Semenova Irina
Если возникли вопросы,пишите ,будем разбираться)))

вверх^ к полной версии понравилось! в evernote


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

Дневник Урок « Анимационная Новогодняя открытка»- Часть2 | TamSanna - Дневник TamSanna | Лента друзей TamSanna / Полная версия Добавить в друзья Страницы: раньше»