Пятница, 26.04.2024
PhotoShopIK
Меню сайта
Форма входа
Категории раздела
Уроки анимации [8]
Фотообработка [3]
Коллажирование [9]
Спецэффекты [4]
Web дизайн [1]
Основы фотошопа [3]
Поиск
Главная » Статьи » Уроки анимации

Движение НЛО

Интересный эффект анимации урок Photoshop.
В этом уроке мы научимся имитировать движение НЛО в Фотошопе.


title



Часть1. НЛО

1. Выбираем подходящее фото, лучше с водоёмом и без волн, чтобы были видны эффекты. Я выбрала вот это:

http://rx.foto.radikal.ru/0710/b0/12770e47f448.jpg

Если будете использовать это фото, его можно скачать вот тут:

http://rk.foto.radikal.ru/0710/fc/4933103911adt.jpg

Дублируем Слой «Задний план» (Background) (Ctrl J).

2. Идём Фильтр – Искажение – Сферизация (Filter – Distort – Spherize), устанавливаем Степень 100%, режим – нормальный. Делаем повторную сферизацию, для этого можно повторить путь Фильтр – Искажение – Сферизация или можно сделать быстрыми клавишами (Ctrl F), они означают – повторное применение фильтра и действуют на любой фильтр, который вы уже применили.

3. Выбираем инструмент «Овальная область»(Elliptical Marquee Tool) (М), начинаем рисовать круг с левого верхнего угла и с нажатой клавишей (Shift) (это чтобы получился не эллипс, а круг). Перетаскиваем выделение на середину яйца, образовавшегося после сферизации:

http://rz.foto.radikal.ru/0710/98/b7b449686273.jpg

4. Далее, инвертируем выделение (Ctrl Shift I) и нажимаем Delete на клавиатуре. Снимаем выделение (Ctrl D).

5. Щелкаем на слое Задний план (Background) и добавляем новый слой, нажав на иконку http://rx.foto.radikal.ru/0710/62/1e0d3ab0a843.jpg , внизу окна Слои (Layers).
Устанавливаем на панели инструментов основной цвет #999999 и фоновый цвет #333333.
Выбираем инструмент «Градиент»(Gradient)(G), нажимаем на иконку «Радиальный градиент», в окне опций инструмента:

http://rm.foto.radikal.ru/0710/62/7cb66782df49.jpg

Тянем градиент примерно так:

http://rw.foto.radikal.ru/0710/9a/3d573571b05b.jpg

6. Загрузим выделение шара, для этого с нажатой клавишей Ctrl щелкаем на иконке Слоя1, опять применим инвертирование и удаление лишнего, как в п.4.
Перейдём на Слой1 (с шаром) и изменим у этого слоя режим смешивания (Mode) на Перекрытие (Overlay):

http://rw.foto.radikal.ru/0710/87/f0dc42e1818f.jpg

А сейчас сольём Слой1 и Слой2, идём Слой – Объединить слои (Layer – Merge Layers) или используем быстрые клавиши (Ctrl E). Назовём этот слой – «Шар». Для тех, кто ещё не знает как переименовать слой, подсказываю, что нужно 2 раза щёлкнуть на названии слоя и записать новое название.

7. Добавим вспышку света на наш шар, идём Фильтр – Рендеринг – Блик (Filter – Render - Lens Flare). Выставляем Яркость - 100% и тип объектива – трансфокатор 50 – 300 мм.
Жмём ОК.
А сейчас применим трансформирование и уменьшим шар до нужных нам размеров. Идём Редактирование – Свободное трансформирование (Edit – Free Transform) (Ctrl T) и с нажатой клавишей (Shift) уменьшаем размер шара:

http://rw.foto.radikal.ru/0710/d2/309ff26ea505.jpg

Вот мы и создали металлический шар, а сейчас создадим отражение от него на водной глади.

8. Переходим на слой «Задний план» и дублируем его (Ctrl J). На копии Заднего плана инструментом «Овальная область»(Elliptical Marquee Tool) (М) рисуем эллипс на воде:

http://rw.foto.radikal.ru/0710/27/07e75df46ee9.jpg

