효과Effects / 질감·스타일Texture & Style / Nº 463

블룸 펄스Bloom Pulse

Bloom Pulse

블룸 펄스

다른 이름Also known as · 블룸 맥박 · Glow bloom

463

렌더 추가 예정CLIP COMING블룸 펄스Bloom Pulse정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 463. 블룸 펄스 · Bloom Pulse · sine.inOut

밝은 물체 주변으로 부드러운 빛이 퍼졌다가 줄어드는 맥동Soft light spreads around a bright object and then contracts.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

주인공과 에너지의 절정. 빛이 번지며 존재감이 커진다The peak of a hero and its energy. Light blooms and presence grows.

언제 쓰나Use whenUSE WHEN

로고나 핵심 오브젝트가 클라이맥스에서 빛나야 할 때
네온·발광 UI를 비트에 맞춰 강조할 때

When a logo or key object should glow at the climax
When neon or glowing UI should be stressed on the beat

과용 주의AvoidAVOID

글자 위에는 강도 0.6 이하
임계값 0.8 이상 밝은 부분만 번지게
1.6초 안에 원래 상태

분류TagsTAGS

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

강도 0.2에서 1.1로 0.8초 올라갔다 0.8초에 걸쳐 0.2로 돌아오며 반경 0.35로 번진다

과용 · 나쁜 사례OVERUSE

강도가 커서 글자 외곽이 번져 읽을 수 없거나, 전체 화면이 뿌옇다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
길이	1.6s	1.0~2.4s	상승과 복귀 합산
임계값	0.8	0.7~0.9	이 이상만 발광
강도	0.2→1.1	0.6~1.4	CSS는 blur 반경으로 대체
이징	sine.inOut	sine~power2.inOut	맥동

GSAP

tl.to('.logo', { filter: 'drop-shadow(0 0 28px rgba(120,190,255,0.95))', duration: 0.8, ease: 'sine.inOut', yoyo: true, repeat: 1 }, 0.4);

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

GSAP으로 <대상>에 블룸 맥동을 넣어줘. 0.4초부터 0.8초 동안 filter drop-shadow(0 0 28px rgba(120,190,255,0.95))로 sine.inOut 상승한 뒤 같은 곡선으로 0.8초에 0으로 돌아와. 글자 위에서는 강도를 0.6 이하로 낮춰. paused 타임라인에 넣어.

Add a bloom pulse to <target> with GSAP. From 0.4s ease a filter drop-shadow(0 0 28px rgba(120,190,255,0.95)) in over 0.8s with sine.inOut and back to none over 0.8s with the same curve. Keep intensity at 0.6 or less over text. Paused timeline.

Codex

<파일>의 <대상>에 bloom-pulse를 적용해. drop-shadow 0→(0 0 28px 알파 0.95), 0.8s, sine.inOut, yoyo true, repeat 1, position 0.4. 0.4초·1.2초·2.0초를 캡처해 밝기 번짐이 최대일 때 글자 가독성(대비 4.5:1)이 유지되는지와 2.0초에 원상태인지 확인해.

Apply bloom-pulse to <target> in <file>. Tween drop-shadow from none to (0 0 28px alpha 0.95), 0.8s, sine.inOut, yoyo true, repeat 1, position 0.4. Capture at 0.4s, 1.2s and 2.0s to check text contrast stays at 4.5:1 at the peak and the element is back to normal at 2.0s.