SlideShare a Scribd company logo
Photoshop
Duo tone collage
디지털 아트워크 컨셉트별 색채 연구 3가지 배색의 기술
- 유사색을 사용한다.
- 밝기를 조정한다.
- 보색의 사용 방법에 유의한다.
1) 유사색
비슷한 계열의 색상을 배색하여 무난한 느낌의 이미지를 연출할 때 사용.
주로 배경이나 주목성이 약한 부분의 그래픽을 처리할 때 유사색을 사용하면 자연스럽게 겹치는 효과를
줄 수 있음.
<출처>디지털 아트워크 디자인 : 창의력을 높여 주는 디자인 교과서 공소영 저 | 길벗
2) 반대색
완전 보색이 아닌 반대색의 배색은 대체로 세련되고 화려한 느낌을 연출 할 수 있음. 여러 부분에
무분별하게 쓰지 않고 적절히 절제된 반대색의 사용은 디자인의 생동감을 불어넣어 줌.
보색보다는 현재 많이 사용되는 연출법.
3) 보색
먼셀의 20색상환에서 서로 마주보는 색상으로, 보색으로 배색 할 경우 주의해서 사용해야 효과적임.
면적이나 크기의 고려가 없는 보색 배색은 촌스럽거나 너무 현란한 느낌을 줄 수 있음.
화려한 컨셉의 디자인인 경우 특히, 빛 번짐 효과 등으로 자극적인 연출을 원할 때 보색의 사용이 효과적.
Part01.
디지털 아트워크의 이해
- 명시성은 시인성이라고도 하는 색이 멀리서도 잘 보이는 성질을 의미.
- 일반적으로 두 가지 이상의 색을 사용할 때 색상, 명도, 채도 차이가 클수록 명시성이 다르게 나타
나지만 배경과의 명도 차이에 가장 민감하게 나타남.
1. 색의 명시성
색채 지각과 감정 효과
- 사람들의 시선을 끄는 힘으로 시각적으로 잘 띄어 주목되는 것을 의미.
- 주목성은 색의 형태와 면적, 연상작용, 색의 3속성 등에 따라 달라지게 되는데, 특히 빨강, 주황,
노랑과 같이 고명도, 고채도의 색이 주목성이 높으며, 난색 계통이 주목성을 높이는데 효과적.
2. 색의 주목성
- 색상의 선택에 따라 앞으로 진출한 것처럼 보일 수도 있고, 뒤로 후퇴한 것처럼 보일 수도 있음.
- 일반적으로 난색과 밝은 색은 진출색, 한색과 어두운 색은 후퇴색임.
- 디지털 아트워크 디자인에서 거리감을 위해 진출색, 후퇴색을 적절히 사용한다면 형태에서의 거
리감 부족을 보완 하는데 효과적.
3. 색의 운동감
축구대표팀이 흰색 유니폼을 입었을 때의 A매치 승률은 37.5%(12승11무9패),
붉은 유니폼을 입었을 때의 A매치 승률은 46%(59승38무31패)
- 색에 있어서도 온도감을 느낄 수 있는데 경우에 따라서는 따뜻함과 차가움 또는 차갑지도 따뜻하지
도 않은 중간 온도를 느낄 수 있음.
- 온도감은 계절감과도 연관이 있어서 여름에는 흰색이나 청색 옷을 입으면 시원하게 보이게 되며,
겨울에는 검은색 옷이나 노란색 계열을 입으면 따뜻하게 보임.
- 채도와 명도가 낮은 색은 차가운 느낌을, 채도와 명도가 높은 색은 따뜻한 느낌을 주는 경우가 많음.
4. 색의 온도감
- 색의 중량감은 색의 느낌에서 오는 무게감으로서 각각의 색에 따라 무겁거나 가볍게 느껴지는 현상
을 의미함.
- 중량감은 색의 3속성 중에서 명도에 따라 죄우되므로 명도가 높은 밝은 색들은 모두 가볍게 보이게
되며, 명도가 낮은 저명도의 색은 무겁게 느끼게 됨.
5. 색의 중량감
- 경연감이란 우리가 색을 볼 때 시각적으로 딱딱하게 느껴지거나 부드럽게 느껴지는 효과를 의미함.
- 명도나 채도에 영향을 받게 되는데 명도가 높고 채도가 낮은 난색의 색들은 부드러운 느낌을 느끼
게 하며, 명도가 낮고 채도가 높은 한색들은 딱딱한 느낌을 줌.
6. 색의 경연감
추출된 color swatches에 등록하기
<I>를 클릭해 Eyedropper 툴로 색상을 추출해서 Swatches 대화창에 등록한다.
Swatches는 불러올 수도 있고 자신만의 목록을 저장할 수도 있다.
사진에서 color 추출(indexing)
1) Natural Concept의 칼라를 추출할 경우, 일상에서 찍은 자연 요소를 담은 사
진을 열기
2) 포토샵에서 열어 메뉴 중 [Filter]-[Pixelate]-[Mosaic]를 적용하기
3) Cell size를 120으로 입력하기
4) <I>를 클릭해 Eyedropper 툴로 색상을 추출해 배색하기
이미지를 표현하는 배색 기법 및 아트워크 컨셉트별 색채 연구
color_coordinate
좋은 디자인은 색과 색의 어울림을 이용하여 배색의 효과만으로도 충분히
느낌을 전달할 수가 있다.
자동으로 서로 어울리는 컬러의 조합들을 랜덤하게 제공
http://swatchspot.com
Reload Palette 를 누를 때 마다
새로운 컬러조합들이 생성
맘에 드는 조합이 나왔을 때
Save Palette
Pallette site를 통해 color 조합에 대한 정보를 활용한다.
http://www.colourlovers.com/
color_coordinate
color swatches photoshop Download
open Lever: 선명도 Threshold effect 1.Gray mode>
2. Duotone mode
작업과정 1.
https://audiotheme.com/blog/how-to-use-gradient-maps-to-create-a-cool-
duotone-effect-in-photoshop/
Due tone process 2. 듀오톤 적용
Thresholdgraymode
Duo(2 tone)
color_coordinate
TWO-TONE FADE ACTIONS FOR PHOTOSHOP
https://www.dropbox.com/s/u1zqwlnlpg5zovk/Two_Tone_Fade_Actions_by_BakaArts.atn?dl=1
Kelly Schykulski
http://www.colagene.com/en/illustration/kelly-schykulski#4113
http://www.colourlovers.com/palettes/search
주제와 맞는 컬러 조합을 찾아서 적용해 보자.
summer
jazz
hiphop