И применим Фильтр – Искажение – Зигзаг (Filter – Distort – Zigzag) с такими установками:

http://rw.foto.radikal.ru/0710/6a/f4a5b16a2f24.jpg

Снимаем выделение (Ctrl D). Назовём этот слой «Волны».

9. Переходим на слой «Шар», дублируем его (Ctrl J), и называем его «Отражение», затем нажимаем (Ctrl T), вызвав сетку для трансформирования. Нажимаем внутри сетки правой кнопкой мыши и выбираем команду «Отразить по вертикали» (Flip Vertical).
Далее Изображение – Коррекция – Обесцветить (Image – Adjustments – Desaturate).

10. Выбираем инструмент «Перемещение» (Move) (V) и сдвигаем отражение под шар. Затем, как в п.9, нажимаем (Ctrl T), вызвав сетку для трансформирования. Нажимаем внутри сетки правой кнопкой мыши и выбираем команду «Перспектива» (Perspective). Трансформируем отражение так, чтобы его вершина начиналась от центра волн, и была более узкой, а основание отражения выходило за волны, и было более широким:

http://re.foto.radikal.ru/0710/70/5c0cfa22c2c8.jpg

Нажимаем ОК.
11. Устанавливаем непрозрачность этого слоя (Opacity) 50 % и изменяем Режим смешивания (Mode) на Умножение (Myltiply).
Вот и получилась красивая обоина:

http://re.foto.radikal.ru/0710/6d/9bfd0a744fd7.jpg

Часть 2. Анимация НЛО.

Часть1 я делала на всём фото, размером 1024 на 768 пкс., для анимации я уменьшила размер изображения до 500 на 375 пкс., чтобы вес конечного файла был не очень большим. Уменьшаем так: Изображение – Размер изображения (Image – Image Size) и ставим нужные размеры.
Теперь начнём:

1. Идём на слой «Задний план» нашей, созданной в первой части, картинки. Дублируем этот слой (Ctrl J). Напомню, что у нас вот такие слои сейчас:

http://re.foto.radikal.ru/0710/cf/35dd528d3dde.jpg

2. Щёлкаем ещё 14 раз (Ctrl J) и создаём 14 слоёв, назовём их 1,2,3 и т.д.

3. Переходим на слой «Шар» и щелкаем на иконке http://rz.foto.radikal.ru/0710/87/e56147e519d1.jpg, внизу окна Слои (Layers), чтобы добавить маску слоя.

4. Выбираем инструмент «Овальная область»(Elliptical Marquee Tool) (М) и рисуем овал таким образом, чтобы основание эллипса проходило примерно на 10 пкс. ниже центра волны.

http://re.foto.radikal.ru/0710/72/418554675d19.jpg

5. Сейчас выбираем инструмент «Прямоугольная область»(Rectangular Marquee Tool) (М), на панели опций инструмента, нажимаем на иконку «Добавить к выделению» (Add to Selection)

http://rz.foto.radikal.ru/0710/c0/988cf9a8850d.jpg

И рисуем квадрат, чтобы захватить верхнюю часть рисунка, получится вот такое фигурное выделение:

http://re.foto.radikal.ru/0710/b4/a57871ee5d59.jpg

6. Щелкнем на клавишу D, чтобы установить основным, белый цвет на панели инструментов, и заливаем нашу область белым цветом, на рисунке мы не заметим изменений, они появятся в окне Маски на слое «Шар», удалим связь шара и Маски, нажав мышкой на значок их связи:

http://rz.foto.radikal.ru/0710/cc/157d7541ae6c.jpg

7. Правой кнопкой мыши щёлкаем на окне Маски и выбираем «Добавить слой-маску к выделенной области (Add layer mask to selection). Инвертируем выделение (Ctrl Shift I).

