01.03.2011 03:02:59
Урок "Развевание на ветру"
Всем привет. Этот урок научит вас легко и просто делать примерно такой эффект:
[изображение]
Создание эффекта.
Для начала, нам надо будет скачать такую программку Abrosoft FantaMorph. Для упрощения, я выкладываю ссылку для скачивания: СКАЧАТЬ FANTAMORPH.
Устанавливаем (в конце установки setup может зависнуть, но не суть важно, т.к. его можно убить через Диспетчер задач).
Запускаем программу... Отменяем Мастер проектов... бесполезная вещь...
Видим на своём экране 3 окна.
[изображение]
Далее Идем в пункт меню Рисунок - Импорт Рисунка 1 (я выбрал ту же картинку, что и на Аватарке).
[изображение]
Так же поступаем и со вторым рисунком: Рисунок - Импорт Рисунка 2 (выбираем ту же самую картинку).
[изображение]
После этих действий, перед нами будет вот такая картина:
[изображение]
Все 3 окна должны быть одинаковыми.
Далее, нам нужно обвести ту область на картинке, которая не будет изменяться. В моём случае, это лицо Волка. Делается это очень просто... В окне Рисунок 1, точками обводим морду волка... (чтобы поставить точку, кликаем в нужном месте Левой кнопкой мышки, еще для удобства можно увеличить изображение с помощью колеса мыши).
[изображение]
Замечаем, что точки из первого окна автоматически проставляются во втором. По центру есть небольшой "прицел" для точной разметки. Чем ближе ставим точки, тем лучше для нас. Таким образом обводим морду волка...
[изображение]
Теперь нам нужно поставить несколько точек, в местах где будут происходить изменения.
[изображение]
Отлично. Проставили. Идем в окно Рисунок 2, и меняем положение этих точек, в ту сторону в которую хотим произвести развеивание.
[изображение]
После того, как мы передвинули эти точки, мы можем увидеть результат наших действий... Просто нажав кнопку Play в 3-ем окне.
[изображение]
Так же можно немного изменить настройки:
Синей стрелкой выделена кнопка Автореверс, которая придает нашему "развеиванию" эффект пульсации. Если кого то устраивает подобный эффект, можно и не выключать. Я отключил.
Фиолетовой стрелкой выделено количество кадров нашей анимации. Лучше меньше 5 не ставить.
Еще можно изменить скорость анимации (fps): Инструменты - Изменить Параметры...
[изображение]
[изображение]
Тоже, сильно маленькие значения, лучше не ставить.
Далее, настроив нашу анимацию на свой вкус, её нужно экспортировать... для этого Идем в Файл - Экспорт видео.
[изображение]
В появившемся окне выставляем формат GIF анимация, так же тут можно изменить скорость анимации...
[изображение]
Жмем Экспорт... Задаём файлу имя, сохраняем.
Импорт GIF анимации в фотошоп.
Многих всегда интересовал вопрос: "Как открыть анимацию в фотошопе?".. Сейчас мы получим на него ответ.
Ну для начала, вам снова прийдется обратиться к Интернету, и скачать такую программку как Apple Quicktime. Опять же для упрощения выкладываю ссылку: Скачать QUICKTIME.
Устанавливаем, желательно при закрытом фотошопе (не помню, может программа потребует его закрыть, но лучше не тратить время).
Установили...
Включаем наш чудо фотошоп...
Для тех у кого Adobe Photoshop CS5 - Идем в Файл - Открыть - Ищем наш файлик - Открываем его.. и Вуаля, анимация загружена. (Насколько знаю этот способ только в CS5 работает, могу ошибаться)
[изображение]
Для тех у кого Adobe Photopshop меньше CS5 - Файл - Импорт(ировать) - Кадры видео в слои. Открывается окно обзора файлов... Но файлов GIF не видно.. Нужно это исправить. Для этого нам потребуется ввести в поле "Имя файла" символ "звездочка" - * - жмем Открыть (Загрузить), после чего нам откроются абсолютно все файлы.
[изображение]
Выбираем наш файлик
[изображение]
жмем Открыть (Загрузить).
Далее открывается окно импорта.. Смотрим чтобы было выставлено: От начала до конца и Создать покадровую анимацию.
[изображение]
Жмем ОК. И всё. Анимация загружена в фотошоп.
Есть еще способ, через ImageReady (для тех у кого CS2) - Я его не знаю, т.к. начинал с версии CS3. Так что, если кто-то знает его, может дополнить.
Загруженную анимацию можно использовать на аватарках, графах (но очень сложно в 12Кб уместить). Так же можно обрадовать своих друзей красивой анимацией)) Спасибо за внимание.
ps: если есть где-то ошибки, то извиняйте) 3 часа ночи всё таки :)
[изображение]
Создание эффекта.
Для начала, нам надо будет скачать такую программку Abrosoft FantaMorph. Для упрощения, я выкладываю ссылку для скачивания: СКАЧАТЬ FANTAMORPH.
Устанавливаем (в конце установки setup может зависнуть, но не суть важно, т.к. его можно убить через Диспетчер задач).
Запускаем программу... Отменяем Мастер проектов... бесполезная вещь...
Видим на своём экране 3 окна.
[изображение]
Далее Идем в пункт меню Рисунок - Импорт Рисунка 1 (я выбрал ту же картинку, что и на Аватарке).
[изображение]
Так же поступаем и со вторым рисунком: Рисунок - Импорт Рисунка 2 (выбираем ту же самую картинку).
[изображение]
После этих действий, перед нами будет вот такая картина:
[изображение]
Все 3 окна должны быть одинаковыми.
Далее, нам нужно обвести ту область на картинке, которая не будет изменяться. В моём случае, это лицо Волка. Делается это очень просто... В окне Рисунок 1, точками обводим морду волка... (чтобы поставить точку, кликаем в нужном месте Левой кнопкой мышки, еще для удобства можно увеличить изображение с помощью колеса мыши).
[изображение]
Замечаем, что точки из первого окна автоматически проставляются во втором. По центру есть небольшой "прицел" для точной разметки. Чем ближе ставим точки, тем лучше для нас. Таким образом обводим морду волка...
[изображение]
Теперь нам нужно поставить несколько точек, в местах где будут происходить изменения.
[изображение]
Отлично. Проставили. Идем в окно Рисунок 2, и меняем положение этих точек, в ту сторону в которую хотим произвести развеивание.
[изображение]
После того, как мы передвинули эти точки, мы можем увидеть результат наших действий... Просто нажав кнопку Play в 3-ем окне.
[изображение]
Так же можно немного изменить настройки:
Синей стрелкой выделена кнопка Автореверс, которая придает нашему "развеиванию" эффект пульсации. Если кого то устраивает подобный эффект, можно и не выключать. Я отключил.
Фиолетовой стрелкой выделено количество кадров нашей анимации. Лучше меньше 5 не ставить.
Еще можно изменить скорость анимации (fps): Инструменты - Изменить Параметры...
[изображение]
[изображение]
Тоже, сильно маленькие значения, лучше не ставить.
Далее, настроив нашу анимацию на свой вкус, её нужно экспортировать... для этого Идем в Файл - Экспорт видео.
[изображение]
В появившемся окне выставляем формат GIF анимация, так же тут можно изменить скорость анимации...
[изображение]
Жмем Экспорт... Задаём файлу имя, сохраняем.
Импорт GIF анимации в фотошоп.
Многих всегда интересовал вопрос: "Как открыть анимацию в фотошопе?".. Сейчас мы получим на него ответ.
Ну для начала, вам снова прийдется обратиться к Интернету, и скачать такую программку как Apple Quicktime. Опять же для упрощения выкладываю ссылку: Скачать QUICKTIME.
Для тех кто не видит как скачать QUICKTIME (бывало и такое)
Переходим по ссылке, ждем полной загрузки страницы, и слева видим такой блок:
[изображение]
Жмем Загрузить.
[изображение]
Жмем Загрузить.
Устанавливаем, желательно при закрытом фотошопе (не помню, может программа потребует его закрыть, но лучше не тратить время).
Установили...
Включаем наш чудо фотошоп...
Для тех у кого Adobe Photoshop CS5 - Идем в Файл - Открыть - Ищем наш файлик - Открываем его.. и Вуаля, анимация загружена. (Насколько знаю этот способ только в CS5 работает, могу ошибаться)
[изображение]
Для тех у кого Adobe Photopshop меньше CS5 - Файл - Импорт(ировать) - Кадры видео в слои. Открывается окно обзора файлов... Но файлов GIF не видно.. Нужно это исправить. Для этого нам потребуется ввести в поле "Имя файла" символ "звездочка" - * - жмем Открыть (Загрузить), после чего нам откроются абсолютно все файлы.
[изображение]
Выбираем наш файлик
[изображение]
жмем Открыть (Загрузить).
Далее открывается окно импорта.. Смотрим чтобы было выставлено: От начала до конца и Создать покадровую анимацию.
[изображение]
Жмем ОК. И всё. Анимация загружена в фотошоп.
Есть еще способ, через ImageReady (для тех у кого CS2) - Я его не знаю, т.к. начинал с версии CS3. Так что, если кто-то знает его, может дополнить.
Загруженную анимацию можно использовать на аватарках, графах (но очень сложно в 12Кб уместить). Так же можно обрадовать своих друзей красивой анимацией)) Спасибо за внимание.
ps: если есть где-то ошибки, то извиняйте) 3 часа ночи всё таки :)