01

글자 효과

글자가 써지고, 바뀌고, 빛나요

제목 한 줄로 첫인상이 달라져요. 카드뉴스 제목, 발표자료 표지, 홈페이지 첫 문장에 바로 써요.

효과 18개#카드뉴스#발표자료#웹페이지
01타이핑 효과Typewriter

글자가 한 자씩 써지듯 나타나요
커서가 깜빡여서 진짜 치는 느낌이에요

LOOP
랜
이럴 때 써요
  • 홈페이지 첫 화면의 큰 제목
  • 검색창 속 '예: 부산 맛집' 같은 예시 문구
  • AI가 대답하는 것처럼 보여주고 싶을 때
#타이핑효과#Typewriter#텍스트애니메이션#첫화면제목
02로테이팅 텍스트Rotating text

문장은 그대로 두고
한 단어만 계속 바뀌어요

LOOP
오늘은커피빵어때요?
이럴 때 써요
  • '오늘은 커피 어때요?'처럼 추천 메뉴를 돌려 보여줄 때
  • 앱에서 할 수 있는 일을 하나씩 소개할 때
  • '○○를 위한 서비스'에서 대상만 바꿔 보여줄 때
#로테이팅텍스트#RotatingText#단어교체#문구애니메이션
03마스크 리빌Masked text reveal

보이지 않는 틀 아래에서
글자가 쑥 밀려 올라와요

LOOP
새로운 계절,
새로운 컬렉션
이럴 때 써요
  • 새 시즌 광고의 큰 제목
  • 브랜드를 소개하는 첫 문장
  • 영화 예고편처럼 멋있게 등장시킬 때
#마스크리빌#MaskedReveal#글자등장#제목애니메이션
04스플릿 텍스트Split text

글자를 한 자씩 쪼개서
조금씩 시간차를 두고 나타나요

LOOP
환영해요!
이럴 때 써요
  • '환영해요!' 같은 짧은 인사말
  • 행사 이름을 크게 보여줄 때
  • 페이지가 열리고 처음 뜨는 문구
#스플릿텍스트#SplitText#글자쪼개기#시간차등장
05텍스트 스크램블Text scramble

뒤죽박죽 글자가 마구 돌다가
하나씩 제자리를 찾아 맞춰져요

LOOP
AG6 GXSESAO
이럴 때 써요
  • 해커 영화 같은 분위기를 내고 싶을 때
  • 버튼에 마우스를 올리면 글자가 섞일 때
  • 추첨 번호를 두근두근하게 보여줄 때
#텍스트스크램블#TextScramble#글자섞임#해커효과
06블러 리빌Blur reveal

흐릿하던 글자가
초점이 맞듯 또렷해져요

LOOP
천천히,또렷하게
이럴 때 써요
  • 조용하고 고급스러운 브랜드 소개
  • 사진 위에 문구가 은은하게 뜰 때
  • 다음 장면으로 넘어가며 나오는 문구
#블러리빌#BlurReveal#흐림효과#부드러운등장
07형광펜 효과Highlighter animation

형광펜으로 쓱 긋는 것처럼
중요한 부분에 색이 칠해져요

LOOP
오늘 하루만
전 품목 무료배송
이럴 때 써요
  • '오늘만 무료배송' 같은 꼭 봐야 할 문구
  • 긴 글에서 제일 중요한 한 줄
  • 가격이나 할인율을 눈에 띄게 할 때
#형광펜효과#Highlighter#강조#밑줄긋기
08그라디언트 텍스트Gradient text

글자 안에 여러 색이
물감처럼 섞여서 흘러요

LOOP
Summer Sale
이럴 때 써요
  • 여름 세일 같은 행사 이름
  • 새로 나온 기능 이름을 돋보이게 할 때
  • 화려한 느낌의 이벤트 페이지 제목
#그라디언트텍스트#GradientText#무지개글자#컬러풀
09샤이니 텍스트Shimmer text

글자 위로 빛줄기가
반짝 하고 스쳐 지나가요