8. Переходим на слой «Отражение» и нажимаем на иконку , внизу окна Слои (Layers), чтобы добавить маску слоя к слою «Отражение». Убираем связь между окном Маски и Отражением.
Сейчас переходим к составлению кадров для анимации.
9. Кадр1:
Щелкаем на окне Шара в слое «Шар» и инструментом «Перемещение» (Move) (V) сдвигаем шар вниз, чтобы он выглядывал из маски примерно на 10 пкс.
Щелкаем на окне Отражения в слое «Отражение» и инструментом «Перемещение» (Move) (V) сдвигаем отражение вверх, чтобы оно выглядывало из маски примерно на 5 пкс. и располагаем его в соответствии с шаром.
И, ещё такой совет, для каждого кадра, желательно изменять волны фильтром «Зигзаг», чтобы картинка получилась более реалистичной.

Сейчас самое основное: щёлкаем с нажатым Ctrl на слои «Отражение», «Шар» и «1» и нажимаем сразу 4 клавиши: Ctrl Shift Alt E. У нас образовался Слой1 со сконструированной нами картинкой. Ставим его на самый верх в окне Слои (Layers) и закрываем на нём глаз http://rz.foto.radikal.ru/0710/74/8282f4ac86e0.jpg .

Кадр 2:
Щелкаем на окне Шара в слое «Шар» и инструментом «Перемещение» (Move) (V) сдвигаем шар вверх нажав 2 раза на клавиши Shift стрелка «Вверх».
Щелкаем на окне Отражения в слое «Отражение» и инструментом «Перемещение» (Move) (V) сдвигаем отражение вниз, и располагаем его в соответствии с шаром.
Щёлкаем с нажатым Ctrl на слои «Отражение», «Шар» и «2» и нажимаем: Ctrl Shift Alt E. У нас образовался Слой2 со сконструированной нами картинкой. Ставим его на самый верх в окне Слои (Layers) и закрываем на нём глаз.

http://rz.foto.radikal.ru/0710/e9/b6751bcd363d.jpg

Таким образом, делаем 8 – 10 кадров, пока шар не поднимется над водой.

10. Откроем окно Анимации, заходим Окно – Анимация (Window – Animation) и начинаем выстраивать кадры. Первым кадром ставим Слой1, у остальных слоёв должен быть закрыт глаз, затем нажимаем на иконку http://rx.foto.radikal.ru/0710/62/1e0d3ab0a843.jpg , она дублирует кадр, и закрываем глаз на Слое1, открываем его на Слое2, так выставляем все готовые у нас слои.
Затем продолжаем создавать кадры для движения шара по воздуху, тут применяем трансформацию к шару и к отражению, чтобы создавался эффект удаления шара за горизонт.
И, когда шар улетел, для оживления водной глади можно выставить поочерёдно кадр с копией заднего плана, где вода без волн и кадр со слоями «Задний план» и «Волны».
Выставляем кадрам без шаров время смены кадра – 0,5 сек, а остальным – 0,1 сек.

11. Ну и последнее. Переходим в Image Ready (кнопка, внизу окна инструментов) и идём Файл – Сохранить оптимизированный как…(File-Save Optimized As), и сохраняем документ в формате gif. И вот так должно получиться:

http://i002.radikal.ru/0710/3c/9dc07bf3ef50.gif

Категория: Уроки анимации | Добавил: LiTTlE_DeViL (04.03.2010)
Просмотров: 2519 | Комментарии: 4 | Рейтинг: 5.0/3
Всего комментариев: 3
3 Евгений  
0
Здравствуйте! Я здесь новичок. Анимация мне понравилась, но я застрял на 6 пункте (у меня что-то несчастливый этот пунктик))) ). Что только не делал. Заливаю белым цветом, а у меня в палитре Слои, в Маске, ничего не отображается.. Второй день бьюсь. Помогите кто может!

2 Ирина Лазарева  
0
Каким образом еще можно сконструировать Слой 1 с картинками кроме 4 клавиш Ctrl+Shift+Alt+слой. Этим сочетанием все слои на панели объединяются.?

1 Тамара  
0
smile smile smile smile smile
А КАК ВСТАВИТЬ РИСУНОК ПО УРОКУ......ПОСТАВЛЮ НА MAIL smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш опрос
Оцените мой сайт
Всего ответов: 53
Мини-чат
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Copyright MyCorp © 2024