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

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

2010-12-19, 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.

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


Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

Уважаемые посетители сайта, потратившие время на просмотр этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.

ПОХОЖИЕ УРОКИ:


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



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