Studio 에디터: 텍스트 파티클 추가 및 사용자 지정하기
4 분
페이지 메뉴
- 텍스트 파티클 요소 추가 및 설정하기
- 텍스트 파티클 요소 디자인하기
- 텍스트 서식 지정하기
텍스트 파티클 요소를 사용해 동적 제목을 생성하세요. 표현이 풍부한 타이포그래피를 위해 설계된 텍스트 파티클을 사용하면 브랜딩, 프로모션, 인터랙티브 경험에서 클라이언트를 돋보이게 하는 재미있거나 과감한 효과를 추가할 수 있습니다.
텍스트 파티클 요소 추가 및 설정하기
요소 추가 패널로 이동해 페이지에 텍스트 파티클을 추가합니다. 마음에 드는 디자인을 선택하고 캔버스로 끌어다 놓아 표시할 텍스트를 입력합니다.
텍스트 파티클을 추가 및 설정하려면:
- 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 텍스트를 클릭합니다.
- 텍스트 파티클을 클릭합니다.
- 텍스트 파티클 디자인을 페이지로 끌어다 놓습니다.
도움말: 디자인에 마우스오버해 애니메이션을 미리보기합니다. - 텍스트를 작성합니다.
- 텍스트 파티클 요소를 클릭합니다.
- 텍스트 변경을 클릭합니다.
- 텍스트를 입력합니다.
텍스트 파티클 요소 디자인하기
클라이언트의 브랜드, 톤 및 애니메이션 요구 사항에 맞게 텍스트 파티클의 디자인과 움직임을 미세 조정하세요. 파티클 크기, 색상, 타이포그래피, 속도, 방향 및 더 많은 설정을 완전히 제어할 수 있습니다.
텍스트 파티클을 디자인하려면:
- 텍스트 파티클 요소를 선택합니다.
- 에디터 오른쪽 상단에서 속성 열기
아이콘을 클릭합니다.
- 디자인 아래에서 애니메이션 스타일을 선택합니다.
- 해당 스타일을 선택합니다.
- 웨이브: 텍스트가 파도치는 동작으로 소용돌이칩니다.
- 드러내기: 파티클이 텍스트를 드러내며 가로로 이동합니다.
- 군집: 파티클이 혼란스러운 동작으로 외부로 "파열"한 후, 빠르게 흩어져 텍스트를 나타냅니다.
- 드롭다운에서 파티클 패턴을 선택합니다.
- 해당 스타일을 선택합니다.
- 선택한 스타일에 따라 사용 가능한 설정을 사용해 애니메이션을 사용자 지정합니다.
웨이브
드러내기
군집
디자인 미리보기:
속성 패널에서 재생
버튼을 클릭해 작업하는 애니메이션을 확인할 수 있습니다.
버튼을 클릭해 작업하는 애니메이션을 확인할 수 있습니다.텍스트 서식 지정하기
디자인에 적합한 디자인과 느낌을 얻을 수 있도록 텍스트 서식을 지정합니다. 타이포그래피 스타일, 간격, 대소문자와 같은 세부 정보를 조정해 세련되고 세련된 브랜드 콘텐츠를 제작할 수 있습니다.
텍스트 서식을 지정하려면:
- 텍스트 파티클 요소를 선택합니다.
- 에디터 오른쪽 상단에서 속성 열기 아이콘을 클릭합니다.
- 디자인 섹션을 아래로 스크롤해 텍스트를 클릭합니다.
- 사용 가능한 서식 설정을 조정합니다.
- 기존 타이포그래피 스타일에 텍스트 요소를 추가합니다.
- 글꼴 및 글꼴 크기를 변경합니다.
- 가로 글자 간격을 조정합니다.
- 텍스트를 굵게 또는 기울임꼴로 설정합니다.
- 대소문자를 변경합니다(예: 텍스트를 모두 소문자로 설정).
- HTML 태그를 설정합니다(예: H2, div, P 등).
접근성 도움말:
텍스트 파티클 요소가 순전히 장식용 요소로 스크린 리더에 중요한 정보를 포함하지 않았다면, 본 텍스트는 장식용입니다 옆 체크상자를 선택하세요.
