Photoshop CS6에 타임 라인 패널이 도입됨에 따라 Adobe는 Photoshop에서 직접 비디오를 편집, 향상 및 렌더링 할 수있는 새로운 비디오 편집 기능을 많이 만들었습니다. Adobe가 주로 비디오 편집 도구로 선전하고 있지만 저에게 정말 흥미로운 점은 소프트웨어 패키지를 전환 할 필요없이 Photoshop에서 직접 빠른 애니메이션 스팅을 만들 수 있다는 것입니다.
여기에서는 iPad 용 짧은 애니메이션 스플래시 화면을 빠르게 만드는 방법을 보여 드리겠습니다. Flash 또는 After Effects로 작업하는 데 익숙한 디자이너에게는 이러한 도구가 매우 기본적으로 보일 수 있지만 모션 그래픽을 사용하려는 디자이너에게는 타임 라인 및 키 프레임 개념을 빠르고 쉽게 소개 할 수 있습니다. 물론 최종 출력이 iPad 스플래시 화면 용일 필요는 없으므로 최종 출력이 사용되는 상상력에 의해서만 제한됩니다.
01 모바일 및 장치 드롭 다운 메뉴에서 원하는 iPad 해상도로 새 문서를 설정하여 시작합니다. 선택한 색상 (이 경우 회색)으로 배경을 채우고 새 레이어의 중앙에 흰색 사각형을 만든 다음 두 개의 검은 색 점을 만들고 두 개의 반대쪽 모서리에 다시 별도의 레이어에 스냅합니다. 나중에 쉽게 살 수 있도록 모든 것에 적절하게 라벨을 붙입니다.
02 타임 라인 패널에서 비디오 타임 라인 만들기를 누르면 모든 레이어가 타임 라인 내에 나타납니다. 00:00으로 설정하고 Spot 01을 선택한 다음 삼각형 아이콘을 사용하여 레이어를 확장합니다. 이제 위치 탭을 눌러 키 프레임을 만듭니다. 타임 라인을 01:00으로 이동하고 다른 위치 키 프레임을 만듭니다. 이제 지점을 사각형의 왼쪽 하단으로 이동하고 정확히 동일한 타이밍을 사용하여 두 번째 지점에 대해 프로세스를 반복합니다. 3 초 표시까지 1 초 간격으로이 과정을 반복하여 이동하면서 키 프레임을 만듭니다.
03 00:00으로 돌아가서 배경 바로 위의 새 레이어에서 대각선 선택을 만들고 색상으로 채 웁니다. 이 모양을 안팎으로 스 와이프하고 싶습니다. 00:00에 위치 키 프레임을 만들고 Shift 키를 누른 상태에서 모양을 캔버스 밖으로 이동합니다. 01:00에 다른 키 프레임을 만들고 모양을 원래 위치로 다시 이동합니다. 재생하면 안쪽으로 스 와이프하는 것처럼 보입니다. 키 프레임이 지점의 키 프레임과 어떻게 일치하는지 확인할 수 있습니다.
04 이제 타임 라인을 다른 10 개 프레임을 따라 01:10으로 이동하고 모양을 문서 경계 내 위치로 다시 이동합니다. 타임 라인을 모양이 전체보기 인 01:00으로 되돌리고 모두 선택하고 레이어를 복사합니다. 정사각형 레이어에서 Cmd / Ctrl + A를 눌러 선택을 한 다음 편집> 붙여 넣기로 이동하여 새 레이어의 정사각형 안에 모양을 붙여 넣습니다. 검정색으로 채우고 적절하게 레이블을 붙인 다음 원래 정사각형 레이어 위로 이동하십시오.
05 이제 검정색 내부 모양을 노란색 모양으로 스 와이프합니다. 타임 라인에서 레이어를 다시 00:00으로 이동하고 이전 노란색 모양의 프로세스를 반복하여 모양이 캔버스에서 완전히 벗어난 상태에서 00:00에, 완전히보기에 01:00에 첫 번째 키 프레임을 설정 한 다음 노란색 레이어로 스 와이프하는 것처럼 보이지만 제자리에 유지되도록 더 이상 키 프레임을 추가하지 마십시오.