Анимация переворачивания страницы в фотошоп

Главная » Уроки фотошоп» Уроки по работе с анимацией в Фотошопе

19.12.2010, 00:13

Анимация переворачивания страницы в фотошоп


Шаг 1. Создайте новый документ размером 350×450 пикселей, разрешением 72 в режиме RGB.




Шаг 2. Залейте слой цветом 012e66 и выберите инструмент Горизонтальный текст (Horizontal Type Tool), напишите любой текст.

Примените стиль Тень (Layer Style - Drop Shadow) и настройте, как показано ниже:




Шаг 3. Такой результат должен получится:




Шаг 4. Создайте новый слой (Create New Layer) и сделайте выделение , как на картинке , инструментом Многоугольное лассо (Polygonal Lasso Tool):




Шаг 5. Залейте это выделение цветом 012e66 и выберите инструмент Кисть (Brush Tool), настройте, как показано ниже:




Шаг 6. Теперь создайте новый слой (Create New Layer) и инструментом Перо (Line Tool) сделайте линию, показанную ниже. Кликните правой кнопкой и выберите Обводка контура (Stroke Path).




Шаг 7. Выберите Кисть (Brush) и нажмите ОК:




Шаг 8. Вот результат:



Шаг 9. Выберите инструмент Свободное трансформирование (Free Transform) и измените фигуру, как показано ниже. Удерживайте Ctrl при трансформировании и потом нажмите Enter.




Шаг 10. Измените Режим наложения этого слоя на Осветление основы (Blending Mode – Color Dodge) и уменьшите Непрозрачность (Opacity).




Шаг 11. Нажмите Ctrl+E, чтобы объединить слои и получите такой результат:




Шаг 12. Перейдите в меню Окно-Анимация (Window-Animation) и создайте новый кадр, нажав на иконку, показанную ниже:




Шаг 13. Выберите второй кадр и выберите слой с текстом. Примените стиль Наложение гралиента (Layer Style - Gradient Overlay) и настройте, как показано ниже:



Шаг 14. Теперь выберите слой Layer-2 и сделайте ваше изображение инструментом Перемещение (Move Tool) таким, как показано ниже:




Шаг 15. Нажмите на иконке, показанной ниже, чтобы открыть окно Промежуточные кадры (Tween):




Шаг 16. Настройте, как показано ниже:




Шаг 17. Сделайте копию кадра 22 и установите время, как показано ниже.





Шаг 18. Перейдите в меню Файл-Сохранить для Web (File-Save for Web) и выберите формат GIF.

Анимация - переворачиваем страницу


Категория: Уроки по работе с анимацией в Фотошопе | Добавил: CoMish | Теги: анимация страницы, анимация в фотошопе, фотошоп, урок анимации
Просмотров: 5533 | Комментарии: 3 | Рейтинг: 5.0/1
Всего комментариев: 3
avatar
3
а не проще вместо шагов 6, 7, и 8 провести вертикальную линию кистью, удерживая клавишу Shift
avatar
1
Добрый день. Подскажите, пожалуйста, не удаеться сделать переварачивание страницы. На этапе когда выбираю перо и провожу линию,далее правой кнопкой мыши клацаю и у меня только следующие активные позиции: Удалить векторную маску, Назначить свободную форму, сделать выделение , точки свободной трансформации... И все. Нет обводки контура и соответственно с кистью ничего не получается . ЧТо делать?
avatar
2
Всё решается просто.Когда Вы выбрали Перо ,обратите внимание на верхнюю панель (см.рис.). Там три значения - слой-фигура ,контуры,выполнить заливку пикселов . Для данного случая нужны контуры .



ПРИМ.Прежде чем начать трансформацию ,кликните правой кнопкой мыши на изображении и нажмите удалить контур .
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]