More Related Content

Viewers also liked

Edison_history
Edison_historyEdison_history
03 monotone
03 monotone03 monotone
bootstrap-scaffolding
bootstrap-scaffoldingbootstrap-scaffolding
bootstrap-scaffolding
SangHun Lee
 
관찰노트
관찰노트관찰노트
Ba5aa902dcf040f7d56281c6e1f198a9
Ba5aa902dcf040f7d56281c6e1f198a9Ba5aa902dcf040f7d56281c6e1f198a9
Ba5aa902dcf040f7d56281c6e1f198a9
SeoungWon
 
조합
조합조합
투시원근법_육면체활용
투시원근법_육면체활용투시원근법_육면체활용
투시원근법_육면체활용
seoultech,Design, Jung Hoe Jun
 
원통형객체
원통형객체원통형객체
초기 아이디어 스케치
초기 아이디어 스케치 초기 아이디어 스케치
초기 아이디어 스케치
seoultech,Design, Jung Hoe Jun
 
관찰2-
관찰2-관찰2-
삼면도
삼면도삼면도
사용자시나리오
사용자시나리오사용자시나리오
사용자시나리오
seoultech,Design, Jung Hoe Jun
 

Viewers also liked (15)

Edison_history
Edison_historyEdison_history
Edison_history
 
03 monotone
03 monotone03 monotone
03 monotone
 
Wireframe
WireframeWireframe
Wireframe
 
bootstrap-scaffolding
bootstrap-scaffoldingbootstrap-scaffolding
bootstrap-scaffolding
 
Grid layout
Grid layoutGrid layout
Grid layout
 
관찰노트
관찰노트관찰노트
관찰노트
 
Ba5aa902dcf040f7d56281c6e1f198a9
Ba5aa902dcf040f7d56281c6e1f198a9Ba5aa902dcf040f7d56281c6e1f198a9
Ba5aa902dcf040f7d56281c6e1f198a9
 
04 map model
04 map model04 map model
04 map model
 
조합
조합조합
조합
 
투시원근법_육면체활용
투시원근법_육면체활용투시원근법_육면체활용
투시원근법_육면체활용
 
