Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

  Все выпуски  

Photoshop Zona Создаем волшебный эффект Фантазия в photoshop - Часть 2


В этом уроке вы узнаете, как добавить красивый анимированный эффект изображению в Photoshop.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Для того чтобы выполнить этот урок, вам понадобиться PSD файл этого урока

Если у вас есть все необходимое, давайте начнем!

Шаг 1. Создадим новый документ 800px ширина и 600px высота.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 2: Откройте PSD файл из прошлого урока.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 3. Теперь, прежде чем мы начнем делать анимацию, нам нужно дублировать некоторые слои. Итак, сначала мы найдем группу со звездами.

Создаем
волшебный эффект Фантазия в photoshop - Часть 2


Шаг 4. Теперь щелчок правой кнопкой мыши на группу и выберите Создать дубликат группы (Duplicate group).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 5. Теперь мы готовы приступить к созданию анимации, но сначала нам нужно открыть панель анимации. Для этого перейдем Окно-> Анимация (Window-> Animation).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 6. У Вас должно появиться что-то подобное, это шкала анимации.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 7. Теперь нажмите на кнопку Преобразовать в покадровую анимацию (Convert to timeline animation) в нижнем правом углу.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 8. Теперь мы можем работать с нашими кадрами. Есть несколько вариантов, которые мы будем использовать для создания анимации. Итак, сначала нажмите на кнопку Создание копии выделенных кадров (Duplicate selected frame).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 9. И теперь начинается самое интересное , откроем группу с звездами, которую мы скопировали ранее. Выберем верхний слой и переместим его немного вниз.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 10. Теперь повторите тот же процесс со всеми другими слоями. Но убедитесь, что вы перемещаете их не слишком сильно.

Создаем
волшебный эффект Фантазия в photoshop - Часть 2


Шаг 11. Теперь нажмите на кнопку Создание промежуточных кадров (Tweens) и создайте 50 кадров между нашими двумя основными кадрами. Это для того, чтобы у нас получилась красивая и плавная анимация.

Создаем волшебный эффект
Фантазия в photoshop - Часть 2


Шаг 12. Нажмите на последний кадр, а затем снова на кнопку Создание копии выделенных кадров (Duplicate selected frame).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 13. Затем переместите слой немного вниз.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 14. Нажмите на кнопку Создание промежуточных кадров (Tweens) снова и на этот раз создайте 30 кадров.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 15. А теперь давайте взглянем на кадры, которые у нас есть. Существуют различные варианты времени для кадров. Таким образом, вы можете выбрать, через какое время Вы хотите, чтобы кадр менялся. Для этой анимации мы выберем 1 секунду.

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 16. Вы можете также выбрать, сколько раз анимация должна повторяться. Мы выберем Постоянно (Forever).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


Шаг 17. Теперь вы можете включить анимацию, чтобы убедиться, что все в порядке. Так же нажмите на кнопку Преобразовать анимацию по временной шкале (Convert) и нажмите на кнопку Запуск воспроизведения анимации (Play).

Создаем волшебный эффект Фантазия в photoshop - Часть 2


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

Создаем волшебный эффект Фантазия в photoshop - Часть
2


Вот и все наша красивая анимация готова! Надеюсь, вы узнали что-то новое. Всего Вам доброго и творческих успехов.

Создаем волшебный эффект Фантазия в photoshop - Часть 2

Автор/Переводчик: Артеменко Любовь

Ссылка на источник:

Данный урок подготовлен для вас командой сайта: photoshop-zona.ru


В избранное