Загрузка видео...

Не удалось загрузить видео

На главную

FigmaでのShader習作。AIみたいなオーブ感を目指してShaderをFigma Agentに作ってもらって、Figma Motionでパラメーターでキーフレームを打って動画を作成。 質感を追い込むには専門知識が必要だなと感じる🤔

motomiya333's profile picture

Miyamoto

11,976 subscribers

18,915 просмотров • 3 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 8

Фото профиля Miyamoto
Miyamoto3 месяцев назад

書き出した.mp4

Фото профиля Theophilus E. Oni
Theophilus E. Oni3 месяцев назад

これ、すでにすごくいい感じですね。

Фото профиля Taufiq Rahman
Taufiq Rahman3 месяцев назад

Thats awesome

Фото профиля Edoardo Galati
Edoardo Galati3 месяцев назад

@rogie How can you actually export shader from figma?

Фото профиля David Hornsby
David Hornsby3 месяцев назад

beautiful!

Фото профиля Miyamoto
Miyamoto3 месяцев назад

🙌🙌🙌

Фото профиля 金一程
金一程3 месяцев назад

@rogie 说句真实的情况，设计源自模仿

Фото профиля さくらい｜メーカー・卸のWeb導線改善／制作パートナー
さくらい｜メーカー・卸のWeb導線改善／制作パートナー3 месяцев назад

ShaderをFigma上で詰めていく工程、質感へのこだわりが伝わってきます。 ツールが進んでも、追い込む目を持ってる方の作品はやっぱり違いますね👏

Похожие видео

Figma内でアニメーションを作れる「Figma Motion」 実際に使ってみた。 タイムラインやキーフレームなどを使って、プロトタイプより一歩踏み込んだ動きをかんたんに作れる。 作成したアニメーションはコードとして渡すこともできるし、MP4/GIFなどで書き出すこともできる。 #Config
0:36

Figma内でアニメーションを作れる「Figma Motion」 実際に使ってみた。 タイムラインやキーフレームなどを使って、プロトタイプより一歩踏み込んだ動きをかんたんに作れる。 作成したアニメーションはコードとして渡すこともできるし、MP4/GIFなどで書き出すこともできる。 #Config

❖ ken｜旅するデザイナー

46,626 просмотров • 3 месяцев назад

CursorのVisual Editor（ビジュアルエディター）を早速使ってみたら、エグかった😱 1. Figma UIでデザインを編集。paddingの調整・グラデーションの変更など 2. Applyを押す 3. コードがそのまま実現💐 「Figmaで描いた絵を再現する」時代から「Figmaである程度デザインを作って、Cursor上で最終成果物を直接いじってAIにコードを書かせる」時代になった。 なお、ビジュアルエディターのUIはどうみてもFigmaです。ありがとうございます #Figma #Cursor
1:28

CursorのVisual Editor（ビジュアルエディター）を早速使ってみたら、エグかった😱 1. Figma UIでデザインを編集。paddingの調整・グラデーションの変更など 2. Applyを押す 3. コードがそのまま実現💐 「Figmaで描いた絵を再現する」時代から「Figmaである程度デザインを作って、Cursor上で最終成果物を直接いじってAIにコードを書かせる」時代になった。 なお、ビジュアルエディターのUIはどうみてもFigmaです。ありがとうございます #Figma #Cursor

鹿野 壮 Takeshi Kano

198,555 просмотров • 10 месяцев назад

今まで10分くらいかかっていた修正指示が、Figmaに指示するだけでデザインを修正してくれる🙌 例えば、フォントの修正。 👨‍💻各セクションの見出しを明朝体にして ↑こんな感じでFigmaエージェントにお願いするだけで作業がスタート。 Webデザイナーになって4年経つけど、さすがに感動してる
0:28

今まで10分くらいかかっていた修正指示が、Figmaに指示するだけでデザインを修正してくれる🙌 例えば、フォントの修正。 👨‍💻各セクションの見出しを明朝体にして ↑こんな感じでFigmaエージェントにお願いするだけで作業がスタート。 Webデザイナーになって4年経つけど、さすがに感動してる

れおん｜AI × デザイン

11,179 просмотров • 4 месяцев назад

ClaudeCodeからもBlenderを操作出来るようにしたので自分で作ってあったモデルをブラッシュアップしてもらおうと試してみた過程を全部録画してみた。すごい詳細でいい感じに計画を立ててくれてワクワクしたが、モデリング作業に入るとアレアレアレという感じで結果90分かけてゴミが完成。
0:39

ClaudeCodeからもBlenderを操作出来るようにしたので自分で作ってあったモデルをブラッシュアップしてもらおうと試してみた過程を全部録画してみた。すごい詳細でいい感じに計画を立ててくれてワクワクしたが、モデリング作業に入るとアレアレアレという感じで結果90分かけてゴミが完成。

