Урок анимации полёта самолёта.

Суббота, 23 Декабря 2017 г. 07:03 + в цитатник

Цитата сообщения Nikajana

Прочитать целиком В свой цитатник или сообщество!

Урок «Анимация полета Самолета»
Источник: сайт photoshop-master.ru
Для вас я его выкладываю со своими скриншотами, частично изменив урок

Материал для урока: фон с облаками и самолет в формате PNG (вы можете воспользоваться готовыми клипартами или вырезать изображение самостоятельно)
Мои исходники: скачать "кнопка" вверху

1. Открываем изображение неба с облаками: Файл-Открыть
2. В окне слои снимаем замочек, как это сделать см. Здесь

3. Если нужно, придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем - «Фон»

4. Переходим панель Каналов
Кликаете по красному каналу и на изображении появляется четкий контраст между небом и облаками. Это означает - что этот канал очень удобен для создания будущей маски.

хостинг картинок

Жмём сочетание клавиш Ctrl+A - выделить холст или идём Выделение-Всё
Далее жмём сочетание клавиш Ctrl+C – скопировать или идём Редактирование-Скопировать

Совет: Излишне говорить, что после этого вы не должны копировать что-либо на это же место, в противном случае вы можете все потерять

Ctrl+D – выделение снимаем

Кликните на слое RGB в панели Каналов и перейдите в панель Слои

хостинг картинок

5. Открываем файл с самолетом: Файл – Открыть

Активируем инструмент «Перемещение» , захватываем его левой кнопкой мыши и перетаскиваем на слой «Фон»
Слой называем - «Самолет»

Придаем изображению необходимый размер с помощью Свободного трансформирования Ctrl+T, если необходимо поворачиваем

Совет: Чтобы не сбить пропорции, зажимаем Shift и тянем за уголок/маркер по диагонали, отпускаем сначала мышку, потом клавишу Shift, Enter – применить

6. В окне Слои жмём на иконку «Добавить Слой-маску»

Зажимаем клавишу Alt и кликаем по маске – это действие откроет слой с маской в рабочем окне, которое теперь станет совершенно белым

Идём Редактирование – Вставить или жмём сочетание клавиш Ctrl+V
Ctrl+D – выделение снимаем

7. Инвертируем эту маску: идём Изображение - Коррекция – Инвертировать или жмём сочетание клавиш Ctrl+I

Запомните следующее: черный цвет в маске означает игнорирование. Заметьте, что после инвертирования облака стали черные, это значит, что в этих областях части самолета будут не видны- это как раз то, что нам нужно, так как это создаст иллюзию, что самолет находится за облаками

8. Чтобы сделать маску более эффективной, нам нужно повысить контрастность; убедитесь, что маска активна (она должна иметь двойную рамку)
Идём: Изображение - Коррекция – Уровни или жмём сочетание клавиш Ctrl+L
Ставим значения: для чёрного ползунка – 70, для белого – 160 и жмём OK

9. На данный момент маска скреплена со слоем самолета (это означает , что слои скреплены друг с другом), следовательно, если мы будем двигать один из этих слоев, то второй будет двигаться тоже.

Так как мы хотим разместить самолет не изменяя положение маски, то нам нужно убрать значок скрепления
Поэтому кликните 1 раз по , чтобы его убрать

Кликните 1 раз по миниатюре слоя с самолетом, чтобы активизировать этот слой; теперь у этого слоя двойная рамка

10. Активируем инструмент «Перемещение», теперь самолет можно перемещать в любом направлении и маска, с тех пор как мы убрали , остается на месте.

Подвигайте самолет и посмотрите, как он исчезает за облаками. Но самолет не должен всегда лететь за облаками, нужно чтобы он иногда появлялся из-за облаков
Сейчас мы этим и займемся.

Маску передвигать нельзя!
Если вы случайно ее задели, то отмените действие клавишами Alt+Ctrl+Z

11. Кликаем по «Миниатюре слой-маски», чтобы активизировать её (теперь у неё будет двойная рамка)
Активизируем инструмент «Кисть»: круглую, размер примерно – 30-40 пикс., жесткость – 0%, непрозрачность – 100%, цвет – белый

Нажмите клавишу слэш (/) на клавиатуре, это поменяет маску на эквивалентную ей быструю маску (облака стали розовые)

Теперь закрасьте те облака или часть облаков, которые по вашему мнению будут появляться позади самолета

Те облака, которые стали белыми, будут теперь за самолетом (иллюзия перспективы)
Когда вы всё сделали, нажмите клавишу слэш (/), чтобы убрать быструю маску

Кликаем по «Миниатюре слоя» с самолетом, чтобы активизировать её (теперь у неё будет двойная рамка)

12. Инструментом «Перемещение» подвигайте самолет туда-сюда, чтобы посмотреть верно ли вы поработали с маской, правильно ли смотрится перспектива на вашем рисунке (если хотите еще отредактировать, то повторите 11 – Шаг)

13. Переходив в окно «Анимация»:

В окне «Анимация» у нас уже есть 1-ый кадр, зададим ему время передвижения примерно 0,1-0,2 сек.

И инструментом «Перемещение» передвинем самолет в левую или правую сторону, скрыв его чуть за пределами вашего изображения (зависит какое направление движения вы выбрали для своего самолета)

Создаём 2-ой кадр нажатием на листик в окне «Анимация»
В окне Слои дублируем слой «Самолет» - Ctrl+J и получаем слой «Самолет копия»

И инструментом «Перемещение» передвинем самолет в противоположную сторону, скрыв его чуть за пределами вашего изображения и отключим глазик на предыдущем слое «Самолет»

В окне «Анимация» стоя на 2-ом кадре жмём «Создать промежуточные кадры» - примерно 25-30 кадров

Изменим время 1-ого кадра примерно на 1сек.

Жмём на «Запуск воспроизведения анимации»

хостинг картинок

проверяем и если всё устраивает сохраняем: Файл - Сохранить для Web в формате GIF

Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте на radikale ссылку №1 и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Рубрики:

Photoshop/Уроки
Photoshop/Анимация