원통형객체
원통형객체원통형객체
원통형객체
 
초기 아이디어 스케치
초기 아이디어 스케치 초기 아이디어 스케치
초기 아이디어 스케치
 
관찰2-
관찰2-관찰2-
관찰2-
 
삼면도
삼면도삼면도
삼면도
 
사용자시나리오
사용자시나리오사용자시나리오
사용자시나리오
 

Similar to 03 02 duotone

색채학 연구결과보고서 1211395 홍성은
색채학 연구결과보고서 1211395 홍성은색채학 연구결과보고서 1211395 홍성은
색채학 연구결과보고서 1211395 홍성은
성은 홍
 
색채학
색채학색채학
색채학
아선 최
 
1510808 김보미 색채학
1510808 김보미 색채학1510808 김보미 색채학
1510808 김보미 색채학
보미 김
 
색채학 기말 보고서
색채학 기말 보고서색채학 기말 보고서
색채학 기말 보고서
hongye06
 
1413452 이지수 색채학
1413452 이지수 색채학1413452 이지수 색채학
1413452 이지수 색채학
JS Yi
 
1416878 김현주 색채학 연구 보고서
1416878 김현주 색채학 연구 보고서1416878 김현주 색채학 연구 보고서
1416878 김현주 색채학 연구 보고서
Hyun Joo Kim
 
색채학연구주제보고 최종
색채학연구주제보고 최종색채학연구주제보고 최종
색채학연구주제보고 최종
jiyein
 
131128 나에게 맞는 색깔 고르기
131128 나에게 맞는 색깔 고르기131128 나에게 맞는 색깔 고르기
131128 나에게 맞는 색깔 고르기
Nemus
 
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
Mingi Shin
 
색채학기말보고서 김조은
색채학기말보고서 김조은색채학기말보고서 김조은
색채학기말보고서 김조은
EMLIE
 

Similar to 03 02 duotone (10)

색채학 연구결과보고서 1211395 홍성은
색채학 연구결과보고서 1211395 홍성은색채학 연구결과보고서 1211395 홍성은
색채학 연구결과보고서 1211395 홍성은
 
색채학
색채학색채학
색채학
 
1510808 김보미 색채학
1510808 김보미 색채학1510808 김보미 색채학
1510808 김보미 색채학
 
색채학 기말 보고서
색채학 기말 보고서색채학 기말 보고서
색채학 기말 보고서
 
1413452 이지수 색채학
1413452 이지수 색채학1413452 이지수 색채학
1413452 이지수 색채학
 
1416878 김현주 색채학 연구 보고서
1416878 김현주 색채학 연구 보고서1416878 김현주 색채학 연구 보고서
1416878 김현주 색채학 연구 보고서
 
색채학연구주제보고 최종
색채학연구주제보고 최종색채학연구주제보고 최종
색채학연구주제보고 최종
 
131128 나에게 맞는 색깔 고르기
131128 나에게 맞는 색깔 고르기131128 나에게 맞는 색깔 고르기
131128 나에게 맞는 색깔 고르기
 
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
색감은 없지만 선형대수는 알지 - 색상 이론의 이해와 적용
 
색채학기말보고서 김조은
색채학기말보고서 김조은색채학기말보고서 김조은
색채학기말보고서 김조은
 

More from seoultech,Design, Jung Hoe Jun

mask and bleding mode
mask and  bleding mode mask and  bleding mode
mask and bleding mode
seoultech,Design, Jung Hoe Jun
 
photoshop basic collage
photoshop basic collagephotoshop basic collage
photoshop basic collage
seoultech,Design, Jung Hoe Jun
 
Mindmap 2016
Mindmap 2016Mindmap 2016
디자인 문제접근
디자인 문제접근 디자인 문제접근
디자인 문제접근
seoultech,Design, Jung Hoe Jun
 
04 space model
04 space model04 space model
관찰과창의성
관찰과창의성관찰과창의성
관찰과창의성
seoultech,Design, Jung Hoe Jun
 
03 editpoly
03 editpoly03 editpoly
02 창의성 모방
02 창의성 모방02 창의성 모방
02 창의성 모방
seoultech,Design, Jung Hoe Jun
 
02 spline
02 spline02 spline
낯설게하기
낯설게하기낯설게하기
3ds max Standard model
3ds max Standard model3ds max Standard model
3ds max Standard model
seoultech,Design, Jung Hoe Jun
 