VoxelKei

79,404 просмотров • 5 месяцев назад

ついにBlenderに手を出してしまった... といっても、作業はClaude Opus 5.5先輩にお願いしただけです。 【やったこと】 ①ClaudeにBlenderでプレビズ動画を作ってもらう ②プレビズ動画と参照画像を渡して、Seedance 2.5で動画化 ③完成 参考にしたのは、Higgsfieldさんが出しているYouTubeと記事です。 【使ってみて感じたメリット】 ・プロンプトだけでは制御できないカメラワークができる ・動きを再現するために溶かしていたクレジットが大幅に減る 今回はプレビズとキャラシートだけで作ったので、細かい部分は参照画像を増やしたり、プレビズを作り込んだりすれば詰められそうです。 もっと触って、使いこなしていきたい🐺
0:30

ついにBlenderに手を出してしまった... といっても、作業はClaude Opus 5.5先輩にお願いしただけです。 【やったこと】 ①ClaudeにBlenderでプレビズ動画を作ってもらう ②プレビズ動画と参照画像を渡して、Seedance 2.5で動画化 ③完成 参考にしたのは、Higgsfieldさんが出しているYouTubeと記事です。 【使ってみて感じたメリット】 ・プロンプトだけでは制御できないカメラワークができる ・動きを再現するために溶かしていたクレジットが大幅に減る 今回はプレビズとキャラシートだけで作ったので、細かい部分は参照画像を増やしたり、プレビズを作り込んだりすれば詰められそうです。 もっと触って、使いこなしていきたい🐺

はすきー｜Midjourneyマニア🐺

19,170 просмотров • 11 дней назад

実績とはまた違って、これは勝手に作って勝手に送りつけたRainBrainのガワなんだけど ストリーマー用にカスタマイズしたこだわりがあるので見て聞いてほしい。 ・Vのガワが真正面向いてる意味をあまり感じていないので、試しに斜めで作ってみた。ゲーム系ストリーマー（実写）みたいな感じに目線を実写ベースに合わせたほうが「ああ、今コメント確認してるんだな～」ってのがわかりやすいかなって思ったんだけど、結果としてはどうなんだろう。（感想で「どうして正面向いてないの？」って言われてるところも見たのでやっぱり違和感あるのかもなぁとは思う。） 私としては正面よりもむしろ画面から得られる情報が多くない？横顔も作れるし高可動域に見えて楽しかったな、というのが作ってみた感想。正面絵よりも立体を動かす難易度と手間は高くなるかなという感覚もある。 ・ストリーマーは配信環境が大抵2ディスプレイ思われるので、ゲーム画面を見た状態で、サブモニターにカメラをつけてゲーム画面を見た状態でキャリブレーションしてもらう。 コメントはサブモニター側で見ていると思われるので、そちらを確認する時に視線がこちら側に向くようにホームポジションを設定。けっこううまくいった。 ・LOLをよくやっているのでマウスのカーソルとクリックが追従したらおもろいと思ったので連動して動くように。 ・ハイライトや影を1色にしてLive2D側で形を変形させて制御したんだけどこれも立体感が出て面白かった。これを発展させた感じのモデル作りたいなぁというのが次モデル作る時の目標。 絶対こんなん売れないし、自分で作って自分で着る気にもなれないのでいきなり送りつけて使ってくれたRainBrain君に感謝。作ってて楽しかった～
0:25

実績とはまた違って、これは勝手に作って勝手に送りつけたRainBrainのガワなんだけど ストリーマー用にカスタマイズしたこだわりがあるので見て聞いてほしい。 ・Vのガワが真正面向いてる意味をあまり感じていないので、試しに斜めで作ってみた。ゲーム系ストリーマー（実写）みたいな感じに目線を実写ベースに合わせたほうが「ああ、今コメント確認してるんだな～」ってのがわかりやすいかなって思ったんだけど、結果としてはどうなんだろう。（感想で「どうして正面向いてないの？」って言われてるところも見たのでやっぱり違和感あるのかもなぁとは思う。） 私としては正面よりもむしろ画面から得られる情報が多くない？横顔も作れるし高可動域に見えて楽しかったな、というのが作ってみた感想。正面絵よりも立体を動かす難易度と手間は高くなるかなという感覚もある。 ・ストリーマーは配信環境が大抵2ディスプレイ思われるので、ゲーム画面を見た状態で、サブモニターにカメラをつけてゲーム画面を見た状態でキャリブレーションしてもらう。 コメントはサブモニター側で見ていると思われるので、そちらを確認する時に視線がこちら側に向くようにホームポジションを設定。けっこううまくいった。 ・LOLをよくやっているのでマウスのカーソルとクリックが追従したらおもろいと思ったので連動して動くように。 ・ハイライトや影を1色にしてLive2D側で形を変形させて制御したんだけどこれも立体感が出て面白かった。これを発展させた感じのモデル作りたいなぁというのが次モデル作る時の目標。 絶対こんなん売れないし、自分で作って自分で着る気にもなれないのでいきなり送りつけて使ってくれたRainBrain君に感謝。作ってて楽しかった～

