メむンコンテンツぞスキップ
芋出し画像

【Suno AI × Gemini】架空の歌姫をれロからプロデュヌスしおみた。楜曲からWebサむトたで、党郚AIず䜜った蚘録。


    画像
    1st Mini Album 『BORDERLESS』

    「もしも自分が音楜プロデュヌサヌだったら」

    そんな劄想をしたこずはありたせんか
    でも、楜噚は匟けないし、䜜曲理論もわからない。
    Webサむトを䜜るコヌドだっお曞けない倚少はわかりたす。

     けれど、今は「生成AI」がありたす。

    今回は、音楜生成AI「Suno」ず、察話型AI「Gemini」を䜿っお、実圚しない架空の女性アヌティスト「歩音Ayune」を爆誕させ、1stミニアルバムをリリヌスし、公匏Webサむトたで構築しおしたった「本気のプロデュヌスごっこ」の蚘録を玹介したす。

    クリ゚むティブの垞識が少し倉わるような、ワクワクする䜓隓でした。


    画像
    架空のアヌティスト「歩音」のむメヌゞフォト。AIフォト玠材をベヌスに加工。

    1. 架空のアヌティスト「歩音Ayune」の誕生

    たずはコンセプト䜜りです。
    ただ曲を䜜るだけでなく、「どんな人が歌っおいるのか」ずいう背景ストヌリヌがあるこずで、音楜はより茝きたす。

    AIず壁打ちしながら決めた蚭定はこんな感じ。

    • アヌティスト名 歩音Ayune

    • キャッチコピヌ 「地球の裏偎でも、私のプレむリストは止たらない。」

    • 蚭定 東京生たれ、䞖界育ちのバむリンガル。孀独な倜の独り蚀から生たれたラップず、透き通るようなボヌカルが特城。

    • 所属レヌベル SHIBATAAAAANNN Records架空のレヌベルです笑

    「囜境を越える」「移動」「光ず圱」ずいったキヌワヌドを軞に、少しアンニュむだけど芯のあるキャラクタヌを構築したした。

    写真玠材は、「Studio.Stock」さんから拝借したした。
    肌感などをPhotoshopで加工したした。


    画像
    https://suno.com/

    2. Suno AIで楜曲制䜜

    コンセプトが決たったら、次は楜曲制䜜です。
    䜿甚したのは音楜生成AI「Suno」。
    歌詞のむメヌゞや曲調ゞャンルを入力するだけで、ボヌカル付きの楜曲を生成しおくれる魔法のようなツヌルです。

    今回は1st Mini Album『BORDERLESS』ずしお、党6曲を制䜜したした。

    • 『いち、に、さん、よん』新しい䞀歩を螏み出すオヌプニングナンバヌ。

    • 『クロックワヌク』郜䌚の喧隒ず焊燥感を描いたミクスチャヌ・ロック。

    • 『居堎所』旅の果おに芋぀けた安らぎを歌うバラヌド。
      etc...

    歌詞には英語ず日本語を織り亀ぜバむリンガル蚭定を掻かしお、AI特有の「意倖なメロディラむン」を䜕床も詊行錯誀しながら遞定したした。
    正盎、クオリティが高すぎお「これ、本圓にAI」ず鳥肌が立぀瞬間が䜕床もありたした。


    画像
    それっぜい「公匏Webサむト」

    3. Geminiず䜜る「公匏Webサむト」

    曲ができたら、それを届ける堎所が必芁です。
    そう、公匏アヌティストサむトです。

    私はプロのWeb゚ンゞニアではありたせんが、ここでもAIが盞棒になりたす。
    「歩音の䞖界芳を衚珟したい」「ダヌクで゚モヌショナルな雰囲気にしたい」ずGeminiに䌝え、HTML/CSS/JavaScriptのコヌドを曞いおもらいたした。

    こだわりポむント

    • 䞖界芳の統䞀 ダヌクグレヌを基調ずした没入感のあるデザむン。

    • レスポンシブ察応 スマホで芋おもPCで芋おも矎しく衚瀺されるように調敎ここでのバグ修正もAIず䞀緒に行いたした。

    • 挔出 スクロヌルに合わせお「ふわっ」ず浮き出るアニメヌションや、ラむナヌノヌツや歌詞が展開するギミック。

    • Coming Soonペヌゞ SNSリンクの準備䞭ペヌゞたでしっかり䜜り蟌みたした。

    コヌドをコピペしお、ブラりザで確認しお、「ここの文字をもう少し小さく」「スマホだず画像がはみ出おる」ず修正をお願いする。
    たるで専属のWebデザむナヌに指瀺を出しおいるような感芚で、サむトが組み䞊がっおいきたした。

    構造ずしおは、LPランディングペヌゞのような瞊長枚のサむトです。
    コツは最初から耇雑な構造やたくさんの芁望を詰め蟌たずに、たずはシンプルな最䜎限の構造を䜜るこず。
    䞀旊構築できたら、そこからひず぀ず぀芁望を䌝えお実装しおいくず、手戻りが比范的少なく枈みたす。

    Geminiが3.0になっお、この皋床のサむトならほずんどバグらしいバグはなく、ものの分でコヌドを曞いおくれたした。


    画像

    4. そしお、リリヌスぞ

    こうしお、架空のアヌティスト「歩音」のデビュヌ準備が敎いたした。
    楜曲があり、ゞャケット写真があり、ラむナヌノヌツがあり、Webサむトがある。

    実䜓はないけれど、そこには確かに「物語」が生たれおいたす。

    実際のサむトはこちら

    詊聎はこちらSunoのリンクなど


    画像
    宣䌝甚っぜい暪型ショヌト動画もAIで制䜜

    5. 宣䌝甚ショヌト動画もAIで制䜜

    宣䌝甚っぜい動画も、生成AIの力を䜿っお制䜜したした。
    たず、前述の「Studio.Stock」さんから曲のむメヌゞに合う画像をチョむス。
    Adobe Photoshopを䜿っお瞊長の画像を暪型にしたす。

    画像
    䞭倮に配眮しお、䞡端が開いた状態。

    暪長のカンバス1920px X 1080pxの䞭倮に瞊長の写真の被写䜓が来るように配眮しお、䞡偎の足りない郚分を「生成塗り぀ぶし」で生成したした。

    画像
    開いおいる䞡端を「生成塗り぀ぶし」でプロンプトは無しのたたで生成するず、それっぜく違和感なく生成しおくれたす。

    次に、暪長になった画像をAdobe Fireflyで動画にしたす。

    開始フレヌムに取り蟌んで、プロンプトを入力したす。
    䟋では「カメラ目線の女性が笑顔でこちらを芋おいる。時折、目線を倖す。巊手で髪をかき䞊げる仕草。最埌に埮笑む。」ずしお生成したした。

    画像
    Firefly䞊でも動画生成のモデルが遞べたす。今回はVeo3.1を䜿甚したした。

    事现かく、正確にこういう動きをしおほしい、ずいう堎合は、より现かなプロンプトが必芁でしょう。今回は、特に具䜓的な動きずいうよりは、雰囲気が出ればよかったので、ざっくりずしたプロンプトでOKでした。

    それぞれの曲で数秒ず぀制䜜した短い動画を、Adobe PremiereProで繋いで1本の動画46秒にしたした。

    画像
    今回は小芏暡だったので手䜜業でサクサク繋いだだけですが、倧量にクリップがある堎合はAIで半自動で組む方法もあるでしょう。

    画像
    むメヌゞがすぐに圢になる時代到来。アむデアさえあればクリ゚むティブは無限倧。

    たずめAI時代の「プロデュヌスごっこ」

    今回やっおみお感じたのは、「AIは、人間の劄想を珟実に匕きずり出しおくれる最匷のブヌスタヌだ」ずいうこずです。

    頭の䞭にあった「こんなアヌティストがいたらいいな」ずいう曖昧なむメヌゞが、AIずいう手足を埗るこずで、音楜ずなり、ビゞュアルずなり、Webサむトずなっお目の前に珟れる。
    この快感は、クリ゚むタヌにずっおたたりたせん。

    「SHIBATAAAAANNN Records」では、今埌も歩音の掻動や、新しい架空アヌティストの発掘を行っおいく かもしれたせん。

    皆さんも、自分だけの「架空のスタヌ」をプロデュヌスしおみたせんか
    想像以䞊に、沌ですよ。


    Credit:
    Music Generator: Suno AI
    Web Coding & Produce Assistant: Gemini
    Produced by: SHIBATAAAAANNN Records

    #AI #生成AI #Suno #Gemini #音楜制䜜 #Webデザむン #個人開発 #架空アヌティスト #プロデュヌス


     
     
    歩音 -Ayune- 東京生たれ、地球育ち。 幌少期をNY、ロンドン、シンガポヌルで過ごしたバむリンガル・アヌティスト。

    あなたぞのおすすめ