Adobe Stock의 벡터 아트웍을 자유롭게 변경하여 모바일 앱에 어울리는 멋진 로딩 화면 애니메이션을 만들어 보세요.
로딩 화면 애니메이션에 사용할 벡터 아트웍 검색
Adobe Stock에서 독특한 애니메이션 경험을 만드는 데 사용할 벡터 아트웍을 검색합니다.
Illustrator에서 글자를 복사하고 XD에 붙여넣기
Illustrator 파일에서 특정 글자를 복사하고 XD 레이아웃에 붙여넣은 다음 각 글자를 재사용 가능한 구성 요소로 변환합니다.
글자의 네온이 꺼진 두 번째 아트보드 만들기
XD에서 아트보드를 복제하고 글자 중 하나를 "네온이 꺼진" 버전으로 교체한 다음 모양 패널에서 불투명도를 낮춥니다.
아트보드 간 애니메이션 시간 설정
프로토타입 작업 영역에서 첫 번째 아트보드를 두 번째 아트보드로 연결하고 지연된 시간 이벤트와 자동 애니메이트 바운스 효과를 설정합니다. 동일한 방식으로 재생 시간이 다른 아트보드를 몇 개 더 만듭니다.
메인 화면에 애니메이션 표시
마지막 애니메이션 화면을 모바일 앱의 메인 화면으로 연결하여 로딩 화면 애니메이션을 완성합니다.
완성
탁월한 사용자 경험을 위한 세련된 로딩 화면 애니메이션이 완성되었습니다.
