技法

Chrome as frame

ライブラリのうち25フレームがChrome as frameに一致し、6ブランドの動画10本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム
25
動画
10
ブランド
6
カット間隔の中央値
2.3秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Figma 8フレームMidjourney 6フレームRunway 5フレームIcons8 3フレームInfinity Maps 2フレームContra 1フレーム
Figma Figma Motion basics: Easing at 1:24
FigmaFigma Motion basics: Easing
1:24
Figma Made in Figma, in collaboration with some of our friends at 0:00
FigmaMade in Figma, in collaboration with some of our friends
0:00
Figma Made in Figma, in collaboration with some of our friends at 0:00
FigmaMade in Figma, in collaboration with some of our friends
0:00
Figma Made in Figma, in collaboration with some of our friends at 0:00
FigmaMade in Figma, in collaboration with some of our friends
0:00
Figma Made in Figma, in collaboration with some of our friends at 0:00
FigmaMade in Figma, in collaboration with some of our friends
0:00
Figma Made in Figma, in collaboration with some of our friends at 0:01
FigmaMade in Figma, in collaboration with some of our friends
0:01
Figma Made in Figma, in collaboration with some of our friends at 0:01
FigmaMade in Figma, in collaboration with some of our friends
0:01
Figma Figma Motion basics: Path trim at 2:03
FigmaFigma Motion basics: Path trim
2:03
Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:04corner inset
MidjourneyWe're bumping up the number of styles in our style explorer by anothe...
0:04
Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:24
MidjourneyWe're bumping up the number of styles in our style explorer by anothe...
0:24
Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:30wide presenter
MidjourneyWe're bumping up the number of styles in our style explorer by anothe...
0:30
Midjourney We're bumping up the number of styles in our style explorer by anothe... at 0:32corner inset
MidjourneyWe're bumping up the number of styles in our style explorer by anothe...
0:32
Runway Introducing Solaris our first Interface World Model | Runway at 0:43
RunwayIntroducing Solaris our first Interface World Model | Runway
0:43
Runway Introducing Solaris our first Interface World Model | Runway at 0:46
RunwayIntroducing Solaris our first Interface World Model | Runway
0:46
Runway Introducing Solaris our first Interface World Model | Runway at 0:49
RunwayIntroducing Solaris our first Interface World Model | Runway
0:49
Runway Introducing Solaris our first Interface World Model | Runway at 0:52
RunwayIntroducing Solaris our first Interface World Model | Runway
0:52
Runway Introducing Solaris our first Interface World Model | Runway at 0:58
RunwayIntroducing Solaris our first Interface World Model | Runway
0:58
Icons8 How to design an app icon in Figma [Tutorial] at 0:00
Icons8How to design an app icon in Figma [Tutorial]
0:00
Icons8 How to design an app icon in Figma [Tutorial] at 0:02
Icons8How to design an app icon in Figma [Tutorial]
0:02
Icons8 How to design an app icon in Figma [Tutorial] at 0:06
Icons8How to design an app icon in Figma [Tutorial]
0:06
Infinity Maps ♾️ Infinity Maps: Whiteboard meets Wiki. Share your knowledge! at 0:31
Infinity Maps♾️ Infinity Maps: Whiteboard meets Wiki. Share your knowledge!
0:31
Midjourney If you've made >1000 images on Midjourney you can now help us alph... at 2:14
MidjourneyIf you've made >1000 images on Midjourney you can now help us alph...
2:14
Midjourney If you've made >1000 images on Midjourney you can now help us alph... at 2:26
MidjourneyIf you've made >1000 images on Midjourney you can now help us alph...
2:26
Contra AI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026) at 2:28
ContraAI Video Workflow for Freelancers: Flora + Runway + Veo 3 (2026)
2:28
Infinity Maps New Interaction Design in Infinity Maps at 0:00medium presenter
Infinity MapsNew Interaction Design in Infinity Maps
0:00
これで全 25 枚です。

比較できる他の技法

Shallow depth of field 5,585Hard cut on beat 3,197Full bleed output no chrome 3,193Centred wordmark on black 2,459Cursor led reveal 2,451Ui float with drop shadow 2,164Long lens background compression 1,137Text plate left third 866Full bleed ui no chrome 768Long lens compression 642Hard cut to black 626Centred talking head 599Subject on right third 552Generous negative space 499Centred subject 494Full bleed no chrome 455Centred wordmark on white 428Full bleed screen recording 417Wide establishing shot 415Full bleed screen capture 387Medium close up 385Presenter pip bottom right 376Subject on left third 357Centred medium close up 353