Adobe Photoshop에서 컬러풀한 아트웍과 반복 재생되는 애니메이션을 결합하여 인상적인 합성 이미지를 만들 수 있습니다. 디지털 페인터 겸 패턴 디자이너 Shyama Golden이 애니메이션 패턴을 추가하여 개성 있는 일러스트레이션을 만드는 방법을 확인하십시오.

Shyama Golden의 그림은 귀엽고도 기묘한 세계관을 담고 있으며, 보는 이들에게 다양한 관점에서 새로운 디테일을 발견하게 합니다. 그녀의 작품에는 과학, 그래픽 디자인, 마술적 사실주의 예술의 전통이 녹아 있습니다.

크기 조정

가져온 이미지의 크기가 제대로 조정되도록 편집 > 환경 설정(Windows) 또는 Photoshop > 환경 설정(macOS)에서 "가져오기 작업 시 이미지 크기 조정"을 선택 해제하여 일반 환경 설정을 지정했습니다.

일러스트레이션의 머리 부분에 가져오기 작업 시 이미지 크기 조정 상자가 체크 해제된 Adobe Photoshop 일반 환경 설정이 있음

패턴 선택

Golden은 패턴을 포함된 이미지(파일 > 포함 가져오기)로 Right Front Panel 레이어 그룹의 RIGHT side 레이어 위에 배치했습니다. Photoshop에서 해당 이미지를 고급 개체로 가져옵니다. 패턴 레이어를 마우스 오른쪽 버튼으로 클릭하고 패턴이 셔츠 패널 안에 맞도록 클리핑 마스크 만들기를 선택했습니다.

Adobe Photoshop 레이어 패널이 머리 부분 위에 놓여 있고, 패턴 레이어가 약간 들어가 있고, 아래로 향하는 화살표가 클리핑 마스크를 나타냄

애니메이션 준비

Golden은 생동감 있는 패턴을 만들기 위해 타임라인(창 > 타임라인)을 열고 재생 헤드를 00 표시로 드래그한 다음 타임라인에서 shyama_golden_pattern 레이어를 선택하고 재생 헤드에 맞게 이동했습니다.

애니메이션 타임라인이 일러스트레이션 하단과 겹쳐 있고, 재생 헤드가 타임라인의 시작 부분에 놓여 있음

아트 변형

애니메이션 속성을 정의하기 위해 패턴 레이어를 확장하고 변형 속성의 초시계를 클릭하여 변형 키프레임을 만듭니다.

재생 헤드를 05:00의 위치로 드래그하고 Ctrl+T(Windows) 또는 Command+T(macOS)를 눌러 자유 변형을 엽니다. 컨트롤 막대에서 피라미드를 클릭하여 참조점의 상대 위치를 사용하면 X와 Y가 0.00 픽셀로 변환됩니다. X를 -500, Y를 500으로 변경하여 패턴을 아래 왼쪽 방향으로 이동하게 합니다. 완벽하게 반복 재생되는 애니메이션을 만들려면 좌표를 500 단위로 설정하는 것이 중요합니다.

체크 표시를 클릭하면 새로운 키프레임이 만들어지고 애니메이션이 완성됩니다. 마지막으로 타임라인의 플라이아웃 메뉴에서 재생 루프를 선택하고 재생을 클릭하여 애니메이션을 테스트합니다.

Adobe Photoshop 애니메이션 타임라인에 키프레임 애니메이션의 마커가 표시되어 있음

물결치는 패턴 만들기

일러스트레이션의 다른 영역에 패턴을 추가하여 생동감 넘치는 합성 이미지를 만들어 보시기 바랍니다. 각 섹션에서 패턴의 배치를 변경하여 다양한 방향으로 움직이는 애니메이션을 시도해 보십시오.

움직이는 것처럼 보이는 흑백 셔츠를 입은 짧은 헤어스타일의 여성

참고: 이 튜토리얼에 포함된 프로젝트 파일은 실습 용도로만 사용하시기 바랍니다.

Adobe 로고

내 계정 로그인