그래픽디자이너 최인 Details
소개 영상
그래픽 디자이너, 최인
“앞으로 가능성이 더욱 무궁무진한
3D 인터랙티브 웹에 가장 먼저
입문해, 업계에서 먼저 알아보는
그래픽 디자이너로 성장해 보세요."
방대한 규모의 예제와 커리큘럼!
3D 웹 사이트 올인원 클래스
단순히 내가 만든 2D 작업물을
3D 그래픽화하는 것을 넘어,
애니메이션과 인터랙션을 부여해
움직이는 3D 웹을 만들 수 있다면?
3D와 코딩에 대한 지식이 전무한
그래픽 디자이너도 부담 없이,
C4D를 활용한 3D 그래픽 표현법부터
애니메이션, 크리에이티브 코딩,
인터랙션, 웹 UI 구축까지!
유명 기업들과 협업한 그래픽
디자이너 최인이 총 50강의
커리큘럼과 39개의 단계별 예제로
쉽고 재미있게, JavaScript를 비롯한
HTML과 CSS 등 웹 개발에 대한
진입장벽을 확 낮춰 드리겠습니다.
차별화된 3D 인터랙티브 웹 사이트
포트폴리오로 취업 시장에서 우대받는
3D 그래픽 디자인&코딩 역량을 동시에
기를 수 있는 기회, 지금 만나보세요.
클래스 정보
영상 50회
강의 시간: 한 회차당
약 30분 내외
난이도: 초중급
평생 시청
사용 프로그램
- Cinema 4D (3D 프로그램)
- Visual Studio Code
(프로그램)
- Redshift (플러그인)
- JavaScript (언어)
- Three.js (라이브러리)
동영상 정보
온라인 VOD
오디오 : 한국어
자막 : 없음
클래스 혜택
- 예제 모델링 원본 파일
(Cinema 4D)
- 인터랙션이 가능한
예제 소스코드 파일
(HTML, CSS, js)
- 강의안 (PPT)
그래픽 디자이너 최인의
인터랙션이 돋보이는
3D 웹 사이트 포트폴리오
2020 제18회 아시아나국제단편영화제 티저
모션그래픽 담당
(Designed by. Everyday Practice)
-
2021 서울도시건축비엔날레 3D 키비주얼 및 애니메이션 제작
(Directed by. Everyday-practice) -
대전 에너지스테이션 03: 깨어나 소리치다 전시 영상 작가
-
국립중앙박물관 - 아시아를 칠하다 모션그래픽 담당
(Designed by. Everyday Practice) -
Trippic 모션그래픽 보이스, 사운드 제외 전체
국내 외 기업들이
3D·인터랙티브 웹에
주목하는 이유
로드맵
C4D로 시작하는
3D 인터랙티브 웹 디자인 입문
그래픽 디자이너 최인의
클래스가 특별한 이유
정형화된 웹 레이아웃을
벗어난 3D 인터랙티브
웹 디자인 클래스
인터랙티브 웹 사이트,
2D에 한정한 디자인이 아쉬웠거나
3D 소스를 웹상에 적용하는 법을
몰라 헤매고 있었다면 주목하세요.
기존의 렌더링 된 모션이 아닌,
실시간으로 동작하는 '3D 모션그래픽'과
이를 활용한 '인터랙티브 웹 사이트'
제작법을 동시에 익힐 수 있는 기회!
여기에 내부 소스만으로 3D 모델링,
애니메이션, 인터랙션은 물론
시스템 자동 생성으로 손쉽게 다양한
베리에이션을 탄생시키는 효율화
노하우까지 더해드립니다.
이번 클래스를 통해
디자인, 개발, 기획 역량을 고루 갖춰
미디어와 관련된 어떤 프로젝트든
소화시키는 디자이너로 성장해 보세요.
총 30여개 모델링으로
3가지 컨셉의 3D 인터랙티브
웹 사이트를 제작해봅니다.
Step 01. 3D 그래픽과 모델링
C4D를 활용해 그래픽 디자이너들을
위한 입문 난이도의 3D 모델링을
실습하고, 웹에 사용할 수 있는
모델링 파일을 만들어봅니다.
-
모델링 01 -
모델링 02 -
모델링 03
Step 02. 인터랙션 구현
웹에서 3D 그래픽을 움직이기
위한 JavaScript, Three.js의
기초를 배우고, 6가지 인터랙티브
요소를 직접 구현해 봅니다.
Step 03. 3D 인터랙티브 웹 사이트
사용자 인풋에 반응하는 3가지
테마의 공간을 구상해 보고
모델링, 렌더링 등을 해보며 3D
인터랙티브 웹 사이트를 제작해 봅니다.
*위 예제는 해당 클래스에서 실제로 제작하게 될 예제입니다.
최인
그래픽 디자이너
안녕하세요,
3D, 2D 모션그래픽 디자이너
및 프론트엔드 개발자로
활동하고 있는 최인입니다.
저는 시각디자인을 전공 후
그래픽 스튜디오 "일상의실천"에서
모션그래픽 디자이너이자
프론트엔드 개발자로 본격적인
커리어를 쌓아왔는데요.
현재는 브이코드 스튜디오를
운영하며 나이키, 애플, 우아한형제들과
같은 국내외 유수의 기업·기관들과
꾸준히 모션그래픽 및 웹 개발
프로젝트를 진행 중입니다.
이외에도 일상의실천, 안그라픽스 등
국내 디자인 에이전시 및 스튜디오와
활발한 협업을 펼치고 있습니다.

