Studio 에디터: 텍스트 효과 추가 및 사용자 지정하기
4 분
페이지 메뉴
- 텍스트 효과 추가하기
- 텍스트 효과 디자인하기
- 텍스트 서식 지정하기
텍스트 효과를 사용해 시선을 사로잡는 제목과 설명으로 클라이언트의 사이트를 장식하세요. 완전히 사용자 지정 가능한 요소를 사용해 디자인에서 요구하는 대로 대담하게 또는 미세하게 효과를 조정할 수 있습니다 사전 디자인된 다양한 효과 중에서 선택하고 페이지의 나머지 부분을 보완할 수 있도록 디자인을 개인화하세요.
도움말:
CMS(콘텐츠 관리 시스템)를 사용하는 경우, 컬렉션 콘텐츠에 텍스트 효과를 연결해 요소에 동적 텍스트를 표시할 수 있습니다.
텍스트 효과 추가하기
요소 추가 패널에서 다양한 아트 텍스트 효과를 살펴보세요. 각 효과는 뚜렷한 톤을 설정하고 클라이언트 사이트에 고유한 개성을 부여합니다. 이러한 효과는 시작에 불과하며, 사이트의 나머지 부분과 완벽하게 일치하도록 세분화하고 사용자 지정할 수 있습니다.
텍스트 효과를 추가하려면:
- 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 텍스트 또는 장식을 클릭합니다.
- 텍스트 효과를 클릭합니다.
- 선택한 텍스트 효과를 페이지로 끌어다 놓습니다.
- 텍스트를 작성합니다.
- 텍스트 효과 요소를 클릭합니다.
- 텍스트 변경을 클릭합니다.
- 텍스트를 입력합니다.
텍스트 효과 디자인하기
텍스트 효과는 완전히 사용자 지정할 수 있으므로 클라이언트의 정확한 요구와 비전에 맞게 디자인을 조정할 수 있습니다. 각 효과에는 속성 패널에서 사용할 수 있는 고유한 디자인 설정이 있습니다. 색상, 레이어, 움직임 등의 옵션을 활용해 효과를 더욱 돋보이게 만들어 보세요.
중단점 활용하기:
디자인 설정은 가장 큰 화면 중단점에서 계단식으로 적용되지만, 필요한 경우 더 작은 화면 중단점에서 사용자 지정할 수 있습니다.
텍스트 효과를 디자인하려면:
- 텍스트 효과 요소를 선택합니다.
- 에디터 오른쪽 상단에서 속성 열기
화살표를 클릭합니다.
- 선택한 텍스트 효과에 따라 디자인 아래에서 사용 가능한 설정을 사용자 지정합니다.
- 색상 / 채우기 색상: 효과를 구성하는 색상을 선택합니다. 특정 효과에 따라 단일 색상 또는 여러 색상을 선택하거나 그라데이션을 적용할 수 있습니다.
- 레이어링: 비주얼 레이어를 조정해 디자인에 깊이를 더합니다. 원하는 레이어 수와 색상을 설정한 후, 각도 및 간격을 변경해 맞춤형 효과를 얻을 수 있습니다.
- 경사 각도: 각도를 조정해 빛과 음영이 미치는 방식을 제어해 텍스트 가장자리에 3D 모양을 연출합니다.
- 스트라이프: 스트라이프의 크기, 각도, 굵기를 조정합니다.
- 움직임: 버튼을 활성화해 마우스오버 시 표시되는 애니메이션 효과를 추가합니다. 슬라이더를 사용하여 속도를 설정하여 애니메이션을 더 빠르게 또는 더 느리게 설정하세요.
- 마스크: 마스크 위치와 흐림 정도를 변경해 텍스트가 표시되거나 흐려지는 정도를 제어합니다.
- 글로우: 텍스트를 둘러싸는 빛을 더 크게 또는 더 작게 설정합니다.
- 테두리: 텍스트의 윤곽선에 맞게 테두리 색상과 두께를 설정합니다.
- 음영: 음영의 색상, 각도, 흐림, 거리를 변경합니다.
참고: 일부 효과에서는 음영 색상은 선택한 채우기 색상과 자동으로 일치합니다. - 텍스트: 글꼴, 크기, 대소문자 등을 변경합니다. 아래 섹션에서 텍스트 서식 옵션에 대한 자세한 도움말을 확인하세요.
도움말:
요소에 애니메이션을 추가해 텍스트 효과를 더욱 동적으로 만들 수 있습니다. 속성 패널에서 애니메이션 및 효과
탭을 클릭해 입장, 마우스오버, 클릭, 스크롤, 반복 또는 마우스 효과 중 하나의 애니메이션을 추가하세요.
탭을 클릭해 입장, 마우스오버, 클릭, 스크롤, 반복 또는 마우스 효과 중 하나의 애니메이션을 추가하세요.텍스트 서식 지정하기
글꼴, 간격, 정렬 및 기타 서식 설정을 조정해 디자인이 클라이언트 사이트에 매끄럽게 어우러지는지 확인하세요.
텍스트 서식을 조정하려면:
- 텍스트 효과 요소를 선택합니다.
- 에디터 오른쪽 상단에서 속성 열기 화살표를 클릭합니다.
- 디자인 아래에서 텍스트를 클릭합니다.
- 사용 가능한 서식 설정을 조정합니다.
- 텍스트 요소를 글꼴 스타일에 추가합니다.
- 글꼴 및 글꼴 크기를 변경합니다.
- 가로 및 세로 문자 간격을 조정합니다.
- 텍스트를 굵게 또는 기울임꼴로 설정합니다.
- 텍스트를 정렬합니다.
- 대소문자를 변경합니다(예: 텍스트를 모두 소문자로 지정).
접근성 도움말:
텍스트 효과 요소가 순전히 장식용 요소로 스크린 리더에 중요한 정보를 포함하지 않았다면, 본 텍스트는 장식용입니다 옆 체크 상자를 선택하세요.