레퍼런스 색, 눈대중 말고 뽑아 쓰기
이미지에서 주요 색과 비율을 뽑아 작업에 쓸 배색 규칙으로 정리합니다
촬영 준비 중 · 세 편 모두 무료 공개 예정
공개 전에 강의 내용과 커리큘럼을 살펴보세요
색은 비슷한데, 왜 레퍼런스와 다르게 느껴질까요?
레퍼런스의 색과 비율을 수치로 확인하기
배울 내용과
제공 파일을 확인해 보세요
배색의 인상은
어떤 색을 쓰는지와
얼마나 넓게 쓰는지에 따라 달라져요
세 편에 걸쳐 이미지의 주요 색과 각 색이 차지하는 비율을 확인해요. 필요한 색을 골라 다음 작업에도 활용할 배색 기준으로 정리해요.
이미지 한 장에서 확인한 색과 비율
PROBLEM
이런 어려움이 있었나요?
색과 비율을 확인하고 정리하는
세 편의 실습 강의
1
배색을 정리하는 세 단계
이미지 분석부터 팀에 공유할 배색 문서까지
01
색을 찾아요
이미지의 주요 색을 색상 코드로
02
비율을 확인해요
각 색이 이미지에서 차지하는 비율까지
03
기준으로 정리해요
다음 작업에도 활용할 팔레트와 문서로
자세한 내용은 아래 커리큘럼에서 확인해 보세요.
무엇을 다루나
이미지의 주요 색과 비율을 확인하고, 작업에 쓸 색을 골라요. 선택한 색과 활용 기준을 문서로 정리해요.
왜 비율인가
같은 색도 얼마나 넓게 쓰느냐에 따라 인상이 달라져요. 색상 코드와 함께 각 색이 차지하는 비율도 살펴봐요.
강의와 같은 이미지로 실습해요
강의에 사용한 레퍼런스 이미지가 제공돼요. 같은 이미지로 색과 비율을 확인하며 따라 해 보세요.
강의 정보 한눈에 보기
세 편에 걸쳐 배색 기준을 정리해요
한 편의 영상 길이는 약 10분이에요
세 편 모두 무료로 공개할 예정이에요
Question
코딩을 모르는데 도구를 쓸 수 있을까요?
만들어진 도구를 쓰는 데서 시작해요
완성된 도구로 색을 추출하고 정리하는 방법을 배워요. 도구를 직접 개발하는 과정은 다루지 않아요.
VARD TOOLKIT
COLORCHIP
FREE SOON
강의 영상이 준비되면 세 편 모두 무료로 볼 수 있어요
HOW
이렇게 진행돼요
구성
영상 세 편 + 도구 파일
한 편 길이
10분 안팎
필요 환경
브라우저와 레퍼런스 이미지 몇 장
보는 기간
공개 후 기간 제한 없이 무료로 볼 수 있어요
2
툴킷에 들어 있는 것
영상만 드리는 게 아니에요
+
강의 영상 세 편
+
색 뽑는 도구 파일
+
편마다 쓴 레퍼런스 이미지
+
뽑아낸 팔레트 원본
처음 오셨다면 여기부터
무료
최인
모션그래픽 디자이너입니다. 작업에 필요한 도구를 직접 만들고, 전시와 실무에 사용해요.
FAQ
자주 묻는 것
영상 레퍼런스도 되나요
영상 파일을 직접 넣는 대신, 원하는 장면을 이미지로 저장해 넣어 주세요.
뽑은 팔레트를 다른 작업에 써도 되나요
네. 추출한 팔레트와 정리한 문서는 다른 작업에도 활용할 수 있어요.
코딩을 몰라도 되나요
완성된 도구로 색을 추출하고 정리하는 방법을 배워요. 도구를 직접 개발하는 과정은 다루지 않아요.
현재 촬영을 준비하고 있어요. 영상이 준비되면 세 편 모두 무료로 공개할 예정이에요.
지금은 강의 내용과 커리큘럼을 미리 확인해 보세요.
커리큘럼
- 01 좋아 보이는 이미지에는 어떤 색이 얼마나 들어 있을까 준비 중
이미지 한 장에서 주요 색과 면적 비율이 보이는 컬러 막대를 만듭니다.
- 02 사진과 영상에서 쓸 색만 남긴다 준비 중
서로 다른 레퍼런스 세 개에서 실제 디자인에 쓸 팔레트를 추립니다.
- 03 뽑은 색을 작업 규칙으로 만든다 준비 중
컬러칩과 비율, 적용 예시를 한 장으로 정리해 다음 작업에 얹습니다.