애니메이션이 잘못 설계되어 고통을 받지 않도록 하십시오. 다음은 After Effects 구성을 향상시키는 데 도움이 되는 세 가지 비디오입니다.
많은 모션 디자이너에게 프로젝트의 그래픽 디자인 부분은 아킬레스건처럼 느껴질 수 있습니다. 수년에 걸쳐 저는 최고의 모션 그래픽이 처음부터 강력한 그래픽 디자인 개념에서 출발한다는 것을 발견했습니다. 애니메이션 결과물로 번역할 수 있고 훌륭한 디자인의 기본 요소를 따를 수 있는 개념입니다.
그래픽 디자인의 핵심인 단색 팔레트, 좋은 선 작업, 뛰어난 레이아웃 및 타이포그래피보다 작업 가치를 높이는 더 좋은 방법은 없습니다.
이 비디오는 GCFLearner.org 프로젝트를 통해 Goodwill Community Foundation에서 제공합니다. GCFLearner.org 프로젝트는 해당 주제에 대해 자세히 살펴봄으로써 다양한 주제에 대해 사람들을 교육하는 데 도움이 되는 훌륭한 사명을 가지고 있습니다. 그것들은 사려 깊고 잘 만들어졌으며 많은 생각과 주의가 그것들을 만드는 데 들어가며 멋진 시각적 예와 함께 명확하고 간결한 방식으로 이러한 개념을 제시합니다.
뛰어들자!
1. 기본
가장 응집력 있는 느낌의 디자인은 모두 선, 모양, 형태, 질감 및 균형 요소가 있습니다. 이러한 요소를 올바르게 실행하는 것이 디자인 느낌을 만드는 것입니다. 오른쪽. 이 비디오에서는 이러한 기본 요소를 살펴봅니다.
라인 작업에 애니메이션을 적용하는 방식은 시청자의 눈을 특정 콘텐츠로 안내하고 청중이 화면의 초점으로 안내하도록 할 수 있습니다. 선을 애니메이션하여 간단한 그림을 만들 수 있습니다. 디자인에 활용하는 것이 중요합니다.
선은 무게, 색상, 질감 및 크기를 변경할 수 있어 엄청난 양의 애니메이션 가능한 속성을 제공합니다.
모양(모션 디자인 세계에서 종종 벡터 형태)은 그래픽 디자인의 구성 요소입니다. 이미지를 인식할 수 있게 만들고 구성에 시각적 무게를 제공합니다. 모양은 확실히 시각적 커뮤니케이션의 구성 요소 중 하나입니다.
우리의 마음은 모양 때문에 표지판, 앱 아이콘, 심지어 미술과 같은 많은 것을 이해합니다. 콘텐츠를 구성하고 분리하는 데 도움이 되는 모양을 사용하거나 애니메이션에 다른 레이어를 추가하는 간단한 일러스트레이션을 사용합니다.
Normform 및 Normform을 통한 이미지.
모양이 2D 공간에서 3D 공간으로 이동할 때 그래픽 디자인에서는 그 개념을 형태라고 합니다. 형태는 빛, 그림자 및 원근법을 사용합니다. 디자인의 거의 모든 요소에 양식을 적용할 수 있습니다.
그래픽과 모션 디자인 모두에서 형태는 사실주의를 가능하게 합니다. 디자인이 평면적일지라도 디자인을 좀 더 돋보이게 만들기 위해 추가할 수 있는 미묘한 형태 요소가 있습니다.
질감은 표면의 촉각적 또는 물리적 품질입니다. 디자인에서 그것은 실제일 수도 있고 모양과 선 작업에 의해 암시될 수도 있습니다. 질감은 디자인 세계에서 보는 사람이 디자인을 보다 실감나게 느낄 수 있도록 합니다.
또한 텍스처는 훌륭한 배경 요소를 만들고 모션 디자인에 깊이 있는 레이어를 추가합니다(시각적 흥미를 제공하기 위해 애니메이션을 적용할 또 다른 요소).
균형은 시각적 가중치의 분포이며 색상, 크기, 수 및 음수 공간의 영향을 받을 수 있습니다. 컴포지션의 균형이 잘 잡혀 있으면 다양한 형태를 취할 수 있습니다. 대칭일 수도 있고 아닐 수도 있습니다. 직관이 필요하기 때문에 마스터하기 어려운 그래픽 디자인 요소 중 하나입니다.
디자인에 대한 영감을 얻고 무드 보드를 만들 때 선택한 조각의 시각적 균형에 세심한 주의를 기울이십시오. 머지 않아 그것은 당신에게도 본능적일 것입니다.
3분의 1 법칙은 시각적 균형을 마스터하려고 할 때 탐색하는 데 유용한 주제가 될 수도 있습니다.
2. 색상
색상은 감정을 불러일으키고 텍스트를 사용하지 않고 개념을 시각적으로 전달하는 데 도움이 됩니다. 색상 이론은 수세기 동안 연구되었습니다. 신중한 관점에서 색상을 보면 디자인의 모든 것이 바뀔 수 있습니다.
색상환은 기본 색상과 보조 색상의 조합입니다. 색조, 채도 및 값을 모두 수정하여 색상을 조정할 수 있습니다.
색조는 당신의 색입니다. 채도는 해당 색상의 강도입니다. 그리고 값은 색상의 어둡거나 밝음을 나타냅니다.
시각적으로 매력적인 색상 팔레트를 만드는 몇 가지 공식이 있습니다.
단색 색상 공식
단색 색 구성표는 만들기가 가장 쉽습니다. 색상환의 한 색상에 초점을 맞춘 다음 명도 및 명암 값을 수정합니다.
유사 색상 공식
유사한 색 구성표는 색상환에서 서로 옆에 있는 색상을 사용하여 만들어집니다.
무료 색상 공식
서로 다른 색상환의 반대쪽에 있는 색상을 사용하여 무료 색상 팔레트를 구성합니다. 두 가지 색상 외부로 색상 세트를 확장하려면 색상의 채도와 값을 수정할 수 있습니다.
보색 분할 공식
분할 보색 체계는 색상의 보색에 인접한 색상을 사용하여 형성됩니다. 채도와 밝기를 수정하면 분할된 보색 구성표 내에서 흥미로운 옵션을 제공할 수 있습니다.
트라이어딕 컬러 공식
Triadic 색상표는 색상환에서 동일한 간격의 세 가지 색상을 사용합니다. 그들은 완전한 정삼각형을 형성합니다.
테트라딕 컬러 포뮬러
Triadic 색상 팔레트는 두 개의 보색 쌍을 사용하여 만들어지며 색상환에서 완벽한 직사각형을 형성합니다.
한 가지 색상을 선택하여 4색 조합을 지배하고 나머지를 악센트로 사용하는 것이 좋습니다.
색상 결합
색상은 ~ 아니다 눈에 너무 강렬하다. 흔들리는 효과(악이 아니라 선을 위해 사용됨)를 유발할 수 있습니다. 기본 색상 이론을 위해 피하는 것이 좋습니다.
색상의 어둡고 밝음(값)을 수정하여 이 문제를 해결할 수 있습니다. 가독성도 중요합니다. 때로는 시청자 및/또는 청중이 색상을 사용하지 않고 특정 요소를 회색, 검정색 또는 흰색으로 표시하는 것이 가장 좋습니다.
마지막으로, 감정을 불러일으키는 색상의 능력을 잊지 않는 것이 중요합니다. 색상의 심리적 영향과 문화 및 지리적 위치에 따라 색상이 어떻게 다른지에 대한 수많은 연구가 수행되었습니다.
3. 레이아웃 및 구성(디자이너처럼 생각하기)
레이아웃과 구성은 디자인에 구조를 부여하고 시청자가 애니메이션과 함께 보내는 정보를 더 쉽게 탐색할 수 있도록 합니다.
잘못 구성된 레이아웃은 지저분하고 혼란스러워 보입니다. 그래서, 당신이 가지 않을 경우 저것이러한 기본 디자인 레이아웃 및 구성 고려 사항을 확인하십시오.
근접성
근접성은 항목 또는 그룹이 항목이 서로 관련하여 간격을 두는 방식입니다. 일반적으로 텍스트, 일러스트레이션 또는 아이콘과 같이 서로 관련된 정보 블록은 그룹화해야 합니다. 또한, 이러한 그룹은 쉽게 식별할 수 있는 방식으로 고유한 정보 그룹화를 표시하도록 분리되어야 합니다.
여백
여백에 대한 또 다른 용어는 음수 공간입니다. 선 사이, 컴포지션의 외부 여백 또는 아이콘이나 정보 블록 사이의 공간을 나타냅니다.
구도가 어수선하게 느껴진다면 여백을 고려하십시오.
조정
적절한 정렬에 접근하는 한 가지 방법은 없으며 핵심은 일관성입니다. 컴포지션 조각을 서로 정렬하는 방법을 결정했으면 나머지 디자인 선택 항목에서 정렬을 유지해야 합니다.
차이
대비는 항목 간의 시각적 병치입니다. 구성의 특정 부분에 주의를 환기시키는 데 사용됩니다. 대비를 만드는 방법에는 여러 가지가 있습니다.
크기를 대조하여 개체의 시각적 무게를 조정할 수 있습니다. 부드러운 질감과 거친 질감을 조합할 수 있습니다.
텍스트는 또한 대비를 보여주는 강력한 방법입니다. 세리프체와 산세리프체를 혼합하거나 손으로 그린 스타일과 정말 깔끔하고 모던한 폰트를 조합할 수 있습니다.
대비는 보는 사람이 쉽게 이해할 수 있는 정보 계층 구조를 구축하는 데 중요합니다.
되풀이
반복은 모든 프로젝트가 특정 요소(색상 팔레트, 텍스트 서식, 균일한 선 작업 등)를 반복하여 정의된 모양과 느낌을 가져야 한다는 개념입니다. 반복은 청중을 편안하게 만들고 이야기에 몰입하게 합니다.
전체 애니메이션에 일관된 색 구성표가 있거나 특정 아이콘 애니메이션이 반복되면 시청자가 산만함 없이 자료에 더 쉽게 집중할 수 있습니다. 이것은 모션 디자인의 세계에서 특히 중요합니다.
모션 작업의 반복에는 숨겨진 레이어가 있습니다. 또한 애니메이션 속도, 속도 및 스타일이 일관되고 전달하려는 스토리에 필요한 경우에만 거슬리는지도 확인해야 합니다.
그래픽 디자인의 빌딩 블록이 있습니다. 숙련되고 편안해지기 위해서는 연습이 필요하지만 구성을 만들 때 이러한 디자인 이론, 개념 및 규칙을 염두에 두는 것은 모션 그래픽을 더 높은 수준으로 끌어올릴 것입니다.
표지 이미지를 통해 마이크로원.