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


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




Доброго времени суток мои дорогие Друзья и ПЧ.
Ну что ж продолжаем анимацию новогодней открытки
Новогодняя-открытка-(прев).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
Комментарии (76): вперёд» последняя»
Semenova_Irina 25-11-2014-16:29 удалить
Ответ на комментарий Виоля # Всегда пожалуйста!!!
Herbstblatt 25-11-2014-16:30 удалить
СПАСИБО,Ирочка,ОГРОМНОЕ!!!
Semenova_Irina 25-11-2014-16:32 удалить
Ответ на комментарий Herbstblatt # Пожалуйста ,Тонечка!!! Ваша отличная работа ,будет радостью для меня..Значит урок вы поняли,а это главное...Так что прекрасного вам освоения урока!!!
love55 25-11-2014-16:32 удалить
Спасибо Ира!!!!!
Буду тренироваться!!!!
Lkis 25-11-2014-16:41 удалить
Спасибо за урок!
Semenova_Irina 25-11-2014-16:45 удалить
R-Oksana, Jorjorych, Lkis, Надежда_Гостевская, пожалуйста мои хорошие,чудесного вам дня и вечера!!!!!!Ну и конечно же прекрасного настроения!!!!!
Semenova_Irina 25-11-2014-17:19 удалить
Ответ на комментарий Алушка943 # Пожалуйста!!!
Franzuzhenka 25-11-2014-18:18 удалить
Ирочка, супер урок, утащила оба!
Semenova_Irina 25-11-2014-18:22 удалить
Ответ на комментарий Franzuzhenka # Спасибо ,Катюш!!!! Чудесного тебе денечка!!! Ну а я пошла спать... Завтра на работу!!!!!
Nadin_Aquarius 25-11-2014-19:07 удалить
Цитирую с благодарностью.
Спасибо Ирочка за два урока.Даже страшно начинать.
--_Ole4ka_-- 25-11-2014-20:29 удалить
Добрый вечер Ирочка.Спасибо тебе большущее за интересный урок и за твой труд.Вот,сделала на скорую руку,без "косяков"конечно не обошлось,как всегда торопилась.)
https://img-fotki.yandex.ru/get/15548/259269836.15/0_113a83_e5a7365a_orig
lizfim 25-11-2014-20:35 удалить
Спасибо большое - замечательный урок!!!
надюша2525 25-11-2014-21:35 удалить
Ирочка большое спасибо за урок...
Спасибо большое за урок!
Anushka2012 25-11-2014-22:57 удалить
Спасибо Ира за урок , но что-то пока духа не хватает такое сделать .
MissKcu 25-11-2014-23:39 удалить
умница...толково расписала....
wellax 26-11-2014-00:55 удалить
Кажется, получилось! Огромное спасибо, Ирочка! Без урока не рискнула бы совмещать две анимации...
[356x503]
Спасибо,буду учиться.Забираю.
love55 26-11-2014-01:28 удалить
Ира,очень понравился урок!!!!
Спасибо!!!!!!!!!Учи нас почаще анимации!!
анимация-открытки.gif
Shamanka9 26-11-2014-01:46 удалить
Бесподобный урок. Большое Спасибо!
Mademoiselle_Viv 26-11-2014-02:11 удалить
Semenova_Irina, Суперский урок! Я сама к анимации равнодушна, но этот урок мне понравился. Спасибо, Ириша!
Класс!
Благодарю, Иринка.
Всего доброго!


Комментарии (76): вперёд» последняя» вверх^

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

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