Наши кнопки

Баннер

Авторизация



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

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

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

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

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

Подробнее ...
 
Программа Sqirlz Morph
Автор: Алиса   

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

alt

Потребуется знание уроков: Как обрезать картинку? и Как изменить размер картинки?

 

 

 

Для искажения рисунков применяются специальные контрольные точки. Расставляя их в определенных местах, можно добиться самых разнообразных эффектов. Готовый проект сохраняется в GIF-анимацию, Флэш-ролик, видео формат AVI или серию изображений JPEG и BMP форматов. В новой версии исправлены ошибки и добавлена возможность работы более с чем 200 рисунками одновременно.

Windows 98/Me/2000/XP
Англ. интерфейс
СКАЧАТЬ 

Основные принципы работы...
... или что такое морфинг?

Морфинг - это плавное перетекание одного изображения в другое.
Т.е. был у вас котенок, а потом его черты начали медлемнно изменяться до тех пор, пока
перед вам не оказался настоящий тигр!

Интересно?
Тогда читаем дальше...

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

Поэтому, открыв два изображения в программе (из чего во что мы будем превращать картинку) обязательно проставляем точки на первой, очерчивая основные черты нашего портрета. Чем больше точек - тем точнее переход, эффектнее анимация.

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

Ну что, теперь разберемся как именно работать с программой, как ставить точки и перемещать их?

 

Практический урок
Учимся работать с программой

Ваша открытая программа выглядит вот так:

 

alt


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

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

Открыть ваши картинки можно двумя способами:
1) Воспользоваться меню "File - Open" (Файл- Открыть)

 

alt

 

2) Либо воспользоваться значком открытой папки на основной панели:

 

alt

 

Я выбрала вот эти картинки:

 

alt  alt

 

2. Подгоняем размер наших изображений.

Дело в том, что картинки должны быть одинакового размера. Вы можете заранее подготовить картинки в Photostop, обрезав их и уменьшив.

Примечание: как выполнить эти несложные действия, читайте в уроках "Как изменить размер картинки?" и "Как обрезать картинку?".

Этот способ надежен, потому что делать его вы будете вручную. Можно сделать это автоматически, при помощи программы Sqirlz Morph. Но учтите, что программа всего лишь подгонит размер - и чаще всего на результате будет видна непропорциональность вашей измененной картинки!

Для тех, кто все-таки хочет попробовать, делается это довольно просто:

После того, как вы открыли ваши изображения, идете в
"Image - Equalize size" (Изображение - Приравнять размеры):

 

alt

 

Я свои изображения заранее подогнала в фотошопе. 

После того как ваши изображение были открыты и подогнаны под один размер, они выстраиваются в ряд:

 

alt

 

3. Выставляем точки морфинга.

Рассмотрим наконец-то инструменты, которыми мы располагаем:

 

alt

 

Первый инструмент - Add Control Points - (добавить контрольные точки), который выглядит как зеленый плюс помогает нам ставить точки морфинга.

Выделив его (тыкнув мышью) начинаем расставлять свои точки по контуру тигра.

Если в процессе вы поставите точку не туда - не расстраивайтесь и не выключайте программу! smile Просто выделите второй инструмент - Move Control Points - (перемещение контрольных точек) в виде черной стрелки и переместите свои точки на нужное место.
А можете вообще их удалить, воспользовавшись третим инструментом - Delete Control Points - (удалить контрольные точки).

Когда я закончила у меня вышло вот столько точек на моем тигре:

 

alt

 

Теперь у нас следующая задача: на изображении с кошкой точки, которые скопировались с тигра, переместить (взяв соответствующий инструмент) на те места, на которых они находятся у тигра. Ну например, обратите внимание на то, что у тигра пасть находится ниже чем у кошки. Соответственно точки на картинке с котом, которые предполагаются на пасте переставляем на пасть кота smile В общем попробуйте, вы все поймете. Наведя на какую-либо точку на картинке с котом (после выделение инструмента перемещения) на картинке с тигром будет показываться эта точка и ее местоположение. С помощью этой подсказки вы легко поймете на какой части тела должна находится точка и поставите ее в нужное место на картинке с кошкой.
Итак, на сравнение мои результаты с кошком и с тигром: (обратите внимание на то, что точки на глазах и на пасти я переместила)

 

alt  alt

 

4. Выставляем время паузы между кадрами.

При помощи кнопки на панели управления мы можем выставить время-паузу между нашими кадрами. Т.е. как быстро будет перетекать одна картинка в другую.

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

 

alt

 

Вот, что вышло у меня:

 

alt

 

Да, не очень, признаюсь smile Но покрапав подольше над картинкой можно было добиться результата куда лучше smile
На моем примере хорошо проработаны только глаза. А вот с зубами проблема. Но вы можете постараться и сделать лучше smile

6. Сохраняем результат.

Чтобы сохранить наш результат в расширении gif нажмите на кнопку с таким же названием на панели управления.

Вас спросят о том, как будет называться ваша картинка. Введите название и нажмите Ок.
После этого вам зададут вопрос о том, сколько у картинки будет основных кадров. Здесь я предлагаю ввести небольшое значение - помните про вес изображения! Я ввела значение "5" - получилось 20 кадров и 1 мб веса!

Совет: вы можете подправить ваш результат в Имедж Риди, избавиться от лишних кадров, обрезать картинку, сделать обратное перетекание и оптимизировав изображение.

Удачи вам!

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

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

 

Комментарии  

 
#5 daf53 11.06.2011 18:43
И, вообще где можно найти руководство на русском?
Цитировать
 
 
#4 daf53 11.06.2011 18:41
А как работать с одним изображением?
Спасибо!
Цитировать
 
 
#3 Виктор 30.01.2011 11:25
Благодарю !
Цитировать
 
 
#2 Gennadij 16.01.2011 13:10
Большое спасибо за подробный и очень хороший урок.Автору Алисе RESPEKT!!!
Цитировать
 
 
#1 Наталья 29.10.2010 20:19
Огромное Вам спасибо!!!
Цитировать
 

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


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