Kendall Plant가 색상을 사용하여 미세한 움직임을 연출합니다. Adobe Photoshop에서 그레이디언트를 변형하여 생동감 있게 만드는 방법을 확인하세요.

자연, 거리 사진, 때로는 해골을 모티브로 한 독창적인 작품을 제작하고 있는 Kendall Plant는 디자이너, 콘텐츠 크리에이터, 아트 디렉터로 활동하고 있으며, Adobe에서 크리에이티브 디렉터로 일하고 있습니다.

필요한 사항

앱에서 연습

Photoshop 열기

그레이디언트와 애니메이션을 적용하기 전에 먼저 단색 배경에 장식적인 타이포그래피를 사용하여 디자인 요소를 만듭니다.

단색 조정 레이어를 합성 이미지의 배경으로 사용합니다. 첫 색상을 파란색(#2727D5)으로 설정합니다.

새 레이어를 추가하고 부드러운 원 브러시(B)를 선택한 다음 분홍색(#ff25de)으로 설정하고 모퉁이를 큰 색상 견본으로 칠합니다. 세 번째로 청록색(#4befff)을 추가하여 그레이디언트를 자유롭게 만듭니다.

그레이디언트의 색상을 보정하기 위해 색조/채도 조정 레이어를 적용하고 채도를 높입니다.

그레이디언트가 완성되면 Shift 키를 누른 상태에서 두 조정 레이어와 그레이디언트 레이어를 클릭하여 다중 선택한 다음 마우스 오른쪽 버튼으로 클릭하고 고급 개체 만들기를 선택합니다. 고급 개체를 마우스 오른쪽 버튼으로 클릭하고 클리핑 마스크 만들기를 선택하여 텍스트에 그레이디언트를 통합합니다.

이 효과에 애니메이션을 적용하려면 창 > 타임라인을 선택하고 비디오 타임라인 만들기를 선택합니다. Photoshop에서 타임라인에 잠기지 않은 각 레이어를 추가합니다.

텍스트를 채우는 그레이디언트 색상을 변형하여 애니메이션을 적용합니다. 시작하려면 Ctrl+T(Windows) 또는 Command+T(macOS)를 누른 상태에서 그레이디언트의 크기와 위치를 조정하고 Enter/Return을 눌러 변경 사항을 적용합니다. 타임라인의 색조/채도 레이어 옆에 있는 드롭다운 화살표를 클릭하고 변형 속성 옆에 있는 초시계를 클릭하여 애니메이션의 첫 번째 키프레임을 설정합니다.

타임라인에서 재생 헤드를 앞으로 이동하고, Ctrl+T/Command+T를 누르고, 그레이디언트 레이어를 이동하고 회전한 다음 Enter/Return을 눌러 다음 키프레임을 생성합니다. 이 프로세스를 반복하여 애니메이션에 키프레임을 두 개 더 추가합니다.

애니메이션을 완성하려면 재생 헤드를 애니메이션이 종료될 지점으로 이동합니다. 첫 번째 키프레임을 마우스 오른쪽 버튼으로 클릭하고 복사를 클릭한 다음 마지막 키프레임을 마우스 오른쪽 버튼으로 클릭하고 붙여넣기를 선택합니다.

마지막 위치에서 재생 헤드를 마우스 오른쪽 버튼으로 클릭하고 작업 영역 끝 설정을 선택하여 애니메이션 구간을 정의합니다. 톱니바퀴 아이콘을 클릭하고 재생 루프를 체크 표시하여 반복 효과를 만든 다음 재생을 클릭하여 애니메이션을 테스트합니다.

애니메이션이 재생되는 동안 어느 시점에서 그레이디언트의 흰색 가장자리가 보이는 경우 이를 손쉽게 해결할 수 있습니다. 흰색 가장자리가 보일 때까지 타임라인에서 재생 헤드를 스크러빙합니다. Ctrl+T/Command+T를 사용하여 디자인의 테두리에 맞게 그레이디언트를 변형하고 이동합니다. 필요에 따라 이러한 단계를 반복합니다. 그레이디언트를 변형할 때마다 키프레임이 추가됩니다.

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