30. [강의] Illustrator (6)

[강의]

 

6. 3D 기능을 활용한 Key Visual 디자인

 

6-1. Key Visual의 이해

 

1) 개념

- Key Visual, 브랜드나 캠페인의 정체성을 보여주는 핵심 시각 요소

 

2) 예시

- 브랜드 관점에서 디자인을 잘한 사례

- 다양한 매체에 어떻게 녹여서 디자인하는가?

옥외 광고물 배너 / 에코백 제작

 

- 키비주얼 디자인은 행사, 페스티벌, 캠페인의 키가 되는 하나의 핵심 비주얼을 만들어 다양하게 적용해 시각적 일관성을 보여주는 것

- 쉽고 빠르게 인지시켜서, 기억에 남게 만든다!

 

2) 역할

(1) 메시지 전달: 콘셉트를 직관적으로 이해시킴

(2) 시각적 일관선: 전체 프로모션의 톤앤매너를 주도

(3) 시선 유도: 메인 이미지로서 즉각적인 주목을 유발

 

3) 구성 요소

 

(1) 핵심 메시지 요소

- 브랜드의 핵심 가치나 캠페인 슬로건에 맞는 핵심 키워드 설정

- 이 키워드를 시각 언어로 변환하는 것이 핵심

- ex) 혁신 - 미래적 형태 / 금속 재질 / 블루 톤

 

(2) 시각 구성 요소

 

(3) 시각적 계층 구조

- 무게감을 잘 구분해서 정리해야 한다

 

4) 확장성

- 다양한 매체에서 일관성 유지, 상황에 따른 유연한 적용

 

• 올리브영

- 영문 가독성, 가시성을 높인 형태

- 타원이 겹쳐진 형태로 배경에 올리브를 배치한 것

무게감 조절 잘한 사례

 

• KIAF

 

- 다층적으로 해석되는 캔퍼스

- 매체와 포맷이 달라져도 확장 가능성이 용이한 키비주얼

- 어떤 매체에 확장할 것인지 사전에 고려해서 제작할 필요가 있다

 

• Hyndai

 

- 리뉴얼 컨셉 '듀얼리티' 

- H

- 과거의 유산, 오늘날 시대가 원하는 니즈가 공존하고, 상반되는 가치가 대비와 조화를 이루는 듀얼리팅

- 컬러 콤비네이션을 특징적으로 잘 사용했다

 

5) Key Visual 기획

 

(1) 이천도자기축제

 

(2) 기획 기본 정보

 

(3) Brainstorming

- 제한을 두지 않고, 마구 흩뿌려서 키워드 찾기

- 어떤 키워드가 강력하게 다가오는지 찾기

- 키워드를 어떻게 시각화하면 좋을지 구상하기

- 행사의 취지 생각하기

- (과거) 진행된 과정

- 축제 다녀온 사람들의 후기

- 어떤 포스터의 느낌에 끌릴지

- 색상톤, 공간감 등 각자의 방식으로 정리해보기

- 타이틀 표현 등 타이포그래피 고민

- 리서치한 내용, 이미지를 모아서 자료 정리하기

- 절대로 내 머리를 믿지 말기, 기록하기!

- 최소 2가지 안 

 

[실습] 기획 + 디자인

---

 

6-2. 3D 오브젝트 만들기

 

1) 3D and Materials

 

(1) Plane

Plane

 

(2) Extrude

 

- Bevel: 모양, 테두리를 입체화하고 경사 모양에 따라 여러가지 형태를 만들 수 있다

- 폭, 높이 등 조절 가능하다

- 직관적으로 사용하자..^^

- 처음부터, 내가 원하는 각도를 설정하기 어렵다. 비슷한 형태를 선택하고 수정하는 게 더 빠른 길..

 

(3) Revolve

- 오브젝트를 축을 중심으로 회전시켜서 입체로 만들어준다

왼쪽 모서리 / 오른쪽 모서리

- 완전한 형태를 만들려면 360도 설정

 

- 회전 설정에 따른 형태

 

(4) Inflate

- 평면 오브젝트를 부풀려서 입체 형태롤 만드는 것

 

2) 3D 오브젝트 만들기

 

3) 실습

---

6-3. 3D 오브젝트에 텍스처 입히기

 

• 모델링: 텍스쳐, 조명 등을 통해 입체적인 형태를 만드는 과정

• 렌더링: 모델링한 입체 형태에 텍스쳐, 조명을 설정해 최종 결과물을 하나의 장면으로 만들어내는 것

 

1) Materials

 

- 재질 표현

 

- Symbol을 3d 오브젝트의 그래픽으로 등록할 수 있다

- 직관적으로 그래픽을 얹을 수 있게 !

- 정확하고 깔끔하게 하고 싶으면, 3D Classic으로 적용하기

 

2) LIghting

조명색

- ambiant light: 주변광, 이를 활성화하면 그 주변광의 빛의 강도를 조절하는 것

shadow

- 조명 설정 전에 그림자 설정하기..

- 렌더링하기 전이라 그림자가 진하게 보이는 것..

 

3) Rendering

렌더링

- 벡터로 렌더하기: 재질에서 적용한 그래픽을 벡터로 보여주는 것, 형태는 적용되지만, 그림자 적용은 안된다

 

4) 예제 / 실습

---

6-4. Key Visual 디자인

 

1) Key Visual Ideation

텍스트 기반 아이디에이션

사발: 대중적, 서민적

- 생뚱맞은 디자인..이 필요하다..?

2) 실습

- (신입 기준) 재밌는 것을 할 수 있는 디자이너가 되기

---

6-5. Key Visual 확장하기

 

- 다른 매체에 적절하게 적용하는 과정에서 디자인적인 판단을 잘 해야 한다

 

1) Key Visual Appilcation

목업이미지

 

• 가로등배너 (600*1800)

 

• 옥외광고판 (광고판에 따라 크기 달라짐)

• 가로형배너 (4900*500)

 

2) Key Visual Mock-up

 

 

3) 실습

---

완강...

- 완강이 중요한 게 아니다. 일단 진도는 다 나갔으니, 이제 못한 실습으로 반복학습하자.. 듣기만 하면 내게 아니다..