블러 디졸브Blur Dissolve

Blur Dissolve

블러 디졸브

다른 이름Also known as · Blur dissolve · Blur through · Defocus dissolve · 초점 흐림 디졸브 · Linear blur dissolve · 직선 블러 디졸브 · Horizontal blur dissolve · 가로 블러 디졸브 · VR spherical blur transition · 구면 블러 전환

128

도판Fig. 128. 블러 디졸브 · Blur Dissolve · power1.inOut

재생 속도Speed

두 장면이 흐려진 채 겹쳐 교체되고 새 장면이 다시 선명해지는 전환Two scenes overlap while blurred, swap, and the new scene sharpens back into focus.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

시간이 흐르거나 기억 속으로 들어가는 부드러운 분위기 변화. 컷의 각진 느낌 없이 초점이 옮겨 간다A soft shift in time or mood, as if focus is moving instead of the picture being cut.

언제 쓰나Use whenUSE WHEN

시간이 지났거나 장소가 바뀌는 장면 사이를 부드럽게 이을 때
같은 톤의 두 화면을 컷 없이 이어 붙일 때

Bridge a time skip or location change smoothly.
Join two shots of a similar tone without a hard cut.

과용 주의AvoidAVOID

최대 블러 20px 초과 금지(해상도 높은 영상에서 렌더가 느려지고 뭉개진다)
글자가 핵심인 장면은 블러 정점에서 글자가 읽히지 않으므로 정점 시간을 0.15초 이내로 줄인다

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

앞 장면이 0.35초 동안 12px까지 흐려지며 사라지고, 뒤 장면이 12px 흐림에서 선명해지며 0.7초 안에 자리를 잡는다

과용 · 나쁜 사례OVERUSE

블러를 40px 이상 걸어 화면이 뭉개진 채 오래 머물거나, 흐림 없이 단순 페이드만 걸어 효과가 안 보인다

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
전체 지속	0.7s	0.5~1.0s	교차점은 50%
최대 블러	12px	6~20px	1920x1080 기준
교차 opacity	0→1 / 1→0	선형~power1	정점에서 두 장면 합이 1
이징	power1.inOut	sine~power2	강하게 걸면 블러가 튄다

GSAP

tl.to('.a', { filter: 'blur(12px)', opacity: 0, duration: 0.7, ease: 'power1.inOut' }, 0)
  .fromTo('.b', { filter: 'blur(12px)', opacity: 0 },
    { filter: 'blur(0px)', opacity: 1, duration: 0.7, ease: 'power1.inOut' }, 0);

라이브 소스 열기Open live source 소스 코드Source README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상A>와 <대상B> 장면 사이에 블러 디졸브를 GSAP로 만들어줘. A는 0.7초 동안 blur 0에서 12px로 흐려지며 opacity 0으로, B는 blur 12px에서 0으로 선명해지며 opacity 1로 가게 하고 이징은 power1.inOut, 시작 시각은 둘 다 같게 해. paused 타임라인 하나로 seek가 되게 해.

Build a blur dissolve between <targetA> and <targetB> in GSAP. Over 0.7 seconds, A blurs from 0 to 12px while fading to opacity 0, and B goes from 12px blur to 0 while fading to opacity 1. Use power1.inOut, start both at the same time, and keep everything in a single paused timeline that supports seeking.

Codex

<파일>의 장면 경계에 블러 디졸브를 넣어. 앞 레이어 filter blur(0)에서 blur(12px)로, 뒤 레이어는 blur(12px)에서 blur(0)로 0.7초 동안 보간하고 ease power1.inOut을 쓴다. 0.35초 시점을 캡처해 두 장면이 모두 흐리고 절반씩 보이는지, 0.7초에 뒤 장면이 완전히 선명한지 확인해.

Add a blur dissolve at the scene boundary in <file>. Tween the outgoing layer from blur(0) to blur(12px) and the incoming layer from blur(12px) to blur(0) over 0.7 seconds with ease power1.inOut. Capture at 0.35 seconds to confirm both scenes are blurred and half visible, and at 0.7 seconds to confirm the new scene is fully sharp.