Аудио визуализатор. Интернетте музыканы визуализациялау тәсілдері. Бейне картаны қағазға түсіру. Қағазды өмірге әкелу өнері

TouchDesigner-ді жылдам іске қосуды қалайтын кез келген адам үшін бұл бейне семинар жұмыс процесі, тұжырымдамалар мен әдістер туралы бастапқы түсінікке жақсы негіз береді, сонымен қатар қатысушыларды интерактивті/генеративті орнатуларды жасау үшін біліммен қамтамасыз етеді. Бұл семинар 2018 жылдың 3-4 ақпанында Берлинде өткен TouchDesigner саммитінде жазылды.

Семинарды шарлау...

MODE Architectural ұсынған AI интерактивті мазмұн қозғалтқышы

Осы жылдың қаңтар айында General Motors Детройттағы штаб-пәтеріндегі атриумда әсерлі тұрақты эксперименттік қондырғыны ашты.

Орнату бес қабатты алып жатыр және он жеті үлкен LED панелін қамтиды, олар интерактивті мазмұнның AI-қозғалтқышымен (Interactive Content Engine, ICE) басқарылады және TouchDesigner көмегімен жүзеге асырылады.

GM талаптарының бірі мазмұнның жаңа және өзекті болуын қамтамасыз ететін күнделікті және тіпті сағат сайын шексіз теңшелетін көрнекі бейнелерді шығару мүмкіндігі болды.

Бейне картаны қағазға түсіру. Қағазды өмірге әкелу өнері.

Егер сіз өзіңіздің қолыңызбен жаңа нәрселер жасауды ұнатсаңыз (сіз солай деп ойлаймын, әйтпесе сіз бұл блогты оқымас едіңіз), қағаздан жасалған бұйымдар немесе қағаз үлгілері сізге қажет нәрсе!

Кешіріңіз, не? Оригами? Осыған ұқсас нәрсе... тек осы жерде біз қолмен жасалған және бейне картаның көмегімен «анимацияланған» күрделірек қағаз үлгілері туралы айтатын боламыз. Жақсы естіледі, солай ма? Жарайды, егер солай болса, кеттік.

Ажыратымдылық 6. VJ Software. Медиа сервер

Енді сіз көбірек қабаттарды көбірек көрсете аласыз жоғары ажыратымдылық(4K, ештеңе емес) үлкен сахналарда өнер көрсету. Ауыстыру блогы қазір өте жылдам және сізді қызықтыратын клипті оңай таба аласыз. Диктофон әлдеқайда жылдамырақ, сондықтан ұзағырақ және жоғары ажыратымдылықта жазуға болады

Сіз ережелерді орнатыңыз. Бейнені өз қалауыңызша және уақытында ойната аласыз - алға, артқа, сызатпен, ырғаққа қарқынды реттеу. Көрнекі әсерлер тез және оңай біріктіріледі: Resolume-ді музыкалық аспап ретінде елестетіңіз.

Жұлдыздарға арналған футуристік порталдар. Суретші Акико Ямашита

Джордж Клуни Касамигос фотобомбы Акико Ямашита - бейне карта жасау және жеңіл инсталляциялардағы жұмысымен танымал жапондық суретші. Қазіргі уақытта Акико ірі технология және ойын-сауық компаниялары үшін инновациялық жобаларды әзірлейтін VT Pro Design шығармашылық дизайн студиясымен ынтымақтасады.

Жақында Акико бізге оны өзінің және басқа суретшілермен бірлесіп жасаған әртүрлі жобаларда қолдану тәжірибесі туралы айтты.

Бүгін музыкалық визуализация туралы аздап, тек интернетте. Бұл үшін бар әдістер мен қызметтер туралы сөйлесейік.

Толқынды визуализация

Егер сіз кейбір Soundforge немесе Audition-да mp3 файлдарын қиып алсаңыз (өйткені бұл ән 2007 жылғы смартфонға толық сәйкес келмеді), онда сіз аудио тректің сызбасын көрдіңіз. Бұл шыңдар мен еңселілер.

Бұл дыбыс жолын визуализациялаудың ең айқын тәсілдерінің бірі - қай жерде тыныш, қай жерде қатты, қай жерде төмен және қай жерде биіктікте сурет салу. Ұқсас визуализация сценарийлері Soundcloud, PromoDJ және т.б. сияқты танымал музыкалық қызметтерде қолданылады.

Тіпті WordPress үшін Wave Surfer деп аталатын плагин болды, ол дыбысты толқындық үлгі түрінде бейнелейді.

Айтпақшы, мұндай визуализацияның міндеті - ескі дыбысты жігітті суретпен ақымақтықпен қуанту емес, сонымен қатар тыңдаушыға қай жерде кері айналдыру жақсы екенін айту. Подкасттарға қатысты - суреттен сіз жүргізушілердің өмір бойы қай жерде екенін және бассыз митолдың қай жерде дірілдеп тұрғанын оңай анықтауға болады.

