Урок плавный переход. Уроки по gif анимации скачать бесплатно. Блокировка нажатий на правую клавишу мыши
Уроки анимации

учиться никогда не поздно!

Для начинающих аниматоров мы приготовили подробные уроки как сделать анимационные картинки своими руками.

 

Наша кнопка

Если вам понравился наш сайт, вы можете разместить у себя код нашей кнопки

 

Урок по созданию анимацию c плавным переходом

 

01


Хочу сразу сказать, что этот урок лишь показывает по какой технологии можно выполнить анимацию, в которой  одно изображение будет плавно переходить в другое. Но в этом виде анимации, в отличие от программ серии морфинга мы будем использовать Фотошоп. К написанию этого урока меня подтолкнули потрясающие своей красотой работы gif аниматора Насти, больше известного под именем Insomnia. Попытаюсь рассказать о технологии, но должен признаться, что моя анимация - лишь слабая пародия на ее работы. Я долго пытался придумать название этому виду анимации, но ничего толкового так и  не придумал и назвал его "плавный переход".
Итак, приступим. Для примера возьмем вот эту картинку.


02


Открываем ее в Фотошопе – Идем Слой – создать дубликат слоя.
Теперь с этим дубликатом слоя мы и будем работать.

Наша задача – создать два слоя изображения,
которые будут незначительно отличаться друг от друга.

Для начала можно создать эффект солнечного света.
Для этого нужно осветлить отдельные участки.

03

Выделяем волшебной палочкой
(держим Shift нажатым если хотим выделить несколько участков)
Далее идем Коррекция – Кривые – сдвигаем кривую как показано на рисунке
Нажимаем ОК.

04

Незначительные изменения можно внести инструментом Пластика
Выделяем участок картинки Далее: Фильтр – Пластика –Деформация.

Далее начинается самая сложная и кропотливая работа.
Нужно будет перемещать отдельные элементы на незначительное расстояние.
На примере листьев раскрытой книги.
Для этого используем инструмент штамп.
Подбираем кисть нужного размера Нажимаем штамп
Удерживая клавишу Alt «делаем снимок области» и далее незначительно переместив
Делаем штамп. По этому же принципу перемещаем листья и т.п.

На вкладке Анимация нажимаем – Make frames from layers (создать фреймы из слоев)
Вот что у нас получилось на данном этапе – 2 кадра.


05


На этом этапе ВАЖНО ПРАВИЛЬНО ВКЛЮЧИТЬ СЛОИ (ОТМЕЧЕНО ГЛАЗКОМ)
1 ФРЕЙМ - ВКЛЮЧАЕТ 1 СЛОЙ:

06

2 ФРЕЙМ ВКЛЮЧАЕТ ОБА СЛОЯ



Теперь смело нажимаем Tweens


Откроется окно - нажимаем OK


Теперь у нас появились промежуточные кадры



Теперь чтобы сгладить переход - нужно добавить кадры и в обратной последовательности

Для этого:

Выделяем все фреймы - нажимаем Copy Frames
 


После этого Paste frames Вставить фреймы



Paste after selection (вставляем после выделения)



И последнее Revers frames

Теперь сохраняем нашу анимацию - вот что получилось




Здесь есть еще один урок на эту тему, в котором более подробно рассказывается о работе со щтампом
 

Комментарии, Вопросы и ответы по этому уроку вы можете посмотреть здесь. Там же вы сможете задать свой вопрос.

Скачать этот урок можно здесь >>

Наш форум здесь

Размещение данного материала на других Интернет порталах запрещено.
Copyright © www.gifzona.com 

 
 
 

Поиск незаконно размещенных материалов осуществляется с помощью сервиса Copyscape

 

Подробные уроки по анимации вы найдете здесь

 

 
 

 Использование данного материла на других  сайтах запрещено

 
Использование  материалов сайта  на других интернет сайтах без письменного разрешения администратора сайта и авторов анимаций ЗАПРЕЩЕНО