[11월0원]크리에이티브 코더 정효 Details
소개 영상
크리에이티브 코더, 정효
“마우스, 키보드, 사운드,
웹캠 영상 등 인풋 데이터와
함숫값을 가공하는 여러 사례를
학습하여 인터랙티브의 원리에
대한 이해를 높여보세요.”
전시, 그래픽 디자인 등
활용도 높은 인터랙티브 디자인,
입문부터 완성까지!
실험적이고 역동적인 디자인으로
나의 포트폴리오에 차별화를 더하고 싶다면?
전시장, 광고, 대형 사이니지 속
실시간으로 반응하는 현란한
아트워크를 직접 제작하고 싶다면?
TouchDesigner와 p5js를 활용해 누구나
나만의 인터랙티브 콘텐츠를 완성해 보는
이번 클래스를 놓치지 마세요.
복잡해보이는 코딩이라고 겁먹지 마세요.
TouchDesigner는 텍스트 코딩과 달리
코딩 입문자도 직관적으로 해석할 수 있습니다.
또한 언리얼, 웹 등 다양한 툴과의 호환성도 뛰어나
실무 필드에서 신흥 강자로 떠오르고 있습니다.
웹사이트부터 전시, 영상, 그래픽 디자인 등
무궁무진한 활용 범위를 자랑하며,
한 번 배우면 나만의 크리에이티브를
제한 없이 적극 실현할 수 있는 인터랙티브 디자인!
지금 바로 콜로소에서 직접 경험해 보세요.
'TouchDesigner'와 'p5js'란?
노드 방식의 TouchDesigner
TouchDesigner는 실시간 대화형 멀티미디어 콘텐츠를 제작하기 위한 노드 방식의 비주얼 프로그래밍 언어로, 실무 속 타 툴과의 호환성이 좋아 최근 디자인 업계에서 각광받고 있는 툴입니다.
커맨드 입력 방식의 p5js
p5js는 웹/앱 상에서 인터랙션 콘텐츠를 구현하기 위한 커맨드 입력 방식의 JavaScript 라이브러리의 일종으로, 웹 에디터를 통해 복잡한 Html, css 과정 없이 손쉬운 조작이 가능합니다.
크리에이티브 코더
정효
연사의 포트폴리오
크리에이티브 코더 정효의
클래스가 특별한 이유
TouchDesigner와 p5js
방식을 한 번에 배우는
인터랙티브 아트워크 제작 클래스
트렌드를 따라가는 것이 아닌,
트렌드에 앞선 디자이너가 되고 싶다면 더 이상
인터랙티브 아트워크 제작하기를 미루지 마세요.
이번 강의에서는 정적인 디자인을 넘어
다이내믹한 아트워크를 제작하기 위해 알아야 할
노드와 커맨드 입력 방식의 코딩을 모두 만나봅니다.
인터랙티브 비주얼 콘텐츠를 제작하기 위한
각종 툴을 30여 가지의 예제를 통해 다루어보며,
나에게 맞는 툴을 직접 선택하고 표현법까지 익혀봅니다.
지금까지 외면했지만, 업계에서 경쟁력 있는
디자이너로 거듭나기 위해 꼭 알아야 할
'인터랙티브 아트워크'
국내 유일무이한 이번 강의를 통해
생생하게 경험해 보시기 바랍니다.

