텍스트 오버레이

배경 그라데이션과 이미지 텍스트 오버레이를 사용하여 제목 프레젠테이션을 향상시켜 웹사이트 방문자의 관심을 사로잡으세요. 텍스트 문자 내에서 배경 이미지를 드러내는 스크롤 효과로 감동을 주세요.

이 교육 모듈에서는 다음 단계에 따라 프로젝트의 텍스트 콘텐츠에 텍스트 오버레이를 통합하는 방법을 알아봅니다. 

1. 그라데이션 텍스트 오버레이 
2. 이미지 텍스트 오버레이
3. 고정된 이미지 텍스트 오버레이

그라데이션 텍스트 오버레이

다음을 삽입하여 시작하세요. 표제 페이지에서 문자 내 텍스트 오버레이의 가시성을 높이기 위해 글꼴을 더 두껍게 조정합니다. 

1. 액세스 패널 추가
2. 드롭 표제 페이지에
3. 공개하다 스타일 패널 > 타이포그래피 그리고 구성 폰트 (예: "Inter 700 – Bold")

적용하다 구배 ~로 표제:

1. 다음을 선택하세요. 표제
2. 액세스 스타일 패널 > 배경
3. 아래의 "더하기" 아이콘을 클릭하세요. 이미지 및 그라데이션
4. 선택하다 선형 그래디언트 으로 유형
5. 여러 정의 구배 원하는 대로 멈추고 색상 선택기 각 그라데이션 중지점에 색상을 할당하려면
6. 수정하다 각도 방향 다이얼 점과 상호 작용하거나 화살표를 사용하거나 각도를 직접 입력하여 그라데이션을 만듭니다.

배경 그라데이션에 대해 자세히 알아보세요. 

메모: Safari는 투명도에 대한 그라디언트를 "투명 검정색"으로 해석하고 보간합니다. 따라서 투명한 색상은 Safari 사용자에게 검은색으로 나타날 수 있습니다. 

이제 마법을 적용해 보겠습니다. 구배 오로지 ~에게만 표제 텍스트: 

1. 선택 표제
2. 입장 스타일 패널 > 배경
3. '배경을 텍스트로 자르기'를 선택하세요. 깎는 드롭 다운 메뉴

이미지 텍스트 오버레이

하나 더 추가하자 표제 우리 페이지로:

1. 액세스 패널 추가
2. 드롭 표제 페이지에
3. 입장 스타일 패널 > 타이포그래피 그리고 설정 폰트 (예: "Inter 700 – Bold")

활용 배경 이미지 텍스트 오버레이로: 

1. 선택 표제
2. 입장 스타일 패널 > 배경
3. 아래의 "더하기" 아이콘을 클릭하세요. 이미지 및 그라데이션
4. "이미지 선택"을 탭하여 지정하세요. 영상 텍스트 오버레이용
5. 이미지를 다음과 같이 조정합니다. 씌우다
6. 아래 점을 클릭하세요 위치 이미지가 표시되는 방식을 맞춤 설정하려면(예: 왼쪽 하단 점 선택)

배경 이미지에 대한 자세한 내용을 알아보세요.

그라디언트를 텍스트에 맞게 자르기 위해 이전과 동일한 프로세스를 반복합니다. 

1. 선택 표제
2. 입장 스타일 패널 > 배경
3. 메뉴에서 "배경을 텍스트로 자르기"를 선택하세요. 깎는 드롭 다운 메뉴

안정적인 이미지 텍스트 채우기텍스트가 배경 이미지의 컷아웃(창)처럼 동작하도록 하기 위해 다음 단계를 따르겠습니다. 방문자가 페이지를 아래로 스크롤하면 표제 텍스트 뒤에 있는 배경 이미지의 일부가 공개됩니다.

자, 이제 시각적으로 매력적인 텍스트로 손님에게 깊은 인상을 남길 수 있습니다!