그래픽 디자이너 최 인
현) 브이코드 스튜디오 대표
전) 일상의실천 모션그래픽 디자이너 및 프론트엔드 개발자
이력 더보기
[참여 프로젝트]
2022 나이키 월드컵 HERO: 3D 그래픽, 모션
2021 서울도시건축비엔날레 메인포스터: 3D 그래픽, 모션
2021 안그라픽스 공공디자인 교과서: 3D 그래픽
2021 Singapore Management University 안내 키오스크 소프트웨어 프로그램 개발
2020 우아한형제들 배민다움, 기술블로그, 우아한 크리에이티브 웹사이트: 프론트엔드 개발
2020 행복의기호들 전시: 3D 그래픽, 모션, 프론트엔드 개발
클래스 특징
실무 방식 그대로 배우는
고퀄리티 3D 웹 디자인
단순히 모션만 화려한 웹 사이트를 만드는 것이 아닌, 유저와의 상호 작용을 웹상에서 구현하는 심화 과정까지 함께 다뤄보며 프론트엔드 영역에 대한 이해까지 키워봅니다.
웹 사이트에 최적화된
트렌디한 3D 그래픽 제작법
웹에서 읽어들일 수 있는 포맷으로 설정하는 법부터 간단한 C4D 기능으로 요즘 유행하는 풍선 재질과 주름 질감 연출법 등 3D 그래픽 표현의 기초, 응용, 심화 스킬을 다양하게 다뤄봅니다.
포트폴리오 제작&실무에
즉시 활용 가능한 실용적인 노하우
국내 및 해외 기업에서 인터랙티브 웹사이트를 어떻게 활용하는지 살펴보고, 3D 그래픽과 모델링, 크리에이티브 코딩을 배워 나만의 디자인이 돋보이는 웹사이트를 만들어 실무에 활용하는 방법을 알아봅니다.
클래스 구성
이런 것을 배웁니다
-
3D 그래픽과 모델링: C4D 입문약 30여 개의 연습 예제를 통해 C4D 툴 사용법부터 기초 조형을 활용한 모델링, 텍스처링, 색상, 조명 카메라 세팅, 애니메이션 등을 배워봅니다. -
코딩 기초 01: JavaScript변수의 종류, 반복문과 조건문, Funtion을 활용한 기능과 인터랙션 부여 등 JavaScript의 개념을 학습해 웹 디자인 및 구현을 위한 초석을 다져봅니다. -
코딩 기초 02: Three.jsJavaScript의 대표 라이브러리인 Three.js 기초를 바탕으로 카메라의 화각과 이동, 글로벌 광원과 단방향 광원 등을 익혀 직접 세팅까지 해봅니다.
-
크리에이티브 코딩: 6가지 미니 예제작업한 모델링을 활용해 스크롤, 방향 키, 클릭에 반응하는 인터랙션과 파티클을 생성하여 화면을 꾸미는 법, 흐르는 텍스트 애니메이션 제작법 등을 실습해 봅니다. -
3D 인터랙티브 웹 사이트 제작 01: 디자인앞서 배운 내용을 종합해 총 3가지 테마의 인터랙티브 웹사이트를 디자인해 봅니다. 3D 모델링, 장면 구성, 질감, 베이킹 작업을 통해 웹에서 사용할 3D 디자인 작업을 해봅니다. -
3D 인터랙티브 웹 사이트 제작 02: 퍼블리싱작업한 예제를 홈페이지에서 어떻게 보이게 할지 장면을 구상해 보고, 기초 HTML, CSS를 배워 간단한 수정 작업을 마친 후 최종 퍼블리싱까지 함께 해봅니다.
- 평생 수강
- 최저가
한번 구매로, 평생 시청하세요.
12.31 (토) 가격이 인상됩니다.
조만간 가격이 인상될 예정입니다.
지금 구매하세요!
인터뷰
그래픽 디자이너 최인이
전하고 싶은 이야기
스스로의 강점은
무엇이라고 생각하시나요?
디자인 스튜디오 "일상의실천"에서 모션그래픽과 프론트엔드 영역을 동시에 다루며 커리어를 시작한 만큼, 두 분야에 대한 연구를 꾸준히 진행해오고 있는데요. 3D 그래픽과 웹 개발의 영역을 조화롭게 사고하고 표현할 수 있다는 점이 저의 가장 큰 강점이라고 생각합니다.
이번 클래스의
주요 포인트는 무엇인가요?
이번 클래스는 2D에 국한되어 있던 인터랙티브 웹 디자인을 3차원으로 이끌어낸 것은 물론, 실제로 개발까지 한 번에 경험해볼 수 있는 풀 커리큘럼으로 준비했습니다. 특히 평소 3D나 코딩에 어려움을 느끼셨던 그래픽 디자이너 분들께 큰 도움이 되었으면 좋겠습니다.
어떤 분들에게
이번 클래스를 추천하나요?
그래픽 디자인 계열에도 웹사이트 제작과 모션그래픽, 3D 그래픽을 요구하는 클라이언트들이 이전에 비해 정말 많아졌는데요, 코딩과 3D그래픽, 혹은 둘 다에 관심을 가지고 있거나, 자신의 포트폴리오 사이트를 임팩트 있게 꾸미고 싶은 디자이너 분들께 추천드립니다.
사용 프로그램
안내드립니다.
본 강의는 Cinema 4D와 Redshift, Visual Sudio Code, Node.js, JavaScript, Three.js로 진행됩니다. 원활한 수강을 위해 최신 버전의 해당 프로그램을 별도로 구매 및 설치해주시길 바랍니다.
* Redshift (플러그인), JavaScript (언어), Three.js (라이브러리)로 구분됩니다.
* 프로그램 및 준비물은 별도로 제공하지 않습니다.
