Спектрограмма

Кез келген музыканы спектрограммаға айналдыратын өте жоғары мамандандырылған JS сценарийі бар - уақытқа байланысты дыбыстың жиілігі мен амплитудасын көрсететін диаграмма

Бұл кімге керек? Мысалы, кәсіби музыканттар: мұндай бейнелердің көмегімен сіз музыканы талдап, проблемалық аймақтарды анықтай аласыз. Сондай-ақ сценарий негізінде тұтас өнер жобасын жасауға болады: бүкіл кескіндерді спектрограммаларға шифрлауға болады. Мұны кейбір энтузиастар пайдаланады: атақты диджей Aphex Twin өзінің тректерінің біріне қорқынышты тұлғаны кодтады, Doom ойынының композиторы шайтан мен пентаграмманың нөмірін салды, ал алдағы фильмнің жасаушылары «Анашым! » саундтрекке басты кейіпкердің бетін «жазды». пост Instagram желісінде.

Сценарий Web Audio API құралдар жинағына негізделген және пайдалану бойынша егжей-тегжейлі нұсқаулармен бірге жазылған. Жұмыстың мысалы осында.

Ондамин

Есіңізде болсын, Шелдон жағымсыз музыкалық аспап Теория эпизодтарының бірінде достарын ренжітетін үлкен жарылыс«? Мұны сайтқа қосуға болады - тіпті түпнұсқа визуализация арқылы.

Нәтиже – теремин симуляторы – курсорды экран бойымен жылжытқанда дыбыстың биіктігі мен көлемін өзгертетін құрал.

3D эквалайзер

Екі өлшем жақсы, бірақ үш өлшем жақсырақ. Бұл сценарий 3D эквалайзер болып табылады

Нәтиже - бұл өте жабысқақ сурет, оны курсордың көмегімен айналдыруға болады. Әзірлеушінің веб-сайтында бастапқы код, сондай-ақ Web Audio Api және WebGL арқылы сиқыр жасауды бастау туралы егжей-тегжейлі нұсқаулар бар. Авторлардың айтуынша, сценарий Chrome, Firefox және Safari жүйелерінде тұрақты жұмыс істейді. Міне, демонстрацияны көруге болады.

Редакторлардың рейтингі:

Мұнда сіз туралы білетін боласыз 4 тегін онлайн аудио визуализатор құралы. Бұл құралдарды кез келген аудио трекке стильді анимациялық көрнекілерді оңай жасау үшін пайдалануға болады. Көрнекіліктер әдетте әртүрлі графикалық үлгілерді, түстерді, анимациялық өтулерді және т.б. Анимацияланған көрнекі бейнелер аудио синхрондалған түрде ойнатылатындықтан, нақты уақытта көрсетіледі. Көрнекі бейнелердің атрибуттары (мысалы, түстер мен үлгілер) қарқын, дыбыс қаттылығы және жиілік сияқты кейбір дыбыс қасиеттеріне сәйкес өзгереді. Аудио визуализацияда қарапайым осциллограф үлгілері немесе тіпті кейбір түрлі-түсті композициялық әсерлер болуы мүмкін.

Осы аудио визуализаторлардың кейбірі кірістірілген музыкалық кітапхананы, SoundCloud интеграциясын ұсынады, тіпті көрнекі бейнелерді көру үшін аудио файлдарды жүктеп салуға және ойнатуға мүмкіндік береді. Кейбіреулерінде үлгілерді, көлемді және т.б. қолмен таңдау мүмкіндігі бар. Ең жақсы жағы - олар әдемі визуализацияларды оңай жасауға көмектесетін қарапайым интерфейспен келеді. Онлайн аудио визуализаторларды пайдаланғыңыз келмесе, Windows жүйесіне арналған осы тегін музыкалық визуализатор бағдарламалық құралын қараңыз.

Енді онлайн аудио визуализатормен бастайық.

ДӘДІМ:

ДӘДІМкеремет аудио визуализацияларды жасау үшін пайдалануға болатын ең жақсы тегін онлайн аудио визуализатор құралдарының бірі болып табылады. Ол сізге әр түрлі графикалық үлгілері, түстері және кез келген аудио файлы үшін ауысулары бар анимациялық көрнекі бейнелерді және дұрыс синхрондау көрсетеді. Ол аудио визуализацияны жасау үшін тікелей ойнатуға болатын шығармашылық ортақ музыканың өте үлкен жинағын ұсынады. Бұл ғана емес, ол сонымен қатар SoundCloud-тан қалаған кез келген музыканы іздеуге және ойнатуға болатын SoundCloud интеграциясымен бірге келеді. Сондай-ақ, өзіңіздің аудио файлыңызды (MP3 және OGG) импорттай аласыз немесе кез келген дыбысты ойнату үшін микрофонды пайдалана аласыз.

