Продолжение:Перелистывание 6 фонов.

Суббота, 16 Февраля 2013 г. 11:37 + в цитатник

По просьбе моих дорогих читателей,выкладываю пример перелистывание с использованием 6 фонов.Анимация не сложная,но требует внимание и время.
Файл в формате PSD можете скачать Здесь(скачав файл, вы можете потренироваться на моих слоях к этому уроку ,поняв суть анимации),для тех кому трудно.
Подготовка слоёв к анимации можете посмотреть Здесь

И так

Все картинки увеличиваются по клику.
1)Для анимации я взяла 6 фонов одинаковых по размеру.

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

Переименуйте их по вашему усмотрению,как вам удобно.
2)У меня размер фона472x323
Идем в Изображение-Размер холста
и увеличиваем с низу размер в 2 раза.см.рис.

И в ширину я увеличила на 250 пикс.

3)Выделив слои 1,2,3 ,зажав клавишу Ctrl,я перетаскиваю их вниз с помощью клавиши на клавиатуре "СТРЕЛОЧКА ВНИЗ" до границы снизу верхних слоёв 4,5,6.Почему клавишой?А что б слои переместились ровно,и не сдвинулись.
Также я окрасила каждый слой в разные цвета ,для удобства.

4)Выделив все слои и перетащив их на белый квадратик внизу панели слоёв,мы их скопировали.

Нижняя часть у нас будет фоном,она будет не подвижна,а верхняя(копии) это слои которые и будут перелистываться.
5)Для этого для каждого слоя верхней части создадим группу.(Меню слоёв-Новая группа из слоёв, назовите как вы желаете...У меня также как и слои снизу,что бы не путаться),и раскрасила в теже цвета что и фоны.

6)Теперь открываем группу №6,и начинаем трасформировать слой,(Применим трансформацию перспектива,и не снимая выделения масштабирования),(угол перспективы-1,06-1,07(буква Г);масштабирование-высота -93,95%;ширина-102,40%-это мои данные по трансформации,кому интересно-у вас же могут быть свои)как вы можете посмотреть Здесь,только квадратик по центру при Перспективе убираем на нижний квадрат.
Теперь зажав клавиши Shift+Ctrl+Alt+T,начинаем их копировать с учётом трасформирования.У меня их получилось 33,далее как и в уроке Перелистываниямы убираем(удаляем )лишние слои.В итоге у меня осталось 9 слоёв.
Теперь переходим на слой№5,и теперь не чего не меняя зажав клавиши Shift+Ctrl+Alt+T,мы тасформируем этот слой,точно с такими же параметрами,удаляем лишние слои.
Переходим на слой №4,и проделываем тоже самое что и со слоем №5.
Теперь переходим на нижние слои- слой №1,и делаем тоже самое,желательно с такими же параметрами,что и слой №6,только квадратик по центру убираем на верхний квадратик.Далее проделываем тоже самое что и с верхними слоями.

Ну что подготовку мы закончили,теперь переходим к анимации.

Открываем панель анимации.Убираем все глазики кроме фонов 1 и 6.Это у нас будет 1 кадр.

Я сразу же выставила время анимации.
2кадр-глазики на фоне 1 и 5,и открываем группу №6(ставик глазик на группе) и ставим глазик на первом слое снизу.

3 кадр -глазики на фоне 1 и 5,глазик в группе ,на втором с низу,
далее до 10 кадра мы не меняем глазики на фонах,а меняем глазики в группе №б,двигаясь снизу вверх.

Кадр 11-Глазики на фонах те же,отключаем глазик на группе №6,и вкл глазик на группе №3(нижняя группа слоёв) на самом верхнем слое.

И теперь двигаемся до 19 кадра,сверху вниз.

Кадр 20-Отключаем глазик на группе №3,и вкл глазик на группе №5,на самом нижнем слое в группе,и также меняем глазики в фонах,теперь вкл глазики на фонах 3 и 4.
т.е в нижних фонах вкл фон,слои которого мы только что листали,а верхний фон,слой который будет под перелистыванием слоёв (которые мы будем листать)в верхней группе.

В кадрах с 20 по 28-Фон 3и 4,а в группе слоёв двигаемся снизу вверх.

29 кадр-Фоны так же 3 и 4,а группу №5 мы отключаем,и включаем группу №2(нижняя группа) первый слой сверху.

