Урок фотошопа-Анимация"Перелистывание листов"

Дорогие мои друзья и ПЧ,а также дорогие гости,
этот урок по анимации я сделала давно,но всё ни как не могла выставить.
И вот наконец то решила.
Этот урок для тех,кто как то уже знает фотошоп,но и новички
могут попробовать....Я постаралась объяснить более понятно.
Если возникнут вопросы,я постараюсь на них ответить.
Для урока я выбрала две фотографии одинакового размера. Здесь конечно же смещаем центр вправо(на скрине опечатка,я извеняюсь)
И проделываем то же самое что и со слоем справа))))


Открываем окно Анимации.
Копируем первый кадр,для этого нажимаем на белый квадратик в меню окна Анимации внизу. и включаем глазик на первом слое-Слоя справа.
Теперь продолжаем копировать кадр и включать глазик на следующем слоя,и так пока не откроем все глазики на слоях.(Кадр+глазик слоя-(один кадр и вкл. один глазик))см.рис.

Теперь еще раз копируем кадр ,отключаем глазик на последнем слое Слоя справа и уже наоборот включаем глазик на самом последнем слое Слоя слева(теперь мы будем идти сверху вниз).
И так же продлажаем копировать кадр и вкл глазик на Слое слева,двигаясь сверху вниз.

Еще раз копируем кадр и см.рис.

Теперь идём в меню анимации(три линии вправом углу) и находим Выделить все кадры:

Переходим на первый кадр и выставляем время нашей анимации и вкл воспроизведение(треугольничек внизу меню)

Если всё устраивает сохраняем в формате GIF. Вот собственно и всё. Творческих вам успехов. И эта анимация сделана по принципу этого урока
Продолжение урока анимации"Перелистывание листов"
Недавно я выставляла урок анимации "Перелистывание листов",и меня спрашивают,как сделать перелистывание через спиральку... Так вот этот урок про это,и он будет своего рода продолжение .... Сам урок перелистывания я рассказывать не буду,его можно посмотреть здесь,в этом уроке я расскажу,как добавить спиральку,и чтоб анимация смотрелась целостно. И так начнём: Смотрим[more=Далее] Пусть простят меня мастера фотошопа,если я что делаю не так....может это можно делать и по другому,но а мы так по простому))) Конец предыдущего урока у нас выглядит так(в уроке только горизонтальное перелистывание ,а я сделала вертикальное,но принцип один и тот же) Для начала мы переходим в меню окна анимации и создадим слои из кадров. Мы как бы сохраним нашу анимацию. Открываем нашу спиральку Вот так у нас должно выглядеть окно слоёв. Копируем слой со спиралью,и переименовываем наши слои Сочетанием клавиш Ctrl+J,делаем по три копии для нижней и вехней спирали,и объединяем в группы.см.рис.(для удобства можете выделить в разные цвета,для этого нажимаем на окно глазика правой кнопкой мыши и выбираем цвет) Теперь переходим в окно анимации и окно слоёв.Мы сейчас будем работать с верхней спиралькой ,нижнюю можно отключить(на скрине включен,но это ошибка,должен быть выключен.заметила,но поздно,не стала переделывать,извиняюсь),отлючаем глазик на группе. До восьмого кадра,включаем по очереди кадры,и оставляем глазик на слое" верхняя" остальные слои со спиралькой должны быть отключены. Смотрим скрины: они увеличиваются по клику. Ну вот и всё,вкл воспроизведение,если всё сделано верно,то анимация будет выглядеть так И ещё одно примечание,у каждого пользователя получается после первого урока своё количество слоёв,поэтому когда масштабировать или удалять части спирали смотрите по своей анимации,для этого по очереди кликайте мышкой по кадрам,и где вы видите что спираль вылезает за края,удаляйте или уменьшайте спираль... Творческих вам успехов и спасибо за внимание))) Если возникнут вопросы,задавайте,отвечу))) Продолжение:Перелистывание 6 фонов. По просьбе моих дорогих читателей,выкладываю пример перелистывание с использованием 6 фонов.Анимация не сложная,но требует внимание и время. Файл в формате PSD можете скачать Здесь(скачав файл, вы можете потренироваться на моих слоях к этому уроку ,поняв суть анимации),для тех кому трудно. Подготовка слоёв к анимации можете посмотреть Здесь И так [more=Урок] Все картинки увеличиваются по клику. 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. Ну что.если есть вопросы,пишите,отвечу.. Спасибо за внимание.