Motion Design Process in After Effects Illustrator & Photoshop – Tutorial

안녕하세요 여러분, 저는 벤입니다 오늘은 After Effects에서이 "No

1"애니메이션을 어떻게 만들었는지 보여 드리겠습니다 시작합시다 이 애니메이터가 다른 훌륭한 애니메이터와 함께 작업하는 일련의 작품 중 하나 점에 의해 영감을 얻어 내 친구 인 애니메이터 인 Fede Cook 애니메이션의 요점은 먼저 숫자를 선택하는 것입니다 그리고 점의 숫자의 의미를 중심으로 작은 루프 애니메이션을 만드십시오 점성, 조금 별자리와 같이, 숫자가 우연을 제어 할 수 있다고 믿는 것입니다

아시다시피,이 아이디어는 매우 흥미 롭습니다 그래서 번호 1을 선택했습니다 먼저이 숫자의 그림을 자연스럽게 스케치했습니다 나는 실제로 더 많은 부정적인면을 보여주고 싶다 그래서 어떤 미신적 인 웹 사이트에 따르면

"당신이 인생의 첫 번째 길을 가고 있다면, 당신은 자기 중심적인 경향이 있습니다 그리고 까다로운 ", 그래서 이것은 내가 페인트하고 싶은 것입니다 그런 다음 일러스트 레이터 소프트웨어에 대한 자세한 그림을 그렸습니다 보통, 나는 마음에있는 모양과 표준의 대부분을 알아낼 때까지 색상에 대해 생각하기 시작하지 않을 것입니다 왜냐하면 나는 그림 그리기가 쉽지 않다고 생각하기 때문입니다

그래서 나는이 단계를 끌고 있고 그것을 다시 끌 수 없다는 것을 알고 있습니다 나는이 잎이 무언가를 덮을 수 있다고 생각한다 나는 그것이 무엇인지 모른다 이 문제가 무엇인지 알면 아래 메시지를 남겨주세요 청중의 상상력은 내가 아이들을 위해 그렸던 내용보다 훨씬 더 유머러스하다고 생각합니다

나는이 숫자 1이 황금이어야한다고 생각한다 그래서 더 큰 색차를 가진 짙은 청색과 짝을지었습니다 배경이 여전히 회색입니다 왜냐하면 나는 아직도 내가 뭘하고 싶은지 모르기 때문입니다 경우에 따라 After Effects로 이동할 계획입니다

Photoshop에 파일을 넣어 카메라 플래시의 음영 부분을 그립니다 나는 손으로 그린 ​​자연스러운 그래픽을 선호합니다 필자는 Illustrator에서 펜보다 더 많이 Wacom의 펜과 브러시를 사용합니다 그래서 나는 네 가지 다른 빛의 각도에서 그림자를 그린다 이러한 효과는 After Effects에서 플래시 효과로 만들 수 있습니다

지금은 원하는 결과를 얻을 수 있다고 확신하지 못합니다 그러나 나는 그것을 빨리 시도하고 싶지 않다면 돌아가서 다른 것을 시도해 보자 After Effects 소프트웨어를 방문했으며 현재 실시간으로 프로덕션 프로세스를 기록하고 있습니다 Photoshop 파일을 가져 와서 몇 가지 기본 사항을 플래그 처리하고 사전 처리했습니다 그래서 나는 뭔가 더 재미있는 것에 집중할 수 있습니다

일부 레이어는 이제 나를 덮고, 그러나 아래 코멘트 섹션에서이 애니메이션의 모든 자료를 내부에 넣을 것입니다 그래서 모두가 스스로 그것을 시도 할 수 있습니다 우선, 우리는 카메라의 플래시 효과를 만들 것입니다 그럼이 숫자 1의 몸 합성을 열어 봅시다 여기에는 카메라 플래시의 각기 다른 각도에서 4 개의 플래시 레이어가 있습니다

나는 그들을 서로 바꾸기를 원한다 그래서 나는 그것들을 모두 8 프레임으로 만들어야한다 좋습니다 그러면이 애니메이션을 반복으로 볼 수 있습니다 또한 더 빛나고 싶기 때문에 불투명도 속성을 변경하여이 작업을 수행해야합니다

나는 그것을 열고, 첫 번째 프레임에서 키 프레임을 만들기 위해 T 키를 누르기를 원한다 4 프레임 후에는 0으로 줄이고 싶습니다 6 프레임 후에 100으로 복원합니다 마우스 오른쪽 버튼을 클릭하고 "키 프레임을 유지하도록 전환"을 선택하여 전체 두 개의 키 프레임으로 변환합니다 키 프레임 간에는 트위닝이 없습니다

이렇게하면 4 프레임에서 100 % 불투명도에서 0 불투명도로 시작한 다음 100 %로 다시 돌아갑니다 이 방법으로 스위치를 열고 스위치를 열고 모든 레이어에 복사합니다 처음부터 시작하면 플래시의 효과를 볼 수 있습니다 아주 좋아요! 모두가 여전히이 플래시를 받아 들일 수 있기를 바랍니다 다음으로 배경을 만들어 보겠습니다

