Hype lynda.com 시작 및 실행
lynda.com의이 비디오 교육 과정에서 과대 광고로 시작하고 달리기강사 인 Jake Stroh는 Hype 기본 사항을 다룹니다. 이 1 시간 37 분 코스를 마치면 Hype에서 간단한 애니메이션을 만들 수있는 기초를 갖게됩니다.

Stroh는 툴바에서 타임 라인에 이르기까지 Hype 사용자 인터페이스를 빠르게 둘러 봅니다. 그런 다음 첫 번째 애니메이션을 만드는 방법을 보여줍니다. 첫 번째 애니메이션은 기록 기능을 사용하여 페이드 효과로 사각형을 화면으로 이동하는 것입니다. 시작 및 끝 키 프레임의 위치 및 불투명도 속성 값을 설정하는 과정을 안내합니다.

간단한 예제를 바탕으로 Stroh는 Hype에서 애니메이션을 적용 할 수있는 이미지 유형과 요소 메뉴를 통해 이미지를 가져 오는 방법에 대해 설명합니다. 가져온 샘플 이미지는 비행기이며 비행기가 화면을 가로 질러 비행 할 애니메이션 경로를 만드는 방법과 모션 경로로 변환하는 방법을 보여줍니다. 그는 장면에 텍스트를 추가하고 텍스트를 스타일링하고 페이드 효과를 키 프레이밍하여 두 번째 예를 마칩니다.

다음 섹션에서 Stroh는 타임 라인, 키 프레임 및 레코드 기능을 사용하여 애니메이터가 html5 및 css3 애니메이션을 만드는 방법에 대한 심도있는 토론을 시작합니다. 그는 키 프레임을 요소 속성에 적용하는 몇 가지 예를 다룹니다. 또한 타임 라인의 일부 컨트롤을 사용하여 애니메이션을 미세하게 조정하는 방법에 대해서도 설명합니다.

다음 주제는 여유와 6 가지 여유를 사용하여 실제 물리를 애니메이션에 추가하는 방법입니다. 그가 논의한 예는 몇 가지 여유 효과를 결합하여 튀는 공 애니메이션을 얻는 방법입니다. 다음 몇 가지 예에서 Stroh는 변환 애니메이션을 만드는 방법과 Capo 도구를 사용하여 타임 라인에서 일련의 요소 애니메이션을 구체화하는 방법을 보여줍니다. 또한 같은 장면에서 애니메이션을 재사용하는 방법과 Hype에 회전 애니메이션을위한 앵커 포인트 도구가 없다는 제한을 해결하는 방법에 대해서도 설명합니다. 마지막으로 애니메이션에서 마스킹, 자르기 및 CSS 필터 사용에 대해 설명합니다.

다음 섹션에서는 대화 형 기능을 소개합니다. Stroh는 내장 버튼 유형과 스테이지에 동작을 추가하는 방법에 대해 설명합니다. 다음으로 이미지에 동작을 추가하여 화면의 버튼으로 작동하는 방법을 설명합니다. 여러 타임 라인으로 애니메이션을 제어하고 추가 타임 라인을 제어하기 위해 기본 타임 라인에 버튼을 추가하는 방법으로 빠르게 넘어갑니다. 또한 루핑 타임 라인을 만드는 방법을 보여줍니다.

보다 복잡한 애니메이션을 만들기 위해 Stroh는 상대 타임 라인 및 액션 체인 작업 방법에 대해 설명합니다. 다음 몇 가지 예에서, 그는 오디오 파일로 작업하고 버튼 동작으로 재생을 제어하는 ​​방법을 보여줍니다. 또한 대화 형 이미지 갤러리 슬라이드 쇼를 제어하기 위해 여러 타임 라인과 기본 타임 라인을 사용하는 것의 차이점을 보여줍니다.

다음 프로젝트 예는 제품 갤러리입니다. Stroh는 Hype에서이를 구축하기위한 여러 타임 라인 또는 장면의 두 가지 옵션의 장단점에 대해 설명합니다.

이제 웹에 프로젝트를 넣을 준비가되었습니다. Stroh는 Hype 프로젝트를 내보내고 임베드하는 방법과 독립형 웹 사이트에 대한 다양한 옵션 또는 기존 웹 사이트에 프로젝트를 추가하는 방법을 보여줍니다.

이것은 과대 광고에 대한 심층적 인 학습 과정이 아닙니다. 그러나이 과정은 Hype 소프트웨어를 사용하여 만들 수있는 애니메이션 유형에 대한 아이디어를 제공합니다. Adobe의 무비 클립에 익숙한 경우아르 자형 플래시아르 자형중첩 타임 라인, 상대 타임 라인 및 액션 체인에 대한 Stroh의 토론에 감사합니다.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

공개 : 나는이 기사에 대해 재정적으로 보상을받지 않았다. 의견은 내 경험에 따라 완전히 나 자신입니다.


비디오 지침: [인디자인 강좌/강의] 08-2 페이지 번호 및 섹션 관리하기 (할 수있다 2024).