Card Dance

В этой статье я расскажу как сделать вот такую красоту.
 


Для этого нам необходимо будет сделать два проекта. В первом мы сделаем объемную сетку - фон, во втором - фотографию собирающююся из маленьких кусочков.Затем все это надо будет соеденить в единое целое.
Перед тем, как начать работу в After Effect нам потребуется рисунок сетки, примерно такой.

 

 

Сделать такую сетку можно в любом графическом редакторе, я сделал в Adobe Photoshop. Размер сетки должен быть 1440х567.
Импортируем нашу сетку в After Effect.Создаем новую композицию (composition/new composition) с настойками, разрешение 800х600, длительность 15 сек, resolution - Full, Frame rate 25, назовем эту композицию Comp1.
Теперь перетащим нашу сетку из окна Project на шкалу времени Timeline, сделаем это действие 3 раза т.е на шкале Timeline должно быть 3 сетки. К каждой сетке применим эффект Unmult, его нет среди стандартных, скачать его можно в архиве с проектом, настройки эффекта не меняем!!!Переключим все 3 сетки в 3D режим (правой клавишей на сетку, в окне Timeline и ствим галочку "3D Layer").Расположим их так, чтоб две были парралельны друг другу,а 3я пересикала их. Для этого переключим экран предосмотра в режим "Top" т.е вид сверху (View/Svitch 3D View/Top)...
Двигаем сетки с помощью опции Transform.



У вас должна получиться следущая картина


После этого переключимся на прежний вид т.е Active Camera и набл.даем следующюю картину.

Добавим в эту композицию слой-камеру (правый клик на Timeline, New/Camera). Можете покрутить камерой (зажав клавишу "С") и посмотреть что получилось.

 Шкала времени должна выглядеть так..


Теперь мы должны сделать фрактальную текстуру...примерно такую:



Создаем новую композицию.
С настройками: 1440x576, Pixel Aspect Ratio - 1.07, Resolution - Full, назовем ее Fractal.
Создаем солид-слой (правый клик на Timeline, New/Solid), настройки слоя - цвет-черный, 1440x576,Pixel Aspect Ratio - 1,07.
Применяем к нему эффекты: Fractal Noise, Levels,Glow.
Настройки эффектов Fractal Noise и Glow..
теперь нам необходимо анимировать эффект Fractal Noise с помощью опции Evolution, для этого ставим курсор в начало композиции,жмем на часики слева от слова Evolution (это означает что этот парметр эффекта будет изменяться с течением времени, а как именно зависит от нас) и выставляем оба значения по нулям, затем переставляем курсор в конец композиции и меняем первый нолик на цифру "4".

Вот так эта опция выглядит в начале композиции:

А так в конце:

А теперь заменяем все 3 наши сетки, в композиции Grid, на сетку из фрактала, делаем это следующим образом....
Выделяем первую сетку (просто кликаем на нее мышкой), затем кликаем в окне Project на кмпозицию Fractal и удерживая зажатой клавишу [Alt], перетаскиваем композицию Fractal из окна Project на выделенную сетку на шкале времени (Timeline).Если все сделано правильно, то значек сетки изменится на бело-синий, а само название слоя "Grid.jpg" изменится на "Fractal", так делаем с каждой сеткой...
 

Теперь сделаем фон для нашей сетки...
Создаем новый солид слой, цвет - темно-крассный, разрешение 800х600,
Pixel Aspect Ratio - Square Pixels.
Применяем к нему эффекты "Fractal Noise", "Trapcode Shine","Hue/Saturation" (Effect/Adjust/"Hue/Saturation")
Настройки этих эффектов таковы.
 

Теперь анимируем эффект "Fractal Noise" с помощью опции Evolution.
В начале композиции высталяем оба значения по нулям, а в конце количество оборотов на "10"

 После всего этого у нас получается следующее:



Приступим к созданию так называемой "мазайки"....
Импортируем нашу фотографию в АЕ, размер должен быть не меньше 800х600.
Создаем новую композицию с разрешением 800х600,Pixel Aspect Ratio - Square Pixels, длительностью 6 секунд и назывем ее м1. Перетаскиванм нашу фотографию на шкалу времени и применяем к ней эффект Card Dance (Effect/Simulation/Card Dance). Создадим еще одну композиуию с такими же настройками и назовем ее м2.Создаем в ней солид слой, цвет черный, разрешение 800х600. Применяем к нему эффект fractal Noise.

 Настройки эффекта выставляем следющим образом.


У нас должна получиться следующая картина.

Эта композиция (м2) будет влиять на расположение кусочков фотографии в пространстве.
Возвращаемся к композиции м1.
Перетаскиваем композицию м2 из окна Project на шкалу времени и располагаем ее под фотографией и выключаем ее. Для этого жмем на глазик слева от названия.

Теперь настраиваем эффект Card Dance...
В начале композиции настройки выглядят так...
А на 5ой секунде так...
Именно на 5ой, а не на последней секунде, для того, чтобы после того как картинка собирется можно было разглядеть, что на ней)))
И самое последнее действие - соединить все в единое целое....
Для этого создаем новую композиуию с разрешением 800х600 и длительностью 6 секунд, называем ее м3.
На шкалу времени этой композиции перетаскиваем из окна Project композицию Comp1 и м1.
Для того, чтобы кусочки фотографии светились, применим к композиции м1 эффект Trapcode - Star Glow. С делаем так, чтобы эффект исчез к тому моменту, как фотография собирется. Делается это с помощью опции эффекта Starglow Opacity.На 1ой и 4й секунде устанавливаем значение этой опции на 100%, а на 5ой на "0".
Настройки эффекта таковы...
В проекте есть композиция "Grid", которая не упоминалась в статье, я сделал ее для того, чтобы все могли посмотреть на сетки в первоначальном виде т.е до замены их фракталом т.к после замены их нельзя вернуть в прежнее состояние.

