Page 6 고등학교 컴퓨터 그래픽 교과서

이 책의 『컴퓨터 그래픽』은 컴퓨터 그래픽 디자이너가 갖추어야 할 그래픽 디자인의
기초 지식을 익혀 컴퓨터 그래픽 실무에 활용할 수 있도록 구성한 이론·실습
구성과 특징 통합 교과입니다. 특성화 고등학교 학생들의 진로와 취업을 고려하여 각 단원

이 요구하는 역량과 문제 해결력을 스스로 갖출 수 있도록 하였고, 다양한 탐
구 활동과 여러 디자인 분야의 실습 과제를 통하여 창의적이고 자기 주도적이
면서 활동 중심의 수업이 이루어질 수 있도록 구성하였습니다.

1 그래픽 디자인의 범위와 영역

학습 목표 •그래픽 디자인의 개념을 이해하고 그 범위를 설명할 수 있다.
•그래픽 디자인의 영역을 파악하고 사례를 찾아볼 수 있다.
중단원 도입
핵심 질문 그래픽 디자인은 현대 사회에서 어떻게 사용되고 있을까?
생각의 창
인포그래픽 디자인은 우리 생활에 어떤 편리함을 줄까?
(3) 타이포그래피(Typography)
그래픽 디자인은 복잡한 정보를 빠르고 명확하게 설명해야 하는 기호, 지도, 기술 문서 등에 사
용하며, 인포그래픽이나 뉴스 그래픽처럼 정보나 자료, 지식 등을 시각적으로 표현한 것이다. 인
학습 목표 학습자가 학습 후에 도달해야 할 성취 목표를 교육과정의 성
타이포그래피란 활자의 서체나 글자 배치 등을 구성하고 표현해 언어의 가독성, 심 가독성(可讀性)
포그래픽은 복잡한 데이터나 통계 수치 등을 일러스트레이션이나 사진, 차트, 다이어그램 등을 활
용하여 한눈에 알아보기 쉽게 표현하는 방법으로, 프레젠테이션을 비롯해서 팸플릿, 포스터 등 다
미성을 높이는 일을 말한다. 타이포그래피에서 우선시하는 것은 가독성을 높여 내용 문자, 기호, 또는 도형 등을 얼마나
양한 분야에서 활용되고 있다.
쉽게 파악하는가의 정도를 말한다. 취 기준에 맞춰 제시하였습니다.
이 원활히 전달되는 것이다.
디지털 서체(font)가 등장한 후 사용할 수 있는 활자체가 기하급수적으로 늘어났 Tip 핵심 질문 핵심 질문을 통해 학습자 스스로 단원 내용에 대해 탐구할 수
으며, 지금도 새로운 서체가 개발되고 있다. 서체를 선택할 때는 자료의 내용과 디자 인터넷 자료실
• 타이포그래피 서울 있도록 하였습니다.
인의 목적을 반드시 고려해야 한다. 디자이너에게 활자는 구체적인 커뮤니케이션 수 http://www.typographyseoul.
com
단일 뿐만 아니라 강력한 심미적 특징을 지닌 디자인 구성 요소이다.
생각의 창 단원 내용과 연계된 이야기와 이미지를 제시하여 학습 동기를
•한국색채연구소
http://www.kcri.or.kr
• 한국디자인진흥원
http://www.kidp.or.kr 유발할 수 있도록 하였습니다.
(7) 인덱스 컬러(indexed color) 모드
현대인의 미디어 생활 패턴을 알아보기 쉽게 이미지로 표현한 인포그래픽
인덱스 컬러 모드는 컬러 이미지나 흑백 이미지에 많이 사용된 256가지 색상을 선 길잡이 정리
2 그래픽 디자인의 구성 요소와 특성 10 Ⅰ. 컴퓨터 그래픽의 이해 별한 색상 체계이다. RGB 컬러 모드보다 용량이 1/3 정도 줄어 웹상에서 가장 많이 디지털 컬러 시스템
디지털 컬러 시스템에서 색을 표
사용된다. GIF 파일 포맷으로 저장된다. RGB 컬러 모드나 흑백 이미지를 256가지 현하는 체계에는 RGB 컬러 모드,
그래픽 디자인은 시각적 표현을 통해서 효과적으로 정보를 전달하는 것이 목적이 이하의 색상으로 지정하여 인덱스 모드로 바꿀 수 있다. CMYK 컬러 모드, 그레이 스케일
[그림 Ⅰ-5] 운전 중 휴대 전화의 문자 메시지를 사용하 [그림 Ⅰ-6] 나무를 타이포그래피로 형상화한 포스터 모드, HSB 모드, 비트맵 모드, Lab
므로 디자인된 결과물의 구성 요소들이 전체적으로 조화를 이루어야 한다. 레이아웃, 디자인 컬러 모드, 인덱스 컬러 모드, 듀오
면 위험하다는 내용을 타이포그래피로 표현한 공익 광고
이미지, 타이포그래피, 색채 등으로 구성되어 각 요소들이 조화를 이룰 때 사람들에게 (8) 듀오톤(duotone) 모드 톤 모드가 있다.
소단원
강한 인상을 전달하게 된다. (4) 색채 한 가지 색상의 모노톤 이미지 연출에 사용되는 컬러 모드로, 그레이 스케일에서만
사용할 수 있다. 그레이 스케일의 이미지를 단순한 회색 음영이 아닌 색상 톤이 추가
(1) 레이아웃(Layout) 디자이너가 색상(color)을 선택하고 지정하는 방식을 이해하려면 먼저 색상의 작
된 이미지로 인쇄할 때 사용하는 색상 체계이다.
용과 분류에 대하여 알아야 한다. 왜냐하면 디자이너가 다루는 색상은 수천, 수만 가
레이아웃이란 그림, 문자, 사진, 각종 기호 등을 제한된 공간 안에 효과적으로 배열
지에 달하며, 색채에는 인쇄 잉크에서 웹 기반의 컬러에 이르기까지 각각 특성이 다르 (7) 인덱스 컬러(indexed color) 모드 더 더
알아보기 알아보기
(3) 타이포그래피(Typography)
2 그래픽 디자인의 구성 요소와 특성
하여 디자인의 내용을 구성하고 조직하는 것을 의미한다. 따라서 레이아웃은 전달하 타이포그래피란 활자의 서체나 글자 배치 등을 구성하고 표현해 언어의 가독성, 심 가독성(可讀性) 인덱스 컬러 모드는 컬러 이미지나 흑백 이미지에 많이 사용된 256가지 색상을 선 길잡이 정리 컬러 매니지먼트 시스템
그래픽 디자인은 시각적 표현을 통해서 효과적으로 정보를 전달하는 것이 목적이
미성을 높이는 일을 말한다. 타이포그래피에서 우선시하는 것은 가독성을 높여 내용
기 때문이다. 또한 각종 미디어에서 색채를 배합하는 방식도 무궁무진하다. 문자, 기호, 또는 도형 등을 얼마나 별한 색상 체계이다. RGB 컬러 모드보다 용량이 1/3 정도 줄어 웹상에서 가장 많이 디지털 컬러 시스템 1. 컬러 매니지먼트 시스템의 의미 컬러 매니지먼트 시스템
쉽게 파악하는가의 정도를 말한다.
므로 디자인된 결과물의 구성 요소들이 전체적으로 조화를 이루어야 한다. 레이아웃,
디지털 컬러 시스템에서 색을 표
려는 정보를 논리적이고 주목성 있게 제공할 뿐만 아니라 중요한 요소를 강조해서 표 이 원활히 전달되는 것이다. Tip 사용된다. GIF 파일 포맷으로 저장된다. RGB 컬러 모드나 흑백 이미지를 256가지 현하는 체계에는 RGB 컬러 모드, 의 고유 색상 영역의 차이로 인하여 발생하는 색의 차이를 최소화하고, 일관되게 유지·관리하는 체계이다. 이를 통하여
컬러 매니지먼트 시스템(color management system, CMS)이란 입력, 디스플레이, 출력 등을 담당하는 디지털 장비들
이미지, 타이포그래피, 색채 등으로 구성되어 각 요소들이 조화를 이룰 때 사람들에게
CMYK 컬러 모드, 그레이 스케일
디지털 서체(font)가 등장한 후 사용할 수 있는 활자체가 기하급수적으로 늘어났
이하의 색상으로 지정하여 인덱스 모드로 바꿀 수 있다.
강한 인상을 전달하게 된다. 인터넷 자료실 모드, HSB 모드, 비트맵 모드, Lab 한 기기가 표현하는 색상과 다른 기기가 표현하는 색상을 일치시켜 준다. 예를 들어 모니터, 카메라, 프린터의 각각 다
1. 컬러 매니지먼트 시스템의 의미
사람은 각자 선호하는 색상과 인상 깊게 받아들이는 색상이 다르다. 그 이유는 오랜 • 타이포그래피 서울 (8) 듀오톤(duotone) 모드 톤 모드가 있다. 른 색상 영역을 일관되게 관리하는 시스템이다.
컬러 모드, 인덱스 컬러 모드, 듀오
으며, 지금도 새로운 서체가 개발되고 있다. 서체를 선택할 때는 자료의 내용과 디자
현한다. 특히 그리드를 사용하여 일관성 있게 디자인한 요소는 시각적 즐거움을 제공 그리드(grid) 인의 목적을 반드시 고려해야 한다. 디자이너에게 활자는 구체적인 커뮤니케이션 수 http://www.typographyseoul.
(1) 레이아웃(Layout)
com
레이아웃이란 그림, 문자, 사진, 각종 기호 등을 제한된 공간 안에 효과적으로 배열 단일 뿐만 아니라 강력한 심미적 특징을 지닌 디자인 구성 요소이다. •한국색채연구소 한 가지 색상의 모노톤 이미지 연출에 사용되는 컬러 모드로, 그레이 스케일에서만 CMS의 기본 원리 각 장치의 고유 색상 영역
하여 디자인의 내용을 구성하고 조직하는 것을 의미한다. 따라서 레이아웃은 전달하 문자, 그림, 사진 등의 치수 및 비례,
세월을 거치는 동안 자연이나 사람 사이에 관련된 이미지를 각각 다른 색으로 연 http://www.kcri.or.kr 사용할 수 있다. 그레이 스케일의 이미지를 단순한 회색 음영이 아닌 색상 톤이 추가 컬러 매니지먼트 시스템(color management system, CMS)이란 입력, 디스플레이, 출력 등을 담당하는 디지털 장비들
• 한국디자인진흥원
하고 의사소통을 원활하게 만든다. 려는 정보를 논리적이고 주목성 있게 제공할 뿐만 아니라 중요한 요소를 강조해서 표 그리드(grid) http://www.kidp.or.kr 된 이미지로 인쇄할 때 사용하는 색상 체계이다. 의 고유 색상 영역의 차이로 인하여 발생하는 색의 차이를 최소화하고, 일관되게 유지·관리하는 체계이다. 이를 통하여
피사체
프린터
모니터
현한다. 특히 그리드를 사용하여 일관성 있게 디자인한 요소는 시각적 즐거움을 제공 위치를 정확하게 재현하기 위해 그
문자, 그림, 사진 등의 치수 및 비례,
상하기 때문이다. 그러므로 색채가 기호 체계나 언어로써 작용하고 정서적 카메라
하고 의사소통을 원활하게 만든다.
려진 바둑판 모양의 방안선이다.
위치를 정확하게 재현하기 위해 그
려진 바둑판 모양의 방안선이다. 프린터
카메라
(2) 이미지 한 기기가 표현하는 색상과 다른 기기가 표현하는 색상을 일치시켜 준다. 예를 들어 모니터, 카메라, 프린터의 각각 다
(2) 이미지 이미지는 시각 언어의 일부분으로 각자 다른 언어를 쓰는 사람들도 이미지를 보고 [그림 Ⅰ-5] 운전 중 휴대 전화의 문자 메시지를 사용하 [그림 Ⅰ-6] 나무를 타이포그래피로 형상화한 포스터 관찰자
모니터
반응을 일으킨다는 점을 파악하면 색채를
정보의 내용을 이해할 수 있다. 이미지는 어떻게 기획・편집・통합하느냐에 따라 정보 면 위험하다는 내용을 타이포그래피로 표현한 공익 광고 디자인 생 생 생 직업 생 탐구 직업 탐구 2. 컬러 매니지먼트 시스템의 특징
른 색상 영역을 일관되게 관리하는 시스템이다.
퍼스널 컬러리스트(Personal Colorist) 퍼스널 컬러리스트(Personal Colorist)
전달 내용이나 전달력이 달라진다. 사실적인 사진과 주관적 해석이 강한 일러스트레 •컬러 모델, 장비 특성에 따른 매체 간의 오차를 최소화하여 컬러를 일관성 있게 유지한다.
이미지는 시각 언어의 일부분으로 각자 다른 언어를 쓰는 사람들도 이미지를 보고 (4) 색채 퍼스널 컬러(personal color)는 사람마다 가지고 •개별 장비의 컬러 모델, 장비 특성을 프로필 형태로 나타낸다.
잘 사용할 수 있다.
이션의 경계는 디지털 아트 기술의 발달로 점점 모호해지고 있다. 컴퓨터 그래픽의 몽
•교정 과정을 통해 구현될 색상을 예측할 수 있으며 시간과 비용을 절감할 수 있다.
타주 기법을 사용하면 두 장르를 쉽게 통합하여 자연스럽게 표현할 수 있다. 디자이너가 색상(color)을 선택하고 지정하는 방식을 이해하려면 먼저 색상의 작 있는 고유한 색을 분석하여 어울리는 색을 진단하는
방법이다. CMS의 기본 원리 각 장치의 고유 색상 영역
용과 분류에 대하여 알아야 한다. 왜냐하면 디자이너가 다루는 색상은 수천, 수만 가 3. 컬러 매니지먼트 시스템의 적용 효과
정보의 내용을 이해할 수 있다. 이미지는 어떻게 기획・편집・통합하느냐에 따라 정보 지에 달하며, 색채에는 인쇄 잉크에서 웹 기반의 컬러에 이르기까지 각각 특성이 다르 하는 일 퍼스널 컬러(personal color)는 사람마다 가지고 컬러 매니지먼트 시스템을 적용하면 입력한 색과 출력한 색이 일치하지만 적용하지 않으면 색상 차이가 발생한다.
기 때문이다. 또한 각종 미디어에서 색채를 배합하는 방식도 무궁무진하다. 패션 스타일리스트, 메이크업 아티스트, 헤어 컬 CMS 적용 입력 출력
있는 고유한 색을 분석하여 어울리는 색을 진단하는
사람은 각자 선호하는 색상과 인상 깊게 받아들이는 색상이 다르다. 그 이유는 오랜 러리스트, 이미지 메이커, 플로리스트, 숍 마스터 등 CMS
전달 내용이나 전달력이 달라진다. 사실적인 사진과 주관적 해석이 강한 일러스트레 세월을 거치는 동안 자연이나 사람 사이에 관련된 이미지를 각각 다른 색으로 연 다양한 분야에서 요구되는 색을 다루는 직업이다.
상하기 때문이다. 그러므로 색채가 기호 체계나 언어로써 작용하고 정서적 요구 능력 방법이다. 스캐너 피사체
이션의 경계는 디지털 아트 기술의 발달로 점점 모호해지고 있다. 컴퓨터 그래픽의 몽 반응을 일으킨다는 점을 파악하면 색채를 요구되며, 유행 색을 예측하고 정보를 수집하여 브 카메라 모니터 프린터 모니터
색을 활용하는 직업이므로 미적 감각과 창의성이
잘 사용할 수 있다.
컬러에 관심을 가지고
길잡이 정리 랜드에 맞게 색채를 조정할 수 있는 분석 능력과 풍 있다면 누구나 도전할 수 CMS 미적용 입력 출력
부한 창의력, 그리고 관찰력과 통찰력이 필요하다.
타주 기법을 사용하면 두 장르를 쉽게 통합하여 자연스럽게 표현할 수 있다. 있는 직업이에요. 전문 직업인
그래픽 디자인의 구성 요소 프로그램 하는 일 으로서 자부심을 가지고 스캐너 카메라
정리
길잡이
일할 수 있어요.
퍼스널 컬러리스트는 특별한 프로그램을 다루지
그래픽 디자인의 구성 요소
그래픽 디자인은 레이아웃, 이미지, 않아도 되지만 포토샵, 일러스트레이터, 인디자인 모니터
그래픽 디자인은 레이아웃, 이미지, 등을 다룰 수 있으면 효율적으로 일할 수 있다. 카메라
패션 스타일리스트, 메이크업 아티스트, 헤어 컬
타이포그래피, 색채 등으로 구성되어
[그림 Ⅰ-3] 에릭 요한슨(Erik Johansson/1985~ /스웨덴) 너 자신의 길을 가라 [그림 Ⅰ-4] 앙리 마티스(Henri Matisse/1869~1954/프랑스) 붉은 방(1908 [그림 Ⅰ-7] 브랜드를 대표하는 빨강 [그림 Ⅰ-8] 성실, 편안, 지적인 면을 상징적으로 나타내는 있으며, 이 요소들이 조화를 이룰 때 프린터
효과적으로 정보를 전달하게 된다.
(2008년 작) - 디지털 사진을 합성해 제작한 초현실주의적 작품 년 작) - 원색과 보색 대비 효과를 사용해 강렬한 개성을 표현한 작품 색상이 돋보이는 광고 파랑 색상으로 만든 제품 타이포그래피, 색채 등으로 구성되어
러리스트, 이미지 메이커, 플로리스트, 숍 마스터 등
있으며, 이 요소들이 조화를 이룰 때
12 Ⅰ. 컴퓨터 그래픽의 이해 1. 그래픽 디자인의 범위와 영역 13 90 Ⅲ. 컴퓨터 그래픽 요소 제작 카메라 1. 디지털 컬러 시스템 91
[그림 Ⅰ-7] 브랜드를 대표하는 빨강 [그림 Ⅰ-8] 성실, 편안, 지적인 면을 상징적으로 나타내는 효과적으로 정보를 전달하게 된다. 다양한 분야에서 요구되는 색을 다루는 직업이다. 모니터
색상이 돋보이는 광고 파랑 색상으로 만든 제품 관찰자
1. 그래픽 디자인의 범위와 영역 13 요구 능력 2. 컬러 매니지먼트 시스템의 특징
색을 활용하는 직업이므로 미적 감각과 창의성이 •컬러 모델, 장비 특성에 따른 매체 간의 오차를 최소화하여 컬러를 일관성 있게 유지한다.
❶ 용어 중요한 용어나 개념을 이해하기 쉽도록 정리하여 제시하였습니다. •개별 장비의 컬러 모델, 장비 특성을 프로필 형태로 나타낸다.
요구되며, 유행 색을 예측하고 정보를 수집하여 브
랜드에 맞게 색채를 조정할 수 있는 분석 능력과 풍
컬러에 관심을 가지고
•교정 과정을 통해 구현될 색상을 예측할 수 있으며 시간과 비용을 절감할 수 있다.
부한 창의력, 그리고 관찰력과 통찰력이 필요하다.
❷ 길잡이 정리 단원의 핵심 내용을 한눈에 보이도록 정리하여 제시하였습니다. 있다면 누구나 도전할 수
3. 컬러 매니지먼트 시스템의 적용 효과
있는 직업이에요. 전문 직업인
컬러 매니지먼트 시스템을 적용하면 입력한 색과 출력한 색이 일치하지만 적용하지 않으면 색상 차이가 발생한다.
프로그램
❸ 생생 직업 탐구 디자인 계열의 직업에 대해 소개하여 직업에 대한 이해와 진로 선택에 도움을 주고자 하였습니다. 으로서 자부심을 가지고
퍼스널 컬러리스트는 특별한 프로그램을 다루지 일할 수 있어요.
CMS 적용 출력
❹ 더 알아보기 단원의 주요 개념을 이해하는 데 도움이 되는 자료를 추가로 제시하였습니다. 입력
않아도 되지만 포토샵, 일러스트레이터, 인디자인
등을 다룰 수 있으면 효율적으로 일할 수 있다.
CMS
스캐너
90 Ⅲ. 컴퓨터 그래픽 요소 제작
[그림 Ⅰ-3] 에릭 요한슨(Erik Johansson/1985~ /스웨덴) 너 자신의 길을 가라 [그림 Ⅰ-4] 앙리 마티스(Henri Matisse/1869~1954/프랑스) 붉은 방(1908 모니터
(2008년 작) - 디지털 사진을 합성해 제작한 초현실주의적 작품 년 작) - 원색과 보색 대비 효과를 사용해 강렬한 개성을 표현한 작품 카메라
12 Ⅰ. 컴퓨터 그래픽의 이해 CMS 미적용 출력
입력
스캐너
모니터
카메라
1. 디지털 컬러 시스템 91