Создаем анимированную линзу используя Фотошоп

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Высокая

В данном уроке Фотошопа мы рассмотрим процесс создания анимированной линзы.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


Финальный результат

Создаем анимированную линзу используя Фотошоп

Приступаем к уроку Фотошопа


1. Создаем новый документ (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Создаем анимированную линзу используя Фотошоп

2. Пишем на нем нужный нам текст - Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T"), примерно так: ↓


Создаем анимированную линзу используя Фотошоп

Сливаем текстовый слой с фоном (Ctrl+E).


3. Теперь на новом слое рисуем линзу (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Вот что получилось у меня: ↓


Создаем анимированную линзу используя Фотошоп

Поставим прозрачность этого слоя 70%.


4. Устанавливаем линзу перед первым словом. Делаем копию слоя Background (Фон), а сам слой делаем невидимым и активным.


Если что непонятно смотрим рисунок: ↓


Создаем анимированную линзу используя Фотошоп

5. Начинаем записывать новый Action (Окно > Операции / Сочетание клавиш "Alt+F9"). Теперь пошагово (записываем Action): ↓


5.1. Создаем новый кадр анимации.


5.2. Слой Background copy (Фон копия) делаем невидимым. Нажимаем на слое Background (Фон) правой кнопкой мыши и выбираем Duplicate Layer (Дублировать слой). В появившемся окне название нового слоя изменяем с Background copy 2 (Фон копия 2) на Background copy (Фон копия). Делаем получившийся слой видимым.


Создаем анимированную линзу используя Фотошоп

Создаем анимированную линзу используя Фотошоп

5.3. Делаем активным слой Layer 2 (Слой 2) зажимаем Shift и подвигаем его немного в право, примерно вот так: ↓


Создаем анимированную линзу используя Фотошоп

5.4. Удерживая Ctrl нажимаем на слой Layer 2 (Слой 2) в окне слоев, результатом чего станет такое вот круглое выделение.


Создаем анимированную линзу используя Фотошоп

5.5. Делаем активным видимый слой Background copy (Фон копия) и применяем следующие фильтры.


Filter > Distort > Spherize (Фильтр > Искажение > Сферизация). Amount (Степень) = 100% и Filter > Blur > Radial Blur (Фильтр > Размытие > Радиальное размытие). Amount (Степень) = 30%, Blur Method (Метод размытия) - Zoom (Линейный), Quality (Качество) – Best (Наилучшее).


5.6. Нажимаем Ctrl+D, чтобы убрать выделение и делаем активным слой Background (Фон).


Останавливаем запись Action – а (Операции).


Создаем анимированную линзу используя Фотошоп

6. Запускаем наш Action (Операцию) ещё несколько раз, чтобы получить нужное количество кадров анимации. Всё можно сохранять.


P.S. Можно к уже написанному Action (Операции) – у добавить другие эффекты. Для этого выделяем например наш Action 1 (Операция 1) и нажимаем запись. Применяем нужный эффект и нажимаем стоп. А затем просто перетаскиваем его из конца списка наших действий в то место в списке, где применяются эффекты. Надеюсь я ясно излагаю.

Создаем анимированную линзу используя Фотошоп

Финальный результат

Создаем анимированную линзу используя Фотошоп

Альтернативный результат

Создаем анимированную линзу используя Фотошоп

Автор: badmaster;

Текст доработан командой сайта PhotoshopPro.ru