안녕하세요
툴디 서포터즈 6기 디하입니다.
처서가 지나 8월말이
다가왔습니다.
하지만 더위는 가시지않고
여전히 더운 요즘, 다들 더위를 어떻게
이겨내시나요?
저는 밖에 나갈때는 꼭 선크림을 바르고,
항상 우산을 가지고 다닙니다!
여러분도 더위 조심하시길 바랍니다
그래도 요즘 가끔 선선할때도 있어서
가을이 다가왔음을
느낄 때도 있습니다 가~끔..
이번 주제는 제가 미술강사로
활동하면서 요즘가장 중요하게 느끼고 있는 것
바로 색!입니다.
우리 주변에 모든 물체를보면
색이 있고
그 물체안에서도
밝음과 어두움이 존재하죠
오늘은 툴디 자유주제인만큼
제가 여러분에게 알려드리고싶었던 색에대해
알아보는 시간을 가져보겠습니다.
웹디자인 / 인테리어/ 패션/ 카드뉴스/디자인 업계 전반에서
많이 쓰이는 색감에 대한 개념을 알아보고
컬러쓰는 방법에 대해 알아보겠습니다.
흔히 색의 3요소, 3속성이라고 불리는
색상, 명도, 채도에 대해 이번시간에 정확히 개념을 알고
구분해봅시다!
오늘 딱 알기쉽게 개념정리를 해드리겠습니다.
색 Hue
먼저 색은 색상,명도,채도로 이루어져있습니다.
색이랑 색상이랑 같은 개념 아니냐구요?
No.
색상은 빨강,노랑,초록,파랑같이 어떤색과 다른 색을
구별하는 고유의 색 이름을 말합니다.
색상=색을 구별하는 색의 고유 이름
ex) 빨강,주황,초록
한마디로
색상은
지각되는 즉 눈으로 인식이되는 색상
그 자체를 말하며 연속적으로 색을 배열하기도 합니다.
주황, 빨강을 중심으로 따듯한 느낌을 주는 난색 계열
파랑을 중심으로 찬 느낌을 주는 한색 계열로 나뉘어집니다.
또 녹색이나 보라색처럼
따듯하거나 찬 느낌을 주지 않는 중성색계로 나뉘어집니다.
여기서 색을 보기 편하게 구분을 해서 원으로 표시한 것을
색상환이라고 부릅니다!
색상환의 종류는 다양합니다.
또한 색상환에서 서로 반대편에 위치한 색상은
서로 보색이라는 점!
명도 Brightness
다음 남은 두가지
명도, 채도 중에
명도 먼저 설명드리겠습니다.
명도는 한자로
밝을 명 明, 법도 度 로
밝음 정도를 말합니다.
명도는 흰색에 가까울수록 명도가 높다고하고,
검은색에 가까울수록 명도가 낮다고 합니다.
명도는 색의 밝고 어두움정도를 말하며
그렇기 때문에 흔히 명도는 '어둡다','밝다'와 같이 표현하며
가장 어두운 검은색을 0으로 시작해서
가장 밝은 흰색을 10으로 두어 보통은 11단계로 표시합니다!
위의 사진에서 보시는 바와같이
중간 지점에는 모두 이 명도가 다른 무수한 회색의
그라데이션이 보이죠!
여기서 퀴즈
그렇다면 명도가 높으면?
흰색과 검은색중 어디에 가까울까요?
바로 10 흰색에 가깝겠죠!
명도라는 말이 밝은 정도이기 때문입니다
따라서 명도는 무채색 뿐만 아니라
유채색에서도 나타나며
색의 밝기에 따라 저명도, 중명도, 고명도로 구분할 수 있습니다
여러분 명도 이제 이해가 가시나요?
정리!
1.명도 = 밝은 정도, 명도가 높을수록 흰색과 가깝다
2.따라서 무채색뿐만 아니라
유채색에서도 밝고 어두움정도를 나타낼 수있다
3.고명도= 흰색에가깝다 (밝음)
저명도=검은색에 가깝다 (어두움)
채도 Saturation, Chroma
다음은 채도입니다.
채도는 색의 순수한 색의 선명도 정도를 말합니다.
예를 들어 같은 색이라고
하더라도 맑은 색과 탁한 색이 있고,
이는 선명도에서 분명한 차이가 나타납니다
여러분 채도는 유채색에만 해당하는 말입니다!
즉, 무채색인 흰색과 검은색에는 해당하지 않습니다!!
왜냐하면 채도는 본래의 색, 색이 있어야하기 때문이죠
쉽게 유채색은 명도, 채도 다 가지고 있고
무채색은 명도만 가지고 있다고 보시면 됩니다!
탁한 정도에 따라 고채도, 중채도, 저채도라고 합니다!
본래의 색
어떠한 색도 섞이지 않은 순수한 색상은
채도가 높다고 표현합니다.
예를들어 노란색의 경우
노란색의 개나리 색상은
밝고 맑죠? 이 경우에는
채도가 높다고 하고
잘 익은 늙은 노란 호박의 경우
살짝 탁하고 어둡습니다.
이 경우 채도가 낮다고 인식합니다.
정리하자면
아무 색도 섞이지 않고 원색 그대로의 색을
순색이라고 하며,
채도는 순색과 가까운 정도입니다.
순색에 가까울수록 채도가 높다고 하며,
흰색,검은색과 같은 다른색이 섞일 경우
채도가 낮다고 합니다.
자, 이제 우리가 디자인 작업창에서
가장 많이 쓰는 색상 선택창을 예를 들어
설명해보겠습니다.
파워포인트, 디자인플랫폼 등등
노트북, 컴퓨터를 사용하시는 분들 모두
한번쯤은 봤을 색상창일겁니다!
색 = 색상+명도+채도
이렇게 색은 명도,채도,색상의 3가지속성을
합친것이 색이며
색상은 무지개바를 통해 원하는 색상을 선택할 수 있고,
원하는 색상을 선택할 경우 보시는바와 같이
오른쪽이 색 속성창입니다.
원하는 색상을 선택하면 속성창이 뜹니다!
명도는 밝고 어두움의 정도이니, 세로축에 해당하고,
채도는 색의 순수한 정도이니 가로축에 해당하겠죠!
디자인 컬러 팁
자 이제 명도,채도,색상에 대해 알아보았으니
실전으로 가봅시다.
만약 여러분이 카드뉴스 제작이나
디자인을 할 경우 색을 쓰겠죠?
이 때 색상을 보는 것도 맞지만!
명도대비를 통해 강조하고싶은 요소를
강조해주는 방법이 있습니다.
예를들어 요소가
세모,동그라미,네모가 있다고 할 경우
강조하고싶은 요소가
위 세가지 도형이라면?
명도대비를 통해
도형을 밝게 명도를 높여, 고명도로,
뒷배경은 명도를 낮춰서 저명도로,
확실한 대비를 줌으로써 요소를 강조할 수 있겠죠!
하지만!
여기서 배경에도 기존 도형 요소가
추가된다거나, 요소가 여러가지일 경우
시선이 분산되어 디자인의 균형이 깨져보일 수 있습니다.
그렇기 때문에 무조건적인 강한 명도대비가 좋은 것이 아닙니다.
따라서 적당한 명도대비 즉,
고명도가 있다면 중간에
너무 어둡지 않은 중간의
중명도를 추가한다거나,
균형을 맞춰주면 되겠죠!
위에 보시는 바와같이 배경은 어둡게하고
강조하고싶은 요소만 고명도로 밝게,
중명도로 너무 큰 대비를 주지않고 적당한 명도를 주면
시선이 분산되지 않고
안정감있는 디자인을 제작할 수 있습니다.
툴디의 템플릿을 예시로 가져와봤습니다!
보시면 여러 요소들이 있지만
시선이 분산된다거나, 하나의 요소만
너무 튀지 않고
배경 색상과 요소의 색상을 명도 차이를
비슷하게 맞추거나,
같은색상에 톤차이를 두거나,
명도차이와 채도차이를 크게 두는 방법도 있습니다,
강조하고 싶은 요소만
고명도로 적절히 활용한 것을 볼 수 있습니다.
마지막으로 컬러를 어떤 색상과 어떤 색상을
써야 조화로울지 어려우신분들을 위해
컬러추출 사이트 하나 추천해드리려 합니다!
https://color.adobe.com/ko/create/color-wheel
어도비 Color라는 사이
트입니다!
어도비 컬러 사이트에 들어가셔서 위에
"생성"탭을 누르시면
하얀색 휠을 눌러 원하는 색상을 선택하면
자동으로 색상 조화컬러를 추출해줍니다!
오른쪽에 색상휠로 색상팔레트 또한 생성 가능하며
저장해두고
카드뉴스나 디자인 제작할 떄 유용하겠죠!
오늘은 여기까지!
오늘은 짧게 명도와 채도 색상과 색의 차이에 대해 알아보고
명도대비를 주어 색상을 배치하는
방법에 대해 알아보았습니다.
색상의 세계는 무궁무진하고
알아 갈수록 재밌는 것 같아요
거기에서 파생되는 용어도 다양하고
색마다 이렇게 다양한 차이를 주어
시선을 끄는 디자인 또한 제작가능하니
제가알려드린 명도,채도,색의 차이를
기억하시면서~
ppt제작이나, 디자인을 할 때가 생긴다면
한번 명도대비 / 채도, 색의 차이를
주면서 제작해보시면 좋을 것같습니다!
혹시 색깔 관련해서 궁금한 점이나
용어가 있다면 댓글로 달아주세요!
ps. 툴디를 사용하면서
툴디 템플릿을 찾아보는 일이
많아져서
쓰는일이 많아졌는데,
조금 아쉬운점이
원하는 템플릿을 따로 스크랩해두고
스크랩해둔 템플릿을
바로바로 쓸 수 있는 기능이 있으면
좋겠다는 생각이 들었어요!
추천 템플릿, 카테고리별로
템플릿을 검색할 수 있는 점은 굉장히
좋은데, 다만 원하는 템플릿을 스크랩하거나,
따로 저장할 수 있는 기능이 없어서 아쉬웠고
또, 템플릿을 제작할 경우 텍스트를
넣을 떄 텍스트 뒤틀기 기능도 있으면 좋겠다는 생각이 들었습니다.
예를들면 원안에 텍스트를 넣어
도형안에 텍스트가 들어간다던지
곡선처럼 휜 텍스트처럼요!
이럴때는 툴디 커뮤니티 활용하기!
툴디 커뮤니티 활용방법은
위 글 참고해주세요!
툴디의 커뮤니티에 접속하여
새로운 기능 요청하기!
오늘도 저의 블로그 방문해주셔서 감사합니다.
많은 도움 되셨길 바라며!
다음 툴디 콘텐츠로 돌아오겠습니다.
#tooldi #디자인플랫폼 #자유주제 #툴디서포터즈 #템플릿제작 #툴디 #무료디자인 #편집기 #웹편집기 #디자인툴 #디자인제작 #사진업로드 #콘텐츠업로드 #콘텐츠제작 #템플릿 #요소 #사진 #그래픽디자인 #웹디자인 #디지털디자인 #디자인커뮤니티 #디자인공유 #디자인팁 #디자인모음
'툴디 서포터즈6기' 카테고리의 다른 글
| [#9.툴디로그] 툴디 굿노트만 있으면 나도 이젠 갓생러! (4) | 2024.09.06 |
|---|---|
| [#7.툴디로그] 툴디는 뭐든 만능이 되. 툴디로 초대합니다! (0) | 2024.08.23 |
| [#6.툴디로그] 툴디로 심사 -췍! 콘텐츠 심사편 (0) | 2024.08.15 |
| [#5. 툴디로그] 나도 이젠 크리에이터! 나만의 콘텐츠 제작 (1) | 2024.08.09 |
| [#4. 툴디로그] 툴디 커뮤니티로 툴디 마스터하기! (2) | 2024.08.02 |