技法

Modal over dimmed background

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

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

フレーム
36
動画
12
ブランド
10
カット間隔の中央値
14.5秒

最も多く撮っているのは

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

HeadshotPro 12フレームrabbit 5フレームNotion 5フレームSketch Together 5フレームStonly 2フレームOpennote 2フレーム
Cursor We're introducing Cursor Automations to build always-on agents. at 0:08
CursorWe're introducing Cursor Automations to build always-on agents.
0:08
Figma Make Kits, rolling out today → Build and teach Make your design syst... at 0:34
FigmaMake Kits, rolling out today → Build and teach Make your design syst...
0:34
Notion .md, meet Notion 👋 You can now open Markdown files in Notion as a re... at 0:23
Notion.md, meet Notion 👋 You can now open Markdown files in Notion as a re...
0:23
Opennote Introducing Quizzes on Opennote at 1:00
OpennoteIntroducing Quizzes on Opennote
1:00
Opennote Introducing Quizzes on Opennote at 1:07
OpennoteIntroducing Quizzes on Opennote
1:07
Notion Meet Database Agents. A team of li’l librarians in your database — k... at 0:10
NotionMeet Database Agents. A team of li’l librarians in your database — k...
0:10
Notion Meet Database Agents. A team of li’l librarians in your database — k... at 0:13
NotionMeet Database Agents. A team of li’l librarians in your database — k...
0:13
Notion Meet Database Agents. A team of li’l librarians in your database — k... at 0:19
NotionMeet Database Agents. A team of li’l librarians in your database — k...
0:19
Notion Meet Database Agents. A team of li’l librarians in your database — k... at 0:22
NotionMeet Database Agents. A team of li’l librarians in your database — k...
0:22
Glorify App Create transparent images with background remover at 1:11
Glorify AppCreate transparent images with background remover
1:11
Stonly Custom Contact Forms in Stonly at 2:42
StonlyCustom Contact Forms in Stonly
2:42
Stonly Custom Contact Forms in Stonly at 2:46
StonlyCustom Contact Forms in Stonly
2:46
HeadshotPro Managed upload on HeadshotPro at 1:45wide presenter
HeadshotProManaged upload on HeadshotPro
1:45
HeadshotPro Managed upload on HeadshotPro at 1:47corner inset
HeadshotProManaged upload on HeadshotPro
1:47
HeadshotPro Managed upload on HeadshotPro at 1:48wide presenter
HeadshotProManaged upload on HeadshotPro
1:48
rabbit Export in Ableton + send files in Google Chrome with DLAM at 2:42
rabbitExport in Ableton + send files in Google Chrome with DLAM
2:42
rabbit Export in Ableton + send files in Google Chrome with DLAM at 2:46
rabbitExport in Ableton + send files in Google Chrome with DLAM
2:46
rabbit Export in Ableton + send files in Google Chrome with DLAM at 2:50
rabbitExport in Ableton + send files in Google Chrome with DLAM
2:50
rabbit Export in Ableton + send files in Google Chrome with DLAM at 2:54
rabbitExport in Ableton + send files in Google Chrome with DLAM
2:54
rabbit Export in Ableton + send files in Google Chrome with DLAM at 2:58
rabbitExport in Ableton + send files in Google Chrome with DLAM
2:58
GitHub Automate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners at 2:18
GitHubAutomate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners
2:18
GitHub Automate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners at 2:22
GitHubAutomate recurring developer tasks with the GitHub Copilot app | Tutorial for beginners
2:22
HeadshotPro MagicLink for HeadshotPro at 0:34corner inset
HeadshotProMagicLink for HeadshotPro
0:34
HeadshotPro MagicLink for HeadshotPro at 0:38corner inset
HeadshotProMagicLink for HeadshotPro
0:38
HeadshotPro MagicLink for HeadshotPro at 0:42corner inset
HeadshotProMagicLink for HeadshotPro
0:42
HeadshotPro MagicLink for HeadshotPro at 0:46corner inset
HeadshotProMagicLink for HeadshotPro
0:46
HeadshotPro MagicLink for HeadshotPro at 4:26corner inset
HeadshotProMagicLink for HeadshotPro
4:26
HeadshotPro MagicLink for HeadshotPro at 4:30corner inset
HeadshotProMagicLink for HeadshotPro
4:30
HeadshotPro MagicLink for HeadshotPro at 4:34corner inset
HeadshotProMagicLink for HeadshotPro
4:34
HeadshotPro MagicLink for HeadshotPro at 4:38corner inset
HeadshotProMagicLink for HeadshotPro
4:38
HeadshotPro MagicLink for HeadshotPro at 4:42corner inset
HeadshotProMagicLink for HeadshotPro
4:42
Sketch Together Hilos. A place for your team and agents to make stuff at 3:22corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:22
Sketch Together Hilos. A place for your team and agents to make stuff at 3:26corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:26
Sketch Together Hilos. A place for your team and agents to make stuff at 3:30corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:30
Sketch Together Hilos. A place for your team and agents to make stuff at 3:38corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:38
Sketch Together Hilos. A place for your team and agents to make stuff at 3:42corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:42
これで全 36 枚です。

比較できる他の技法

Shallow depth of field 5,319Hard cut on beat 3,096Full bleed output no chrome 3,088Centred wordmark on black 2,360Cursor led reveal 2,339Ui float with drop shadow 2,092Long lens background compression 1,099Text plate left third 815Full bleed ui no chrome 742Long lens compression 605Hard cut to black 600Centred talking head 553Subject on right third 532Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 413Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 377Medium close up 367Presenter pip bottom right 359Subject on left third 346Centred medium close up 342