프로토타입 모드에서 소스 아트보드의 제목을 클릭하고 이를 대상 아트보드에 와이어 연결합니다.
- Adobe XD 사용 안내서
- 소개
- 디자인
- 아트보드, 안내선 및 레이어
- 모양, 오브젝트 및 패스
- 텍스트 및 글꼴
- 구성 요소 및 상태
- 마스킹 및 효과
- 레이아웃
- 비디오 및 Lottie 애니메이션
- 프로토타입
- 공유, 내보내기 및 검토
- 디자인 시스템
- 클라우드 문서
- 통합 기능 및 플러그인
- iOS 및 Android용 XD
- 문제 해결
- 알려진 문제 및 해결된 문제
- 설치 및 업데이트
- 실행 및 충돌
- 클라우드 문서 및 Creative Cloud Libraries
- 프로토타이핑, 게시 및 검토
- 다른 앱 가져오기, 내보내기 및 작업
시간 트리거를 사용하여 시간 경과 전환을 만드는 방법에 대해 알아봅니다.
시간 트리거를 사용하여 시간 지연과 지속 시간을 기반으로 아트보드 사이에 전환을 만들 수 있습니다.
액션과 함께 시간 트리거를 사용하여 반복 애니메이션이나 진행 표시줄 등 다양한 효과를 만들 수 있습니다. 다음은 자동 애니메이트와 함께 시간 트리거를 사용하여 반복 효과를 만드는 예입니다.
다음 단계에 따라 간단한 시간 경과 전환을 만들어 보십시오.
-
-
커넥터를 클릭하여 속성 관리자에 표시되는 인터랙션 패널을 확인하고 다음 옵션을 설정합니다.
- 트리거: 시간을 선택합니다. 시간 옵션이 표시되지 않는다면 단계 1에서 전체 아트보드와 제목을 선택하지 않은 것입니다.
- 지연: 전환을 시작할 시간 지연을 입력합니다. 허용 범위는 0.2~5초입니다.
- 액션: 전환을 선택합니다. 자동 애니메이트, 오버레이, 음성 재생 등 다른 액션과 함께 시간 트리거를 사용하여 다양한 효과를 만들 수도 있습니다. 반복 애니메이션 효과를 만드는 방법에 대한 예제를 살펴보십시오.
- 대상: 단계 1에서 와이어 연결된 대상 아트보드를 표시하며, 필요한 경우 수정할 수 있습니다.
- 이징: 소스 아트보드에 적용하려는 이징 효과를 선택합니다.
- 지속 시간: 이징 효과가 지속되는 시간을 정의하는 이징 효과의 지속 시간을 입력합니다. 허용 범위는 0.2~5초입니다.
XD는 속성을 아트보드에 저장하고 추가 화면에서 기본값으로 제공합니다.
-
시간 경과 전환을 미리 보려면 를 선택합니다.
예제 및 샘플 파일
숫자 카운터 애니메이션은 흥미롭고 눈길을 끄는 방식으로 숫자를 표시하는 데 사용됩니다. 시간 경과 전환을 사용하여 실행되는 스코어보드를 만드는 방법을 살펴보시겠습니까?
1. 프로토타입 모드에서 아트보드 제목을 선택하고 속성 관리자에서 다음 옵션을 설정합니다.
- 트리거: 시간을 선택합니다.
- 지연: 지연 시간을 0.8초로 입력합니다.
- 액션: 자동 애니메이트를 선택합니다.
- 이징: 서서히 끝내기 효과를 선택합니다.
- 지속 시간: 지속 시간을 4초로 입력합니다.
2.
을 클릭하여 애니메이션 숫자 카운터를 미리 봅니다.샘플 파일을 다운로드하고 이 비디오를 시청하며 직접 시도해 보십시오.
시청 시간: 2분 47초
시간 경과 전환을 사용하여 애플리케이션에 대한 온보딩 경험을 만드는 방법을 알아보시겠습니까? 이 비디오를 시청하고 무료 UI 키트를 사용하여 온보딩 워크플로를 따라 해 보십시오.
시청 시간: 5분 2초
또한 XD 지원 커뮤니티를 통해 더 많은 예제와 튜토리얼을 구할 수 있습니다.
팁 및 요령
시간 경과 전환을 자동 애니메이트 및 오버레이와 결합하여 인터랙티브한 효과를 만들 수 있다는 사실을 알고 계십니까? 이 비디오를 통해 자세히 알아보십시오.
시청 시간: 8분 33초
관련 리소스
Adobe에 문의
질문이 있거나 아이디어를 공유하고 싶다면 Adobe XD 커뮤니티에 참여하십시오. 소중한 의견과 다양한 작품 활동을 기대하겠습니다.