津留崎 優🌸ファ美肉１８巻発売！

26,637 просмотров • 1 год назад

会社サイトをリニューアルしました！ Claude Codeのみで1人で作ったのですが、恐らくAIで作った感の薄いサイトになってるはず👇 これくらいのWebサイトもFigmaやNoCode系の他ツールは使わず、デザイナー/エンジニアに依頼せず、で作れてしまったので本当に凄い時代だなと。
1:18

会社サイトをリニューアルしました！ Claude Codeのみで1人で作ったのですが、恐らくAIで作った感の薄いサイトになってるはず👇 これくらいのWebサイトもFigmaやNoCode系の他ツールは使わず、デザイナー/エンジニアに依頼せず、で作れてしまったので本当に凄い時代だなと。

梶谷健人

446,032 просмотров • 7 месяцев назад

Geminiで音楽を作ってくれるようになったって聞いて試してみた。 歌詞も含めてGeminiに丸投げ。 歌詞を元に動画はSoraで作って合成。 Geminiで作った音楽に合わせた動画を作ってもらおうとしたら、上手くいかなかった・・・。 丸投げにしてはそれっぽくできたんじゃないかな？
0:30

Geminiで音楽を作ってくれるようになったって聞いて試してみた。 歌詞も含めてGeminiに丸投げ。 歌詞を元に動画はSoraで作って合成。 Geminiで作った音楽に合わせた動画を作ってもらおうとしたら、上手くいかなかった・・・。 丸投げにしてはそれっぽくできたんじゃないかな？

MORI@AI男子召喚中

118,754 просмотров • 7 месяцев назад

作ってみた、続編！ Galaxy Z Fold7のヒンジセンサーを使って 話題のiPhone DuoライクなランチャーをCodexに作ってもらった。 現状Shizukuを使ってadbをフックしないと動かない。 まあそもそもiPhone Duoトータルでの作り込みが美しいのであってアニメーションを真似れたから何って話ではある。笑
1:05

作ってみた、続編！ Galaxy Z Fold7のヒンジセンサーを使って 話題のiPhone DuoライクなランチャーをCodexに作ってもらった。 現状Shizukuを使ってadbをフックしないと動かない。 まあそもそもiPhone Duoトータルでの作り込みが美しいのであってアニメーションを真似れたから何って話ではある。笑

ぶんかい@AIで遊ぶ人

317,382 просмотров • 1 месяц назад

ちょっとスゴ過ぎるChromeとFigmaのプラグイン見つけた。 好きなウェブサイトの範囲を指定すると、それを再現するReactのコードとFigmaファイルを作成してくれる。 Figmaファイルは画像もテキストもキレイにレイヤー分けされ、各要素が独立して編集できるようになっている。 シンプルに超便利。
0:55

ちょっとスゴ過ぎるChromeとFigmaのプラグイン見つけた。 好きなウェブサイトの範囲を指定すると、それを再現するReactのコードとFigmaファイルを作成してくれる。 Figmaファイルは画像もテキストもキレイにレイヤー分けされ、各要素が独立して編集できるようになっている。 シンプルに超便利。

梶谷健人

171,379 просмотров • 2 лет назад

超簡単な無限ループ動画の作り方 キーフレームでスタート、エンド両方に同じ画像をいれる 音楽の動画作る時にめっちゃ欲しいループ動画。ループ作れるAIが限られてるので若干諦めてたんですが、これ思いついてやってみたらいけました。 あれ、これってもしかしてみんな知っててやってたりする？！笑 恥ずかしいくらいの初歩アイデアだったらすみません。 めっちゃ手軽だし、キーフレームあるAIなら同じ感じでいけるし汎用性高い。難点は動きが鈍くなりがちなこと。 その場合はスタートとエンドのやつを一個作って、次にその逆を作って、その2つを交互に繋ぐ。 Kimathi lingai
0:23

超簡単な無限ループ動画の作り方 キーフレームでスタート、エンド両方に同じ画像をいれる 音楽の動画作る時にめっちゃ欲しいループ動画。ループ作れるAIが限られてるので若干諦めてたんですが、これ思いついてやってみたらいけました。 あれ、これってもしかしてみんな知っててやってたりする？！笑 恥ずかしいくらいの初歩アイデアだったらすみません。 めっちゃ手軽だし、キーフレームあるAIなら同じ感じでいけるし汎用性高い。難点は動きが鈍くなりがちなこと。 その場合はスタートとエンドのやつを一個作って、次にその逆を作って、その2つを交互に繋ぐ。 Kimathi lingai