LOOP
신상품 도착
이럴 때 써요
  • '신상품' '한정판' 같은 문구
  • '불러오는 중이에요'를 알려줄 때
  • 멤버십 등급처럼 고급스러워 보여야 할 때
#샤이니텍스트#Shimmer#반짝효과#빛나는글자
10아웃라인 텍스트Outline text

글자 속은 비우고
테두리 선만 남겨서 보여줘요

LOOP
BIG SALE
이럴 때 써요
  • 포스터처럼 커다란 영어 제목
  • 배경에 큰 글씨를 은은하게 깔 때
  • 꽉 찬 글자와 섞어 리듬감을 줄 때
#아웃라인텍스트#OutlineText#테두리글자#속빈글자
11글리치Glitch

화면이 고장 난 것처럼
글자가 지지직 어긋나요

LOOP
ERROR 404
이럴 때 써요
  • '페이지를 찾을 수 없어요' 오류 화면
  • 게임·음악처럼 강렬한 분위기
  • 신제품 공개 전에 궁금하게 만들 때
#글리치#Glitch#지지직효과#오류화면
12웨이브 텍스트Wave text

글자들이 파도를 타듯
차례로 위아래로 출렁여요

LOOP
두근두근 세일
이럴 때 써요
  • '두근두근' 같은 신나는 문구
  • 아이들 대상 이벤트 페이지
  • 기다리는 동안 보여주는 '잠시만요'
#웨이브텍스트#WaveText#물결효과#통통튀는글자
13밑줄 애니메이션Animated underline

메뉴에 마우스를 올리면
밑줄이 왼쪽부터 쓱 그어져요

LOOP
홈상품이벤트
이럴 때 써요
  • 홈페이지 맨 위 메뉴
  • 글 중간에 있는 링크
  • '더 알아보기' 같은 글자 버튼
#밑줄애니메이션#AnimatedUnderline#링크효과#메뉴
14오도미터Odometer

숫자가 자동차 계기판처럼
또르르 굴러가며 바뀌어요

LOOP
₩01234567890,012345678900123456789001234567890,012345678900123456789001234567890
이럴 때 써요
  • 누적 후원 금액이나 가입자 수
  • 실시간으로 바뀌는 주식 가격
  • 남은 수량이나 응모한 사람 수
#오도미터#Odometer#숫자롤링#카운터
15네온 텍스트Neon glow

간판 네온사인처럼
글자 주변이 환하게 번져요

LOOP
OPEN
밤 12시까지
이럴 때 써요
  • 밤 분위기의 가게·공연 홍보
  • 어두운 배경의 게임 화면
  • 'OPEN'처럼 멀리서도 보여야 하는 표시
#네온텍스트#NeonGlow#빛번짐#간판효과
16패스 텍스트Text on path

글자가 일자로 서지 않고
동그란 길을 따라 놓여요

LOOP아래로 내려보세요 • 아래로 내려보세요 •
이럴 때 써요
  • 도장이나 배지처럼 동그란 로고
  • 빙글빙글 도는 '아래로 내려보세요' 표시
  • 곡선 위에 얹은 꾸밈 문구
#패스텍스트#TextOnPath#원형텍스트#회전글자
17가변 폰트 애니메이션Variable font animation

글자 굵기가
얇게, 굵게 부드럽게 변해요

LOOP
숨쉬는 글자
굵기 100
이럴 때 써요
  • 마우스를 올리면 굵어지는 제목
  • 숨 쉬듯 움직이는 브랜드 이름
  • 강약이 느껴지는 광고 문구
#가변폰트#VariableFont#굵기변화#글자애니메이션
18이미지 필 텍스트Image-filled text

글자 모양 안에
사진이나 영상을 채워 넣어요

LOOP
바다
이럴 때 써요
  • 여행지 이름 안에 바다 사진
  • 브랜드 이름 안에 제품 영상
  • 큰 제목 하나로 포스터처럼 꾸밀 때
#이미지필텍스트#ImageFilledText#사진글자#영상글자