Продолжение:.
По просьбе моих дорогих читателей,выкладываю пример перелистывание с использованием 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.
Ну что.если есть вопросы,пишите,отвечу..
Спасибо за внимание.
По просьбе моих дорогих читателей,выкладываю пример перелистывание с использованием 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.
Ну что.если есть вопросы,пишите,отвечу..
Спасибо за внимание.
Комментариев нет:
Отправить комментарий