И так кадры с 29 по 37 ,фоны 3 и 4 вкл,а в группе слоё №2 двигаемся сверху вниз.

38 кадр-откл. группу №2,вкл группу №4 самый нижний слой,а где фоны- вкл глазики на фонах 2 и 6

С 38 кадра по 46 кадр в фонах у нас вкл .2 и 6,а в группе №4 мы двигаемся снизу вверх.
Кадр 47-вкл. фоны 2 и 6,а группу №4 откл,и вкл группу №1 -первый кадр сверху.

С 47 кадра по 55 ,в фонах вкл .2 и 6,а в группе №1 двигаемся сверху вниз.

Ну вот собственно и всё.Далее у нас пойдёт с первого кадра.
Уменьшаем нашу анимацию,т.к объём большой,и может не сохранится.
Сохраняем в GIF.
Ну что.если есть вопросы,пишите,отвечу..
Спасибо за внимание.

Рубрики:

Уроки анимации
Мои уроки

Процитировано 127 раз
Понравилось: 45 пользователям

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

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

Franzuzhenka обратиться по имени Суббота, 16 Февраля 2013 г. 13:15 (ссылка)

Irochka, ogromnoe tebe spasibo!!! Sawtra budu uchitsja, segodnja uzhe ne uspeü... Spasibo milaja esho rasok!

Ответить С цитатой В цитатник

Суббота, 16 Февраля 2013 г. 13:24ссылка

Semenova_Irina

Добрый день Катюш!!!Да не за что,рада была выполнить пожелание....А понятно или нет решать вам,но я старалась)))

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 13:25ссылка

Franzuzhenka

U tebja otlichnie uroki, i wsö dostupno raspisano! Esli wosniknet saminka, ja tebe w lichku napishu, ok?

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 13:26ссылка

Semenova_Irina

Хорошо))))Успехов тебе)))

Ответить С цитатой В цитатник Обратиться по имени

SlavnayaAli обратиться по имени Суббота, 16 Февраля 2013 г. 14:12 (ссылка)

Очень здорово!!! Спасибо, Ирочка)))

Ответить С цитатой В цитатник

Суббота, 16 Февраля 2013 г. 14:36ссылка

Semenova_Irina

Пожажалуйста ,Натуль)))Но для тебя ,я наверно не сделала открытие,ты и так это знала)))

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 15:12ссылка

SlavnayaAli

Ириночка, я ещё очень многого не знаю))) Чужие уроки всегда полезны, обязательно что-нибудь да новенькое всплывёт))

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 15:37ссылка

Semenova_Irina

Я тоже такая же))))Самоучка....Беру за основу полезную информацию,потом кумекую ,а как это сделать ,а как то...Что нибудь да получается....Просто иной раз повторятся не хочется,сейчас столько уроков на Ли ру)))
Вот ,Наташенька для примеру вот такая открытка,
//img-fotki.yandex.ru/get/4423/131624064.60/0_6cfc7_f3d5d78b_XL.jpg
только переделанная под восьмое марта,,,Будет интересен нашим читателям?Я имею ввиду урок...

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 15:55ссылка

SlavnayaAli

Я думаю очень интересно! Классный эффект)).

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 16 Февраля 2013 г. 16:12ссылка

Semenova_Irina

Спасибо,значит на следующей недели сделаю)))

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 17 Февраля 2013 г. 16:38ссылка

Валентина170

А я подсмотрела, и мне понравилось. :)))))

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 17 Февраля 2013 г. 16:54ссылка

Semenova_Irina

Я рада)))Эту открытку я ещё делала в 2011 году,перед новым годом.Вот сейчас ,вернее на на неделе которая будет,сделаю урок .надеюсь он пригодится)))

Ответить С цитатой В цитатник Обратиться по имени

Воскресенье, 17 Февраля 2013 г. 16:58ссылка

Валентина170

Поклон вам, ищущим и думающим!

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 21 Ноября 2013 г. 11:13ссылка

nesikova

Такой урок будет очень интересен. И пожалуйста с полным объяснением. Я без вашего путеводителя не могу. Спасибо. Ведь можно сделать эту открытку вставляя во внутрь фото?

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 21 Ноября 2013 г. 11:20ссылка

Semenova_Irina

Такой урок есть
http://www.liveinternet.ru/users/semenova_irina/post265527668

Ответить С цитатой В цитатник Обратиться по имени