3 d표현소개 과정
3 d표현소개 과정3 d표현소개 과정
3 d표현소개 과정
seoultech,Design, Jung Hoe Jun
 
스케치구체화
스케치구체화스케치구체화
스케치구체화
seoultech,Design, Jung Hoe Jun
 
관점
관점관점
Masonry
MasonryMasonry
타이포
타이포타이포
부수적인+요소
부수적인+요소부수적인+요소
부수적인+요소
seoultech,Design, Jung Hoe Jun
 

More from seoultech,Design, Jung Hoe Jun (20)

mask and bleding mode
mask and  bleding mode mask and  bleding mode
mask and bleding mode
 
photoshop basic collage
photoshop basic collagephotoshop basic collage
photoshop basic collage
 
Mindmap 2016
Mindmap 2016Mindmap 2016
Mindmap 2016
 
디자인 문제접근
디자인 문제접근 디자인 문제접근
디자인 문제접근
 
04 space model
04 space model04 space model
04 space model
 
내적동기와 창의성
내적동기와 창의성내적동기와 창의성
내적동기와 창의성
 
관찰과창의성
관찰과창의성관찰과창의성
관찰과창의성
 
03 editpoly
03 editpoly03 editpoly
03 editpoly
 
02 창의성 모방
02 창의성 모방02 창의성 모방
02 창의성 모방
 
02 spline
02 spline02 spline
02 spline
 
낯설게하기
낯설게하기낯설게하기
낯설게하기
 
3ds max Standard model
3ds max Standard model3ds max Standard model
3ds max Standard model
 
3 d표현소개 과정
3 d표현소개 과정3 d표현소개 과정
3 d표현소개 과정
 
마인드맵스케치
마인드맵스케치마인드맵스케치
마인드맵스케치
 
스케치구체화
스케치구체화스케치구체화
스케치구체화
 
관점
관점관점
관점
 
구조 설정과 와이어프레임
구조 설정과 와이어프레임구조 설정과 와이어프레임
구조 설정과 와이어프레임
 
Masonry
MasonryMasonry
Masonry
 
타이포
타이포타이포
타이포
 
부수적인+요소
부수적인+요소부수적인+요소
부수적인+요소
 

