가장자리 애니메이트에서 요소의 비율을 조정하는 방법 - 인서트

비디오: Getting started with Google Web Designer: how to create a simple banner ad 2024

요소 크기 조정 Adobe Edge에서 애니메이션이란 본질적으로 요소의 크기를 변경하면서 원한다면 비율을 일관되게 유지할 수 있다는 것을 의미합니다. 다음 작업을 수행 할 수 있습니다.

변형 도구로 요소 크기 조정
속성 패널의 요소 크기 조절

변형 도구를 사용하여 크기 조절

요소 크기를 조정할 때 클릭 앤 드래그 방법을 사용하려면 변형 도구를 사용하여 다음 단계에 따라이 작업을 수행하십시오.

변형 도구를 클릭하여 선택하십시오.
요소의 모서리 선택기 중 하나 위에 커서를 놓습니다.

이 그림에서 볼 수 있듯이, 각 끝에 화살표가있는 대각선 커서가 나타납니다.
모퉁이 실렉터를 클릭 한 채로 끕니다.

바깥쪽으로 드래그하면 요소가 커집니다. 안쪽으로 끌면 요소를 더 작게 만듭니다.

요소의 비율을 동일하게 유지하려면 Shift 키를 누른 채 클릭하고 드래그합니다.

속성 패널을 사용하여 크기 조절

속성 패널에서 크기 조절 기능을 사용하여 개체를 축소 및 확장 할 수 있습니다. 객체를 수평 및 수직으로 크기 조절할 수 있습니다.

배율 기능에는 비율을 동기화 할 수있는 링크 배율 특성이 있습니다 (그림 참조). 링크 눈금 속성이 켜져 있으면 가로 및 세로 크기는 동기화 상태로 유지되지만 속성 패널에서 값을 수정할 때만 유지됩니다. Link Scale 속성을 끄면 가로 및 세로의 두 가지 값을 설정할 수 있습니다.

텍스트 크기를 조절하는 것은 글꼴 크기를 애니메이션으로 만드는 것과 다릅니다.

축소 요소

요소를 축소하려면 [속성] 패널로 이동하여 100 %의 백분율로 배율 옆에있는 다이아몬드를 클릭합니다. 다이아몬드를 클릭하면 키 프레임이 생성됩니다.

다음으로 Pin을 토글하고 타임 라인의 재생 헤드를 축소가 멈추고 자하는 지점으로 미십시오. 마지막으로 Scale 기능의 백분율을 100 %보다 작은 값으로 조정하십시오. 타임 라인에서 애니메이션 키 프레임을 만들어야합니다.

요소의 크기를 조절하면 객체를 뒤집어서 보이게하여 깔끔한 트릭을 만들 수 있습니다. 이 동작을 보려면 객체가 100 %에서 시작하여 -100 %에서 끝나는 애니메이션 키 프레임을 만듭니다. 애니메이션은 요소를 아무 것도 아닌 것으로 축소 한 다음 거꾸로 뒤집어서 다시 나타냅니다. 음수 백분율은 객체를 뒤집는 것입니다.