yachimat - AI Short Anime

20,056 просмотров • 1 год назад

コンテンツ作成ツール作成しました！ これを活用したら超有益な会員サイトのコンテンツを作成することができます。 ネットに出ている有益なYouTube動画やブログ、SNSの情報などをAIに全て読み込ませているので、 いい感じにコンテンツを作ってくれます。 このコンテンツ作成ツールを欲しい人はこの投稿にいいねしてリプでコンテンツと書いたら配ります
0:20

コンテンツ作成ツール作成しました！ これを活用したら超有益な会員サイトのコンテンツを作成することができます。 ネットに出ている有益なYouTube動画やブログ、SNSの情報などをAIに全て読み込ませているので、 いい感じにコンテンツを作ってくれます。 このコンテンツ作成ツールを欲しい人はこの投稿にいいねしてリプでコンテンツと書いたら配ります

まるお｜AIエージェント×コンテンツマーケ｜AI特許取得｜慶應AI卒｜元日テレAI責任者｜1年で2億

24,362 просмотров • 1 год назад

どうやったらこんな感じになるの？というポストを見かけてたので動画を作ったよ。こんな感じ！
0:27

どうやったらこんな感じになるの？というポストを見かけてたので動画を作ったよ。こんな感じ！

MuRo

247,430 просмотров • 3 месяцев назад

【作るを"見せる"大切さ】 トミカの部品を自分で選んだら、目の前で作ってくれるトミカ組立工場サービス。カシメるだけでも、子供にとってはすごい加工。ボール盤がいい感じの"工場感"出してる！！ 普段は完成品しか見てないモノの『作る』を"見せる"ってのは、子供にとって大切な価値になると実感。
0:56

【作るを"見せる"大切さ】 トミカの部品を自分で選んだら、目の前で作ってくれるトミカ組立工場サービス。カシメるだけでも、子供にとってはすごい加工。ボール盤がいい感じの"工場感"出してる！！ 普段は完成品しか見てないモノの『作る』を"見せる"ってのは、子供にとって大切な価値になると実感。

しぶちょー

2,407,850 просмотров • 1 год назад

最近流行っている「何をしてるかわからないけど、AIが自動でガシガシタスクをこなしていってくれる」サービス作ってみた 作ってみて気づいたけど、これみてるだけで何かしている感じがしてとても楽しい
0:53

最近流行っている「何をしてるかわからないけど、AIが自動でガシガシタスクをこなしていってくれる」サービス作ってみた 作ってみて気づいたけど、これみてるだけで何かしている感じがしてとても楽しい

へんてこ

351,777 просмотров • 2 месяцев назад

「授業で使える」とバズっている 動画生成が思った以上に簡単だった！ ①何か生徒がイメージしたものを投げる ②「動画解説」を押して ③「生成」を押して待つだけ 何がすごいって... ・「まぁ」とか感情表現を入れてAIが話す ・スライドがかわいい ・初心者でも簡単 バズった動画内では、作り方の解説がなかったので全過程を動画にしてみました。 「NotebookLM」で検索して、これをみながら試すと、おそらく誰でも動画生成できちゃいます！
1:06

「授業で使える」とバズっている 動画生成が思った以上に簡単だった！ ①何か生徒がイメージしたものを投げる ②「動画解説」を押して ③「生成」を押して待つだけ 何がすごいって... ・「まぁ」とか感情表現を入れてAIが話す ・スライドがかわいい ・初心者でも簡単 バズった動画内では、作り方の解説がなかったので全過程を動画にしてみました。 「NotebookLM」で検索して、これをみながら試すと、おそらく誰でも動画生成できちゃいます！

ゆとりんり a.k.a.歩く倫理観

67,342 просмотров • 8 месяцев назад

【AIで企業のPR動画作ってみた】 こちらの動画すべてAIで制作しています。 PR動画の依頼があったのでサンプルを原始人のスタッフに作ってもらったんですが、わずか3日ですごいクオリティの動画を作ってきました。 普段は絶対教えないんですが、皆さんにもAI動画作成で仕事を取って稼いでほしいので、今回は特別にこの動画の構成と作り方を解説した資料を配布します。 ほしい方はいいね+リプで『寿司』と送ってください。
3:34

【AIで企業のPR動画作ってみた】 こちらの動画すべてAIで制作しています。 PR動画の依頼があったのでサンプルを原始人のスタッフに作ってもらったんですが、わずか3日ですごいクオリティの動画を作ってきました。 普段は絶対教えないんですが、皆さんにもAI動画作成で仕事を取って稼いでほしいので、今回は特別にこの動画の構成と作り方を解説した資料を配布します。 ほしい方はいいね+リプで『寿司』と送ってください。

T

58,440 просмотров • 1 год назад