Реклама
Архивы
группа ХОББИ

Листаем альбом.

 Анимация  gif  в фотошопе  очень увлекательный процесс. Когда смотришь и восхищаешься чужими творениями , кажется, что анимация gif- это очень сложно . На самом деле все не так страшно, только нужно побольше внимания при создании анимации.

Сейчас сделаем анимацию перелистывания страниц. Я нашла картинку альбома с чистыми страницами. Вот его и будем листать.

1-Файл-открыть.

 

2-На вертикальной панели инструментов выбрать инструмент  "прямоугольная область "  и выделить страницу справа.

 

3-Редактирование-трансформирование-искажение. Исказить страницу так:

На панели параметров  нажать на "галочку" (применить).

4-Слой-создать дубликат слоя. Этот слой тоже  нужно деформировать.

5-Редактирование-свободное трансформирование. Страницу уменьшить только по ширине.

 

6-Слой-создать дубликат слоя.  И этот слой искажаем.

7-Редактирование-трансформирование-искажение. Здесь уменьшить по ширине и потянуть немного внизу.

 

Одна сторона страниц готова.

 

Теперь нужно сделать страницы для левой стороны.  Будем просто копировать готовые страницы.  В окне слоев отключить глазки на слоях (кликнуть по глазку), кроме  слоя 0  и слоя 1.

 

8-Активировать слой 1, кликнуть по нему правой кнопкой мышки и  выбираем , в появившемся окне, "создать дубликат слоя".

9-Редактирование-трансформирование-отразить по горизонтали.

10-На панели инструментов выбрать " перемещение"  и подвинуть страницу влево.

 

11-Включить глазок на  слое 1 копия  ( кликнуть по месту,где был глазок ), активировать слой и,кликнув по нему правой кнопкой мыши, выбрать создать дубликат слоя.

12-Редактирование-трансфомирование-отразить по горизонтали.

13-Переместить страницу влево.

14-Включить глазок на верхнем слое. Этот слой дублировать не надо. Теперь альбом выглядит так:

 

Переходим к анимации. В окне слоев выключить все глазки, кроме нижнего слоя.

15-В окне анимации в первом кадре поставить время 0,2 сек. и , нажимая на  кнопку создания кадров, сделать 6 кадров.

16-Кликнуть по второму кадру и в окне слоев включить глазок на слое 1.

17-Кликнуть по третьему кадру, а в окне слоев выключить глазок на слое 1 и включить  слой 1 копия.

18-Кликнуть по четвертому кадру, а в окне слоев выключить глазок на слое 1 копия и включить  слой 1 копия 2.

19-Кликнуть по пятому кадру, в окне слоев выключить глазок на слое 1 копия 2 и включить  слой 1 копия 3.

 

20 -Кликнуть по последнему кадру ,в окне слоев выключить глазок на слое 1 копия 3 и включить слой 1 копия 4.

 

Теперь  в окне анимации нажать на пуск.

 Анимация gif готова и можно любоваться своим творением.

 

21-Файл-сохранить для Web и устройств . (В фотошопе cs2- файл-сохранить оптимизированный как). Сохранить в gif.

Созданным альбомом можно воспользоваться в дальнейшем, поместить на страницы фотографии. Только, для этого его нужно сохранить в psd.  Файл-сохранить.

 

 

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Комментарии (18)

  • Элеонора Пронина:

    Оказывается это очень увлекательное занятие. Я даже не подозревала. Спасибо за рекомендации.

    • admin:

      Фотошоп затягивает.Только научишься одному,как находятся другие вещи,которые тоже хочется сделать самой.

  • Светлана:

    Надежда, как интересно! Буду приходить к Вам учиться.

  • admin:

    Я думаю,что нужно посмотреть цветовой режим фотографии. Может быть она в градации серого.Зайти в изображение-режим и перевести в RGB. А фото я уже красила.Напишу,как делала.

  • Зухра:

    Не получается…Не пойму в чем дело…Когда начинаю делать уже другую сторону книги,то двигаются не листочки, а книга целиком…И двигать толком не пойму как…раз ничего не происходит…Вот ведь незадача…уже и так и так,может со слоями путаюсь…Слои у меня даже не выглядят как у вас на картинке(в фотошопе)

  • Зухра:

    Наконец то получилось,но хотелось бы вставить туда фотографии)Вот озадачена теперь)

  • Инга:

    Присоединяюсь..Как в эту книгу поместить фотографии?? И большое спасибо за уроки

    • admin:

      Инга, откройте альбом без анимации. Скопируйте чистую страницу несколько раз и отключите глазки этих копий. На лист, который будет поворачиваться вставьте фото, затем «слой-объединить с предыдущим». Дальше делайте, как в уроке, трансформируйте лист. Затем , когда этот лист будет готов, отключите глазки у этих слоев, чтобы они не мешали, включите глазок на первом скопированном чистом листе, вставьте туда другую фотографию и делайте, как в уроке. Тоже повторяете с другими скопированными листами.

  • Татьяна:

    У меня возникло 2 вопроса:1)Надо ли активировать(снимать «замок»)с самого первого слоя и создавать дубликат?А то у вас 4 слоя,а у меня получается только 3? 2)Мне совсем непонятно,как перенести все слои влево.Если можно для такого «чайника» подробнее.Выше в обсуждениях я уже видела подобный вопрос.Очевидно,не только мне непонятно.
    Буду очень рада помощи

    • admin:

      Татьяна, cлой «фон»нужно перевести в слой 0.Практически всегда слой фон переводят в слой 0. Кликнуть по нему два раза и, в появившемся окошке, OK.Затем выделите прямоугольником правый лист и «слой-скопировать на новый слой».В окне слоев будет два слоя:книга и лист. Скопированный слой нужно трансформировать. «редактирование-трансформирование-искажение.» Искажаете лист, потянув за маячки.Затем , как в уроке, «слой-создать дубликат слоя». Это будет второй лист. И этот лист искажаете.В окне слоев уже три слоя. Еще раз дублируете последний слой и искажаете третий лист.В окне слоев четыре слоя.Теперь делаете листы для левой страницы. Активируете слой 1 и «слой-создать дубликат слоя». Затем идете»редактирование-трансформирование-отразить по горизонтали». Теперь лист нужно перенести влево. Берете инструмент «перемещение»(самый верхний на панели инструментов). Кликаете на картинке по правому листу и, зажав кнопку мыши, тащите лист влево.Для создания следующего листа активируете в окне слоев слой 1 копия и все повторяете.

  • Татьяна:

    Спасибо,прямо сейчас и попробую

  • Татьяна:

    Ура-а-а!!!Спасибо,получилось!!!Большое спасибо

  • Татьяна:

    Спасибо,очень интересный урок!

  • Олег:

    Надежда! Здравствуйте! Уроки Ваши замечательные, главное — доходчиво и с готовыми исходниками! Спасибо большое!
    Вот только Наденька, а как мне поместить фото в этот альбом?

    • admin:

      Олег,когда откроете в фотошопе файл с альбомом, нужно на правую и левую страницу перетащить два разных фото, в окне слоев объединить слой с фото со слоем альбома и дальше все делать по уроку.

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