크리에이티브 코더 정효
현) 프리랜서 개발자
현) 크리에이티브 코딩 문화공간 둥지 대표
이력 더 보기
[참여 프로젝트]
설화수 컬쳐프로젝트 캠페인 영상 2022
DMZ 탐험 웹게임 <이름없는 땅> 2021
컨버스 올스타 프로모션 웹사이트 2021
세계문자심포지아2017 웹사이트 2017
[전시]
김중업건축박물관 특별전시 [미디어 아키텍쳐: 김중업, 건축예술로 이어지다]
Kote 그룹전 <Continuous Flow>
[공연]
JSCONF KOREA 2020 클로징 퍼포먼스
<TRACERS 2.5> 현대미술 퍼포먼스
부천아트벙커 B39 <PRECTXE : SHOWCASE vol.2 1001 Odyssey>
정효
크리에이티브 코더
안녕하세요, 프리랜서
크리에이티브 코더 정효입니다.
저는 현재 문화공간 '둥지'를 운영하며,
고전적인 미디어 아트워크 스타일에서 벗어난
새로운 인터랙션 방식의 작업을 진행하고 있습니다.
실시간으로 반응하는 Web 기반 원격 퍼포먼스,
기존 인터페이스를 재해석해 캐릭터나 일러스트에
인터랙티브를 더하는 작업을 위주로 하고 있으며,
현대미술 퍼포먼스부터 미디어 아트 전시까지
다양한 예술 분야에 참여해 왔습니다.
미디어 아트, 인터랙티브 아트워크를
제작하고 싶지만 프로그래밍 언어라는 이유로
어렵게 생각하고 포기하시는 분들이 많은데요.
디자이너를 위해 코딩의 문턱을
시원하게 낮춘 이번 강의를 통해
획기적임과 동시에 무궁무진한 응용으로
효율성까지 겸비한 인터랙티브의
매력에 빠져보시길 바랍니다.
커리큘럼
커리큘럼을 보여드려요
SECTION 01. TouchDesigner 시작하기: 2D 그래픽과 인터랙션
01.오리엔테이션: 인터랙티브 작업물의 다양한 표현과 매체
- 연사 소개와 작업 포트폴리오 소개
- 매체에 따른 인터랙션의 종류와 예시들
- 상황에 따라 적합한 툴을 선택하는 방법
04. TouchDesigner : 웹캠을 활용한 인터랙션
- Luma Blur 오퍼레이터와 Luma Map 활용
- Displace 오퍼레이터와 Luma Map 활용
- Time machine / Texture 3D 오퍼레이터와 Luma Map 활용
인터뷰
크리에이티브 코더 정효가
하고 싶은 이야기
평소 작업하실 때,
스스로의 강점을 무엇이라고
생각하시나요?
저는 인터랙티브 혹은 모션그래픽을 작업할 때, 그래픽과 움직임을 만들어내는 규칙을 모듈화합니다. 모듈화된 규칙은 실시간으로 변형이 가능하고 또 다른 모듈과 결합하여 사용할 수도 있습니다. 한 가지 규칙으로 여러 가지 응용물을 파생시킬 수 있기 때문에 짧은 시간에 많은 종류의 다이내믹한 결과물을 만들어 낼 수 있는 것이 작업 방식에 있어 저만의 강점이라고 생각합니다.
이번 강의에서 연사님만의
강점이 어떻게 녹아있을까요?
이번 강의는 커리큘럼 속 다양한 예제를 통해 형태, 움직임, 인터랙션을 구현하기 위한 다양한 기능 모듈들이 직접 결합해 봅니다. 모듈 간의 다양한 조합과 제어 가능한 설정값을 익혀, 다양한 스타일의 그래픽과 모션 표현법을 경험할 수 있습니다. 가량 파티클 예제에서 중력 값의 방향과 난기류 값의 크기에 따라 피어오르는 불꽃과 쏟아지는 자갈과 같은 상반된 느낌의 아트웍 표현이 모두 가능해지는 것이죠.
인터랙션 디자인의 전망에 대해
어떻게 생각하시나요?
기존 디자인 툴만으로는 실현할 수 없는 고차원적이고 비정형적인 그래픽에 대한 수요가 늘고 있습니다. 미술관부터 광고까지 인터랙티브 미디어를 쉽게 접하게 되면서 대중들도 이에 익숙해졌죠. 그렇기에 인터랙션 디자인을 프로그래밍 언어라고 심각하게 생각하여 포기하지 말고, 이번 강의를 통해 쉽게 접하여 다양한 인터랙션 아트웍을 직접 경험해 보시기 바랍니다.
사용 프로그램
안내드립니다.
본 클래스는 TouchDesigner (2021.16410 NON-COMMERCIAL) 과 p5js (1.4.0)로 진행됩니다.
원활한 수강을 위해 해당 버전의 프로그램을 별도로 설치해 주시길 바랍니다.
*TouchDesigner (2021.10330 NON-COMMERCIAL) 이후 버전으로도 수강 가능합니다.
*p5js (0.9.0) 이후 버전으로도 수강 가능합니다.
*TouchDesigner은 해상도 1280x1280px이상으로 작업하기 위해서는 별도의 구매가 필요합니다.
추천 클래스
당신이 놓치지 말아야 할
추천 클래스
지인과 함께 나눠 수강해도 될까요?
클래스 수강 중 다중사용으로 적발되면 계정이 자동 차단되며 영구적으로 사용 제한이 될 수 있으니 각별히 유의 바랍니다.
+ 더 알아보기