여기에 파란색 층이 있는데, 실제로는 파란색 필러가있는 단색입니다 이 부분은 노란색이며,이 레이어의 수직 가장자리에 블루밍 효과가 있습니다 동시에 디졸브 블렌드 모드도 적용했습니다 이는 "노이즈 및 질감 그라디언트"비디오에서 설명한 기법과 완전히 동일합니다 관심있는 친구가 내 채널에서 검색하고 볼 수 있습니다

그리고이 비디오에서 이러한 팁을 자세히 보여주었습니다 이제이 3D 효과 배경을 만들어 봅시다 즉, 카메라 플래시가 자주 깜박이고 회전합니다 실제로 After Effects 소프트웨어를 통해 이러한 효과를 얻는 방법은 다양합니다 내가 처음 생각한 생산 방법은 직감에 의해 실제로 생성되었습니다

그러나 다른 더 빠르고 효과적인 방법을 사용하는 경우 메시지를 남기고 나에게 말하십시오 우리의 주요 합성에서, 하나는 카메라 반복 합성 여기서 우리는 "카메라 행"이라는 합성을 볼 수 있습니다 이 합성에서 우리는 같은 카메라를 연속적으로 합성했습니다 왜냐하면 생산 초기에는 배경에 대해 아직 생각하지 못했습니다 그래서 색상과 브러시를 조정할 수 있다고 생각했습니다 이 카메라 구성 중 하나만 적용하면 전체 배경이 변경됩니다

이렇게하면 다른 스타일을 기반으로 변경하는 것이 더 쉬워집니다 이제이 반복 카메라의 합성을 살펴 보겠습니다 우리는이 행을 여러 번 복사해야합니다 먼저 8 번 올 수 있습니다 나는 다음 줄을 다시 내리고 싶다

그런 다음 선 도구를 사용하여이 작은 카메라를보다 고르게 배치하십시오 그런 다음 타일과 같은 패턴이 나타날 때까지 각 선을 선택하고 이동하십시오 투명성을 끄면 명확 해집니다 이제 루프 애니메이션 효과를 만들어 보겠습니다 그런 다음 여기에 라인을 연결하십시오

여기 마지막 라인이 있습니다 마커를 드래그하고 Ctrl r을 눌러 눈금자를 엽니 다 마커를 카메라의 왼쪽 가장자리까지 끝까지 드래그하십시오 이 단계는 더 정확해야하므로 확대해야합니다 마커를 카메라의 첫 번째 픽셀 가장자리와 같은 레벨로 드래그하십시오

그런 다음 애니메이션이 시작되는 곳입니다 위치 속성에 키 프레임을 삽입합니다 그런 다음 컴포지트가 끝나면 카메라를 다음 카메라로 드래그하고 사각형 이처럼 이제 다시 해보자 모두 반복해야합니다 좋은 이 키 프레임을 약간 축소해야합니다

그렇지 않으면 여기에 너무 많은 클립이 모아집니다 나는이 합성을 주요 합성보다 훨씬 더 크게 만들었다 그래서 우리는 그것을 넣을 수 있고 가장자리에 카메라가 사라지거나 잠시 동안 카메라가 사라지지 않도록 할 수 있습니다 또한 정상적인 뒤틀림 효과를 얻을 수 있습니다 그런 다음 Ctrl + Alt + Y를 눌러 새 조정 레이어를 만듭니다

워프 이름을 지정하십시오 (레이어의 이름을 지정해야합니다 !!!) 그런 다음 베 지어 뒤틀림 효과 (베젤 커브 변형) 그래서이 핸들을 사용하여 카메라에 워프 효과를 만들 수 있습니다 나는 이것들을 바닥에서 조절하고 상단에서 조절하여 아치 같은 효과를 낼 것입니다 카메라가 원통형 패턴으로 회전합니다 주요 합성물에 대해 다시 한번 살펴 보겠습니다

나는 그것을 아주 잘 본다 여기에서 합성 할 때, 나는 또한 약간의 플래시 실제로 다이아몬드 패턴에는 몇 가지 크기가 있습니다 이것은 플래시처럼 보인다 루프 텍스쳐 비디오도 있습니다 사실, 그것은 완전히 검은 색으로 그려진 종이입니다

그래서 모든 프레임이 다르게 보입니다 블렌드 모드를 스크린으로 설정했습니다 또한 포스터 화 된 시간 효과를 설정하고 프레임 속도를 125로 설정했습니다 이것은 내가 항상 좋아했던 자연스러운 손으로 그린 ​​느낌과 같습니다

마지막으로 모핑 변위 층 (turbulent displace) 크기가 2 픽셀로 설정되어 가장자리가 약간 낡은 것처럼 보입니다 Ok! 1 위 완료 아래의 정보 표시 줄에서 내 자료 다운로드 링크를 찾을 수 있음을 잊지 마십시오 이 비디오에서 언급 한 팁을 사용한다면 Instagram에 업로드하는 것을 잊지 마십시오 나에게 태그를 달아주세요, 저는 Ben_Marriott_입니다 그래서 그것을 전달하고 더 많은 시청자가 당신의 작품을 볼 수있게 할 것입니다

나는 모든 사람들의 일을보기 위해 기다릴 수 없다 시청 해 주셔서 감사합니다 마음에 드는 것을 잊지 마십시오