Скачать файл проекта + плагин Unmult
Скачать Trapcode shine


Автор: ua berkut

Сортировка:
  • ru danile174rus 09 февр. 2011 04:04
    cool
    • ru Alexey_nev 09 янв. 2010 12:13
      а неподелитесь плагином Unmult а то немогу скачать:(
      • RU hungry32 03 окт. 2009 01:00
        объяснил все хорошо но сам урок чет как то не очень(((
        • ru lasha 24 июл. 2009 02:08
          bratia ne magli bi sniat video ato tak ne xrena ne vixodet
          • by symbian-1992 15 мар. 2009 05:07
            Ооо вот то что я искал спасибо сэнсэй 8D
            • ua Shefbbk 15 нояб. 2008 01:54
              Название урока &nbspCard Dance. Очень улыбнуло))) все го то ";" забыли)
              • ru Pingvin 08 нояб. 2007 03:32
                berkut
                у тя случаем нет такого звукового файлика, под который это все собиралось бы. Где-то его слышал, но ни как не вспомню. Ты понял о чем я?
                • ua RazerXcore 14 сент. 2007 04:26
                  Ваще суппер.....спасибо автору
                  • ru narik12345 18 авг. 2007 06:02
                    das
                    • ru some 25 июл. 2007 08:40
                      я бы даже написать эту статейку несмог, все отдуши понятно все написано как сделать . красава вообщем!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
                      • ua berkut 15 мая 2007 11:03
                        2 N-e-o
                        на**** пошел!
                        • ru N-e-o 01 апр. 2007 14:01
                          куйня))
                          • md Strayker 26 янв. 2007 14:57
                            Спасиб!
                            • by s3v3n 12 окт. 2006 16:06
                              RESPECT+
                              • ua berkut 13 сент. 2006 07:48
                                какие еще окошки??
                                • ru Movie Line 06 сент. 2006 04:44
                                  народ подскажите плизз :( вот я сделал всё как тут и я нажимаю экспорт а он выводит не все окошки, как сделать чтоб вывелось всё!!!
                                  • RU swepon 23 авг. 2006 15:25
                                    Все cool работает.Спасибо.
                                    • ZZ Dakota 19 июн. 2006 00:12
                                      good
                                      • ru SkalLp 10 июн. 2006 23:57
                                        Побольше бы таких статей по After Effects.
                                        • ua berkut 08 февр. 2006 22:06
                                          Ну вот видите, вам нравятся такие статьи, а другим нет))) спасибо за респект...))) будем стараться!
                                          • ru ZMTeam*knyaz 01 февр. 2006 00:59
                                            просто THE BEST =)) Побльше таких статей. respect
                                            • ru Maksim 17 янв. 2006 00:34
                                              Очень все здорово и понятно !
                                              Спасибо за Ваш труд и за доступность !!!
                                              Огромный респект !!!

                                              PS Максим г. Хабаровск
                                              • ru egod 07 янв. 2006 01:21
                                                А зачем так заморачиваться , когда предусмотрена возможность полного сохранения страницы. Ведь с других сайтов - всё норма сохраняется! Просто так по отдельности это оччень не удобно, к тому же я начинающий мувемэйкер=)! И почему то я вообще на этом сайте не могу ничего сохранить=(!
                                                P.S.Кстати если есть еще статейки такие сбрось плиз, особенно по Аfter Effects !
                                                • ua berkut 06 янв. 2006 22:26
                                                  А ты не страницу сохраняй, а текст и картинки отдельно...
                                                  • ru egod 06 янв. 2006 15:47
                                                    Просто страницу эту, да и вообще все страницы на этом сайте(mht.)!!! говорит ошибка сохранения!
                                                    • ua berkut 06 янв. 2006 06:03
                                                      что именно не можешь сохранить?
                                                      • ru egod 05 янв. 2006 16:21
                                                        Мля не могу сохранить почему то на компук!=( А так статья супер поболше бы таких !!!
                                                        • ua berkut 05 янв. 2006 06:12
                                                          Скоро будет еще один...на аятовеб он под номером 16...
                                                          • ua berkut 05 янв. 2006 05:56
                                                            1.Насчет аятовеб....что значит получившихся? с аятовеб я сделал все....
                                                            2. На аятовеб описание идет расчитаное на людей, которые с АЕ разговаривают на "ТЫ", а я пишу более подробнее т.е если бы я хоть один урок с аятовеб написал переводом (т.е копию описания с сайта),то наверное человека 2-3 смогли бы сделать этот урок....
                                                            • ru Quatr1k 04 янв. 2006 19:25
                                                              Класс, было бы еще лучше если автор выкладывал побольше своих получившихся проектов с http://www.ayatoweb.com/ae_tips_e.html
                                                              А то там все по инглишу и если что то упустишь то ничего не выйдет :(
                                                              • ru volumar 17 дек. 2005 06:44
                                                                соол
                                                                • ru inf 10 дек. 2005 23:29
                                                                  n1 :) thx