03 02 duotone

  • 2. 디지털 아트워크 컨셉트별 색채 연구 3가지 배색의 기술 - 유사색을 사용한다. - 밝기를 조정한다. - 보색의 사용 방법에 유의한다.
  • 3. 1) 유사색 비슷한 계열의 색상을 배색하여 무난한 느낌의 이미지를 연출할 때 사용. 주로 배경이나 주목성이 약한 부분의 그래픽을 처리할 때 유사색을 사용하면 자연스럽게 겹치는 효과를 줄 수 있음. <출처>디지털 아트워크 디자인 : 창의력을 높여 주는 디자인 교과서 공소영 저 | 길벗
  • 4. 2) 반대색 완전 보색이 아닌 반대색의 배색은 대체로 세련되고 화려한 느낌을 연출 할 수 있음. 여러 부분에 무분별하게 쓰지 않고 적절히 절제된 반대색의 사용은 디자인의 생동감을 불어넣어 줌. 보색보다는 현재 많이 사용되는 연출법.
  • 5. 3) 보색 먼셀의 20색상환에서 서로 마주보는 색상으로, 보색으로 배색 할 경우 주의해서 사용해야 효과적임. 면적이나 크기의 고려가 없는 보색 배색은 촌스럽거나 너무 현란한 느낌을 줄 수 있음. 화려한 컨셉의 디자인인 경우 특히, 빛 번짐 효과 등으로 자극적인 연출을 원할 때 보색의 사용이 효과적.
  • 6. Part01. 디지털 아트워크의 이해 - 명시성은 시인성이라고도 하는 색이 멀리서도 잘 보이는 성질을 의미. - 일반적으로 두 가지 이상의 색을 사용할 때 색상, 명도, 채도 차이가 클수록 명시성이 다르게 나타 나지만 배경과의 명도 차이에 가장 민감하게 나타남. 1. 색의 명시성 색채 지각과 감정 효과
  • 7. - 사람들의 시선을 끄는 힘으로 시각적으로 잘 띄어 주목되는 것을 의미. - 주목성은 색의 형태와 면적, 연상작용, 색의 3속성 등에 따라 달라지게 되는데, 특히 빨강, 주황, 노랑과 같이 고명도, 고채도의 색이 주목성이 높으며, 난색 계통이 주목성을 높이는데 효과적. 2. 색의 주목성
  • 8. - 색상의 선택에 따라 앞으로 진출한 것처럼 보일 수도 있고, 뒤로 후퇴한 것처럼 보일 수도 있음. - 일반적으로 난색과 밝은 색은 진출색, 한색과 어두운 색은 후퇴색임. - 디지털 아트워크 디자인에서 거리감을 위해 진출색, 후퇴색을 적절히 사용한다면 형태에서의 거 리감 부족을 보완 하는데 효과적. 3. 색의 운동감 축구대표팀이 흰색 유니폼을 입었을 때의 A매치 승률은 37.5%(12승11무9패), 붉은 유니폼을 입었을 때의 A매치 승률은 46%(59승38무31패)
  • 9. - 색에 있어서도 온도감을 느낄 수 있는데 경우에 따라서는 따뜻함과 차가움 또는 차갑지도 따뜻하지 도 않은 중간 온도를 느낄 수 있음. - 온도감은 계절감과도 연관이 있어서 여름에는 흰색이나 청색 옷을 입으면 시원하게 보이게 되며, 겨울에는 검은색 옷이나 노란색 계열을 입으면 따뜻하게 보임. - 채도와 명도가 낮은 색은 차가운 느낌을, 채도와 명도가 높은 색은 따뜻한 느낌을 주는 경우가 많음. 4. 색의 온도감
  • 10. - 색의 중량감은 색의 느낌에서 오는 무게감으로서 각각의 색에 따라 무겁거나 가볍게 느껴지는 현상 을 의미함. - 중량감은 색의 3속성 중에서 명도에 따라 죄우되므로 명도가 높은 밝은 색들은 모두 가볍게 보이게 되며, 명도가 낮은 저명도의 색은 무겁게 느끼게 됨. 5. 색의 중량감 - 경연감이란 우리가 색을 볼 때 시각적으로 딱딱하게 느껴지거나 부드럽게 느껴지는 효과를 의미함. - 명도나 채도에 영향을 받게 되는데 명도가 높고 채도가 낮은 난색의 색들은 부드러운 느낌을 느끼 게 하며, 명도가 낮고 채도가 높은 한색들은 딱딱한 느낌을 줌. 6. 색의 경연감
  • 11. 추출된 color swatches에 등록하기 <I>를 클릭해 Eyedropper 툴로 색상을 추출해서 Swatches 대화창에 등록한다. Swatches는 불러올 수도 있고 자신만의 목록을 저장할 수도 있다.
  • 12. 사진에서 color 추출(indexing) 1) Natural Concept의 칼라를 추출할 경우, 일상에서 찍은 자연 요소를 담은 사 진을 열기 2) 포토샵에서 열어 메뉴 중 [Filter]-[Pixelate]-[Mosaic]를 적용하기 3) Cell size를 120으로 입력하기 4) <I>를 클릭해 Eyedropper 툴로 색상을 추출해 배색하기 이미지를 표현하는 배색 기법 및 아트워크 컨셉트별 색채 연구
  • 13. color_coordinate 좋은 디자인은 색과 색의 어울림을 이용하여 배색의 효과만으로도 충분히 느낌을 전달할 수가 있다. 자동으로 서로 어울리는 컬러의 조합들을 랜덤하게 제공 http://swatchspot.com Reload Palette 를 누를 때 마다 새로운 컬러조합들이 생성 맘에 드는 조합이 나왔을 때 Save Palette
  • 14. Pallette site를 통해 color 조합에 대한 정보를 활용한다. http://www.colourlovers.com/ color_coordinate
  • 16. open Lever: 선명도 Threshold effect 1.Gray mode> 2. Duotone mode 작업과정 1.
  • 17.
  • 19. Due tone process 2. 듀오톤 적용 Thresholdgraymode
  • 21.
  • 22. TWO-TONE FADE ACTIONS FOR PHOTOSHOP https://www.dropbox.com/s/u1zqwlnlpg5zovk/Two_Tone_Fade_Actions_by_BakaArts.atn?dl=1
  • 24.
  • 25. http://www.colourlovers.com/palettes/search 주제와 맞는 컬러 조합을 찾아서 적용해 보자. summer
  • 26. jazz