전시에 쓴 드로잉 툴, 직접 만들어보기
브라우저에서 움직임을 그리고 다루는 나만의 도구를 만듭니다
촬영 준비 중 · 영상 공개 후 구매 가능
공개 전에 강의 내용과 커리큘럼을 살펴보세요
작업에 딱 맞는 플러그인을 찾기 어려웠나요?
브라우저에서 쓰는 나만의 드로잉 도구 만들기
배울 내용과
제공 파일을 확인해 보세요
작업에 필요한 도구를
직접 만드는 경험
다섯 편에 걸쳐 브라우저에서 쓰는 드로잉 도구를 만들고, 완성한 도구로 작품을 제작해요. 만든 도구는 다음 작업에도 활용할 수 있어요.
PROBLEM
이런 어려움이 있었나요?
드로잉 도구를 직접 만드는
다섯 편의 실습 강의
1
도구를 만드는 세 단계
선 그리기부터 움직임과 표현 조절까지
01
선을 그려요
브라우저에서 선을 그리는 기본 도구부터
02
움직임을 더해요
그린 선이 순서대로 다시 나타나도록
03
표현을 조절해요
선의 흔들림과 밀도, 그려지는 속도까지
자세한 내용은 아래 커리큘럼에서 확인해 보세요.
무엇을 만드나
선을 그리고 움직임을 더하는 드로잉 도구를 만들어요. 선이 다시 그려지는 순서와 속도, 흔들림과 밀도를 직접 조절할 수 있어요.
왜 직접 만드나
필요한 기능을 직접 더하거나 바꿀 수 있어요. 작업이 달라지면 도구도 그에 맞게 수정해 사용할 수 있어요.
어디에 쓰였나
제가 실제 전시 작업에 사용한 도구를 함께 만들어요. 작업에 필요했던 기능을 어떻게 구현했는지 배울 수 있어요.
강의 정보 한눈에 보기
다섯 편에 걸쳐 도구 하나를 만들어요
한 편의 영상 길이는 약 30분이에요
준비물은 브라우저 하나면 돼요
Question
코딩이 처음이어도 따라갈 수 있나요?
문법을 외우는 강의가 아니에요
자바스크립트를 처음 접하는 분도 따라 만들 수 있도록 설명해요. 도구를 만드는 실습이 중심이며, 프로그래밍 문법 전반을 다루지는 않아요.
VARD TOOLKIT
SKEIN
COMING SOON
강의 영상이 모두 준비되면 구매할 수 있어요
HOW
이렇게 진행돼요
구성
영상 다섯 편 + 도구 파일
한 편 길이
30분 안팎
필요 환경
브라우저만 있으면 돼요 (윈도우·맥 모두)
보는 기간
한 번 구매하면 기간 제한 없이 볼 수 있어요
2
툴킷에 들어 있는 것
영상만 드리는 게 아니에요
+
강의 영상 다섯 편
+
완성된 드로잉 도구
+
편마다 쓴 예제 파일
+
전시 작품에 사용한 도구 설정값
한 번 구매하면 기간 제한 없이 볼 수 있어요
69,000원
최인
모션그래픽 디자이너입니다. 작업에 필요한 도구를 직접 만들고, 전시와 실무에 사용해요.
FAQ
자주 묻는 것
코딩이 처음이어도 따라갈 수 있나요
자바스크립트를 처음 접하는 분도 따라 만들 수 있도록 설명해요. 도구를 만드는 실습이 중심이며, 프로그래밍 문법 전반을 다루지는 않아요.
언제까지 볼 수 있나요
한 번 구매하면 기간 제한 없이 볼 수 있어요.
환불이 되나요
결제 후 7일 이내이고 영상을 한 번도 재생하지 않았다면 전액 환불해 드려요. 자세한 조건은 환불 안내를 확인해 주세요.
현재 촬영을 준비하고 있어요. 강의 영상이 모두 준비되면 구매할 수 있어요.
지금은 강의 내용과 커리큘럼을 미리 확인해 보세요.
커리큘럼
- 01 그림을 코드로 그리지 않고, 그리는 도구를 코드로 만든다 준비 중
완성된 skein 과 전시 결과를 먼저 본 뒤, 선을 그리고 바로 움직여 보는 최소 드로잉 툴을 만듭니다.
- 02 선에 시간을 넣는다 준비 중
그린 선의 점 데이터를 저장해, 순서와 시간에 따라 다시 그려지는 모션 스트로크를 만듭니다.
- 03 내가 원하는 손맛을 파라미터로 만든다 준비 중
흔들림과 밀도, 속도를 화면에서 조절하는 개인용 모션 브러시로 키웁니다.
- 04 툴과 작품을 분리한다 준비 중
같은 도구에서 규칙과 프리셋만 바꿔 서로 다른 결과 세 종을 뽑습니다.
- 05 전시에 걸 수 있는 결과로 뽑는다 준비 중
〈말, 말〉 제작 사례를 해체하고, 완성 모션과 재사용할 툴·프리셋 묶음으로 정리합니다.