Ол дыбысты автоматты түрде анықтап, одан кейін визуализацияны жасай алады. Сондай-ақ, FPS және басқа басқару элементтерін өзгерту үшін кейбір қосымша опцияларды көресіз. FPS үшін Low Pass, High Pass және All Pass параметрлерін қолмен және басқару элементтері үшін тәуелді араластыру, түстер, алаулар және т.б. орнатуға болады. Сондай-ақ, кез келген дыбысты ойнату кезінде алдын ала анықталған аудио визуализациясының алдын ала орнатуларын пайдалануға немесе өз дыбысыңызды жасауға болады.

Презиотта:

Презиоттаәдемі аудио визуализацияларды жасау үшін пайдалануға болатын тағы бір тегін онлайн аудио визуализатор. Бұл сонымен қатар көрнекі бейнелерде әртүрлі үлгілерді, түстерді және анимациялық ауысуларды көрсете алады. «DADIM» сияқты, бұл аудио визуализацияны көру үшін ойнатуға болатын алдын ала анықталған музыкалық тректерді де ұсынады. Бұған қоса, ол SoundCloud-тан кез келген музыкалық файлды ойнатуды жеңілдететін «SoundCloud» интеграциясымен бірге келеді. Өкінішке орай, оның компьютерден аудио файлдарды импорттау мүмкіндігі жоқ, бірақ кез келген нәрсені ойнату және көрнекі бейнелерді жасау үшін микрофонды пайдалана аласыз.

Бұл аудио визуализатор сонымен қатар көрнекі бейнелердің сезімталдығын реттеуге, дыбыс деңгейін реттеуге, визуализацияларды рандомизациялауға және тіпті көрнекі үлгілерді қолмен таңдауға болатын кейбір пайдалы мүмкіндіктерді ұсынады. Анимацияланған аудио визуализация сіз ойнап жатқан аудиомен синхрондалған түрде автоматты түрде ойнатылады.

Beat Painter:

Beat Painterсондай-ақ өте таңқаларлық аудио визуализациялар жасай алатын қарапайым және тегін онлайн аудио визуализатор. «DADIM» және «Preziotte» сияқты, бұл шын мәнінде түрлі-түсті үлгілерді көрсетпейді, оның орнына аудио визуализация үшін экранды бояу үшін түрлі-түсті қылқаламдарды пайдаланады. Көрнекі бейнелерді жасау үшін музыканы тікелей ойнату немесе веб-сайтқа жүктеп салу мүмкіндігі жоқ. Дегенмен, микрофонды пайдаланып, онда қалаған нәрсені ойната аласыз. Содан кейін бұл аудио визуализатор құралы дыбысты автоматты түрде анықтайды және сізге керемет көрінетін аудио визуализацияларды көрсетеді.

Бұл аудио визуализатордың бірегей мүмкіндіктерінің бірі - ол YouTube, iTunes, SoundCloud немесе тіпті онлайн радиода ойнайтын музыканың визуализациясын көрсете алады. Бұл құрал дыбыспен синхрондауда жұмыс істейді және дыбыс нақты уақытта ойнатылатындықтан экранды бояйды. Сондай-ақ, сіз щетка өлшемін, түс шашырауының ұзындығын, түстер палитраларын және т.б. өзгертудің кейбір опцияларын көресіз.

Цикл толқын пішінінің визуализаторы:

Цикл толқын пішінінің визуализаторысонымен қатар өте пайдалы аудио визуализатор болып табылады, оның көмегімен сіз онлайн режимінде таңғажайып аудио визуализацияларды жасай аласыз. Бұл әртүрлі түстер палитрасы, геометриялық үлгілері және анимациялық ауысулары бар классикалық көрнекілерді көрсетеді. Аудио визуализацияны көру үшін үлгіні ойнатуға немесе компьютерден өзіңіздің аудио файлыңызды (тек MP3) жүктеп салуыңызға болады. Сіз мұны істегеннен кейін ол дыбысты ойната бастайды және көрнекі бейнелер автоматты түрде орындалады. Визуализация аудио файлмен синхрондалады.

Осылайша, аудио визуализатордың ең жақсы мүмкіндіктерінің бірі визуалды бағытты өзгерту үшін тінтуір курсорын бақылай алады. Бұл тінтуір курсорын экранда жай ғана жылжытуға болатынын және экранда кез келген көрнекі көрініс курсорға жауап беру арқылы оның бағытын өзгертетінін білдіреді.

Қорытынды сөздер:

Егер сіз керемет түрлі-түсті көрнекіліктер арқылы дыбысты визуализациялаудың жолын іздеп жүрсеңіз, осы аудио визуализаторлардың кез келгенін пайдалануды бастаңыз. Бұл құралдарды пайдалану өте оңай және көп күш жұмсамай-ақ аудио визуализацияларды жасай алады. Сонымен, музыканы басқа жолмен сезінуді бастаңыз және көрнекі тартымды бейнелермен көзіңізді тыныштандырыңыз.

Жалғастырыңыз және оларды тегін пайдаланыңыз. Түсініктемелерде олардың сізге қалай ұнайтынын маған айтыңыз.