Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 8 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Имитация движения
Автор: Алиса   

В этом уроке мы научимся имитировать движение, отражая изначальную картинку зеркалльно по горизонтали:

alt

С чем мы познакомимся в этом уроке: научимся совмещать объекты, управляя их прозрачностью, команда "Transform - Flip Horizontal"

Потребуется знание уроков: Плавный переход между кадрами

 

 

1. Подбираем исходное изображение. Данный эффект нельзя красиво применить к любой картинке. Лучше всего, если выбранное вами изображение будет на однотонном фоне. Объект на картинке (в нашем случае он должен быть одушевленным) должен быть повернуть анфас к нам. Лучший вариант - идущий человек, который занес вперед одну ногу. Я тоже нашла неплохой исходник:

alt

Собака мордой развернута к нам, а одна ее лапа в прыжке. То, что надо.

2. Открываем выбранное изображение в Photoshop.

3. Копируем наш исходный слой со щенкой, нажав на клавиатуре Ctrl +J:

alt

4. Отражаем зеркально щенка со слоя-дубликата. Для этого предварительно выделяем новый слой, тыкнув по нему мышкой, потом идем в "Edit - Transform - Flip horizontal" (Редактировать - Трансформация - Отразить по горизонтали):

alt

 Получился такой щенок:

alt

5. Выравниваем слои по отношению к друг другу. На моей картинке (скорее всего, тоже и с любой другой выбранной вами картинкой) щенок располагается не ровно по центру картинке и когда мы отразили его по горизонтали, щенок на нижнем слое и щенок на верхнем слое были сдвинуты по отношению к друг другу. А нам, для имитации движения щенка, надо, чтобы они по максимуму совпадали.

Мы будем двигать верхний слой, стремясь к тому, чтобы щенки совпали. А чтобы видеть из под первого слоя второй, мы воспользуемся прозрачностью слоя. В панели "Layers" (Слои) в верххнем правом углу вы найдете параметр "opacity" (прозрачность). Выделите (тыкнув мышкой) верхний слой-дубликат с щенком и уменьшите значение opacity. Я уменьшила его до 65 % и мне стало видно и "верхнего" щенка и "нижнего":

  alt

Теперь берем инструмент "Move tool" (Инструмент перемещения) и двигаем верхний слой пока он максимально не совпадет с нижним:

alt

Я двигала пока не совпало тельце щенка :)

Примечание: для удобства и для точности действий предлагаю вам  увеличить масштаб изображения, путем нажатия на клавиатуре "Ctrl +" и "Ctrl -".

Теперь можете вернуть параметр "opacity" на изначальные 100 %. Вы видете только верхний слой.

6. Анимация.

Переходим в Image Ready:

alt

Дублируем в панели "Animation" (Анимация) первый кадр нажав на кнопку "Duplicate current frame" (дублировать активный слой):

alt

И выставляем видимость слоев для кадров. Для первого кадра делаем видимым только первый слой, а для второго кадра - и первый и второй слой:

alt

Выставляем время задержки между кадрами - о,2 секунды, жмем play и видим результат:

alt

7. Смягчаем движение. Чтобы щенок двигался более плавно, мы можем применить к нашей анимации растяжку. Подробнее об этом читайте в уроке "Плавный переход между кадрами". Я выставила между двумя нашими кадрами растяжку в еще 3 кадра. И 3 кадра в обратную сторону, т.е. между последним и первым кадром. Поставила задержку для этих новых кадров в "no delay" (без задержки):

alt

и получила вот такой результат:

alt

Удачи в ваших экспериментах!

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#1 Vladislav 12.08.2011 13:33
Прикольно получилось=)А колесо машины можно??
Цитировать
 

Добавить комментарий


Защитный код
Обновить