-Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

 -Поиск по дневнику

Поиск сообщений в ЭМИЛЛИ

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.03.2009
Записей:
Комментариев:
Написано: 46720


Урок Фотошопа: Анимация дверей

Понедельник, 07 Ноября 2011 г. 20:15 + в цитатник

Итак, как сделать анимацию дверей в Фотошопе? В этом уроке я постараюсь всё объяснить поподробнее.

1) Находим любую подходящую картинку, вроде этой и открываем её в Фотошопе

 

Урок Фотошопа: Анимация дверей



2) Нам нужно сделать отдельно вход и каждую дверь, для этого нажимаем 3 раза Ctrl + J и на каждом слое всё отделяем с помощью инструмента Eraser Tool (клавиша E). Все что не нужно закрашиваем инструментом Brush Tool (клавиша В), используйте выбор цвета кисти, нажимая Alt и выбирая подходящий цвет. Результат должен быть таким

Урок Фотошопа: Анимация дверей



3) Открываем окно Анимация (Window - Animation) и включаем 3 слоя, кроме самого нижнего

Урок Фотошопа: Анимация дверей



4) Выбираем инструмент Move Tool (клавиша V) и переходим в окне Layers на слой с левой дверью, теперь её нужно аккуратно передвинуть влево, а правую дверь соответственно вправо

Урок Фотошопа: Анимация дверей



5) Теперь создаем кадр в окне Animation

Урок Фотошопа: Анимация дверей



6) Выполняем заново шаг 4, но теперь каждую дверь нужно передвинуть в центр, тем самым, закрыв вход

Урок Фотошопа: Анимация дверей



7) Переходим на первый кадр, нажимаем кнопку Tweens, в окне выбираем все как на картинке ниже и жмем ОК

Урок Фотошопа: Анимация дверей



8) Переходим на второй кадр, жмем и удерживая Shift кликаем на последний кадр, далее жмем на треугольник с правой стороны, выбираем Copy Frames

Урок Фотошопа: Анимация дверей



Опять жмем на треугольник и выбираем Paste Frames, в окне выбираем Paste After Selection и ОК, и снова жмем треугольник и выбираем Reverse Frames.

9) Вот теперь у нас есть кадры, для закрытия и для открытия дверей, получится анимация открывающейся двери. Теперь встаем на первый кадр, жмем Shift и не отпуская кликаем на последний. Внизу правой кнопкой мыши нажимаем на 0 sec. и выбираем Other… а в окне ставим 0.02 sec

Урок Фотошопа: Анимация дверей



Нажимаем кнопку Plays и смотрим результат. Чтобы сохранить идем File – Save for Web…
Если двери открываются слишком быстро, то поставьте другое время. Чтобы двери открывались и закрывались с задержкой, установите для кадра номер 1 и 13 время в 1.0 sec

Результат урока анимация двери:

Урок Фотошопа: Анимация дверей
Рубрики:  УРОКИ PHOTOSHOP/анимация


Процитировано 43 раз
Понравилось: 16 пользователям

татьяна_татуревич   обратиться по имени Понедельник, 07 Ноября 2011 г. 20:33 (ссылка)
Ответить С цитатой В цитатник
GanikoZ   обратиться по имени Понедельник, 07 Ноября 2011 г. 20:56 (ссылка)

Ответить С цитатой В цитатник
Мурушкина_Марина   обратиться по имени Понедельник, 07 Ноября 2011 г. 21:18 (ссылка)
СПАСИБО!!! КАК ЗДОРОВО!
Ответить С цитатой В цитатник
Лариса_Гурьянова   обратиться по имени Понедельник, 07 Ноября 2011 г. 22:10 (ссылка)
Спасибо, золотце!!!! Такой урок классный!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 07 Ноября 2011 г. 22:13ссылка
Пожалуйста,Ларочка!
Valysha-66   обратиться по имени Понедельник, 07 Ноября 2011 г. 23:01 (ссылка)
Spasibo za urok!
Ответить С цитатой В цитатник
olgasavic   обратиться по имени Понедельник, 07 Ноября 2011 г. 23:22 (ссылка)
прекрасный урок!!!! я все хотела так конвертик открывать, и сейчас на основе вашего урока,смогу это сделать. Спасибо большое!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 07 Ноября 2011 г. 23:26ссылка
Очень рада,что Вам помог урок:)
Бог_в_Блог   обратиться по имени Вторник, 08 Ноября 2011 г. 06:28 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
ТАБТ   обратиться по имени Вторник, 08 Ноября 2011 г. 13:14 (ссылка)
СПАСИБО ЗА УРОК!!!:heart:
Ответить С цитатой В цитатник
VolNina   обратиться по имени Вторник, 08 Ноября 2011 г. 19:17 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Luvisor   обратиться по имени Вторник, 08 Ноября 2011 г. 20:45 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Вторник, 08 Ноября 2011 г. 21:52 (ссылка)
Спасибо за урок.
Ответить С цитатой В цитатник
мурзик49   обратиться по имени Вторник, 08 Ноября 2011 г. 23:11 (ссылка)
спасибо
Ответить С цитатой В цитатник
Лида_Юринец   обратиться по имени Среда, 09 Ноября 2011 г. 00:00 (ссылка)
СУПЕР УРОК.
Ответить С цитатой В цитатник
NadinIzVlada   обратиться по имени Благодарю от души!!! Поучимся! Воскресенье, 20 Ноября 2011 г. 03:48 (ссылка)
...
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Ноября 2011 г. 10:09ссылка
Спасибо за схемку!
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку