초보자를위한 웹 모션 Tom Green의 개요

• 할 수있다 2, 2024

이 lynda.com 일련의 프로젝트 기반 과정에서 초보자를위한 웹 모션Tom Green은 웹 기반 모션 그래픽을 처음부터 끝까지 가르칩니다. 이 과정에서 5 개의 프로젝트를 모두 구축하게됩니다.

개요

Green은 성공적인 프로젝트를위한 중요한 고려 사항에 대한 개요를 시작합니다.

먼저 Green은 애니메이션의 목적과 달성 방법에 대해 설명합니다. 태블릿 장치에서 한 화면에서 다른 화면으로 전환하는 예를 사용하여 애니메이터가 제어하는 ​​개별 매개 변수로 애니메이션을 분해합니다.

Green은 성공적인 프로젝트를 만들기 위해 객체를 움직여 애니메이션이 스토리 텔링하는 방법과 가장 중요한 두 가지 질문에 대해 설명합니다. 그는이 과정에 도움이되는 스토리 보드 사용을 보여줍니다.

다음으로 Green은 애니메이션 프로젝트의 계획 프로세스 및 워크 플로우에 대해 설명합니다. 그는 워크 플로의 모든 단계와 프로젝트 관리자가 정해진 마감 시한에 완료된 프로젝트에 도달하기 위해 각 단계에 대한 시간과 비용을 모두 책정하는 방법을 지적합니다.

다음 녹색은 프로젝트의 성공에 조직이 어떻게 중요한지를 보여줍니다. 글꼴, 미디어, 텍스트 및 이미지와 같은 프로젝트의 다양한 자산을 프로젝트 폴더 내의 전용 하위 폴더로 구성하는 방법에 대해 설명합니다.

Green은 또한 브라우저 호환성 및 재사용 가능한 컨텐츠와 같은 프로젝트 계획에서 가장 일반적인 함정에 대해 논의합니다. 또한 "Web Motion Toolbox"에 보관하는 소프트웨어를 소개합니다.

이 간단한 개요를 마치면 5 가지 프로젝트 기반 비디오 자습서 중 하나를 시작할 수 있습니다.

시차 효과 만들기 -Google Web Designer로 시차 효과를 사용하여 깊이와 모션을 만듭니다.^{아르 자형}, 플래시 CC^{아르 자형} 가장자리 애니메이션^{아르 자형}.

CSS 스프라이트 시트 애니메이션 -스프라이트 시트는 웹 및 태블릿 장치에 애니메이션을 최적화하는 한 가지 방법입니다.

프리 로더 생성 -After Effects를 사용하여 사전로드 된 빌드^{아르 자형}, 포토샵^{아르 자형} 또는 불꽃 놀이^{아르 자형} 그리고 Edge Animate.

애니메이션 배너 광고 만들기 -모션과 인터랙티브 한 웹 배너를 구축하십시오.

최종 프로젝트 -이 최종 프로젝트는 Illustrator를 사용하여 배너 광고를 만들 때 이전 프로젝트에서 배운 모든 기술을 결합합니다.^{아르 자형}, Photoshop 및 Edge Animate.

이 일련의 짧은 코스를 완료하면 계획에서 완료까지 웹 모션 그래픽의 작성 프로세스를 더 잘 이해할 수 있습니다.

lynda.com에 관한 Tom Green의 다른 비디오 튜토리얼은 다음과 같습니다. HTML5 비디오로 시작 및 실행, Edge Animate를 사용하여 대화식 프로젝트 만들기, Fireworks CS6 워크샵 과 Fireworks CS3 필수 교육.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

공개 : 나는이 기사에 대해 재정적으로 보상을받지 않았다. 의견은 내 경험에 따라 완전히 나 자신입니다.

비디오 지침: How to Draw 1-Point Perspective for Beginners: A Hallway (할 수있다 2024).