웹디자인기능사 필기핵심이론 공부 Part. 7 : #24. 컴퓨터 그래픽스의 개념과 역사 ~ #25. 컴퓨터 그래픽스의 원리

- 목 차 -

#24. 컴퓨터 그래픽스 개념과 역사 (출제빈도 : 중)

#25. 컴퓨터 그래픽스의 원리 (출제빈도 : 중)

---

#24. 컴퓨터그래픽스 개념과 역사 (출제빈도 : 중)

 

1. 컴퓨터 그래픽스의 개념

* 컴퓨터 그래픽스의 개념

 - 하드웨어, 소프트웨어 이용 도형, 그림, 화상 등 시각적 이미지 가공 - 디지털화하는 일련의 작업과 기술..

 

 

* 컴퓨터 그래픽스의 장단점

장  점	1. 수작업보다 소요 인원이 적고 2. 한번 작업 후 재사용 가능 3. 작업 정확, 작업 주기 단축 가능 4. 의사결정 쉽게 5. 시간 경비 절감 정확한 색상 6. 다양한 예술 표현가능
단  점	1. 창조성이나 아이디어를 제공 할순없다 2. 순수하지 않음 획일적 3. 모니터, 출력장치, 인쇄물 컬러방식이 동일하진 않아 보정작업 필요

 

 

2. 컴퓨터 그래픽스 시스템

 

* 컴퓨터 그래픽스 하드웨어

종  류	내  용	장치의 종류
입력 장치	데이터 입력받기 위한 장치	키보드, 마우스, 태블릿, 디지타이저, 스크린, 터치스크린 등
처리 장치	입력받은 값을 처리하는 장치	CPU, 그래픽카드 등
주기억 장치	현재 작업중인 내용 기록하는 장치	RAM(휘발성), ROM(비휘발성)
출력장치	작업결과를 출력하는 장치	모니터, 프린터, 프로젝터, 플로터 등
보조기억 장치	대용량 저장 장치	하드디스크, 시디롬, 유에스비, 플래쉬드라이브 등

 

 

* 컴퓨터 그래픽스 소프트웨어

 - 위지윅 (What You See Is What You Get) 작업결과물을 눈으로 바로 확인가능함. 화면 = 출력물

그래픽 편집	도안 제작, 이미지 리터칭 작업 포토샵, 일러, 코렐드로우, 페인트샵 등
인쇄물 편집 디자인	출판물 인쇄물의 편집, 디자인 인디자인, 퀵익스프레스, 페이지메이커 등
3D 영상	3차원 이미지, 건축, 인테리어 영상 등 3D MAX, 오토캐드, 마야 등
동영상 및 멀티미디어	TV, 비디오영상 편집, 멀티미디어 제작 프리미어, 디렉터, 애프터 이펙트 등
웹 이미지 및 배너	웹용 움직이는 이미지, 애니메이션 제작 플래쉬, 스위시
웹 에디터	웹 페이지 편집 및 제작 나모, 드림위버, 프론트페이지, 에디트플러스 등

 

 

* 컴퓨터 그래픽스 정보 용량 단위

비트 bit	0과 1 조합으로 된 최소 연산 단위
바이트 byte	8개의 비트가 모여	1Byte = 8bit
워드 word	실제적으로 정보가 처리되는 단위	32bit 또는 64bit
킬로바이트 kilobyte	1024bytes	2의 10승
메가바이트 megabyte	1024KB	2의 20승
기가바이트 gigabyte	1024MB	2의 30승
테라바이트 terabyte	1024GB	2의 40승

 

3. 컴퓨터 그래픽스 역사

 

* 컴퓨터 그래픽스 발달 과정

1세대 진공관 1946~1950말	에니악 X-Y 플로터
2세대 트랜지스터 1950년대말~1960년대 중반	컴퓨터 그래픽스 기반 구축 CRT시대 보잉사가 CRT를 이용해 보잉737설계 CAD기반 구축
3세대 집적회로 1960년대 말~1970년대 초	스토리지형 CRT시대 CRT3차원 표시 와이어 프레임의 입체표현 가능 만델브로가 프렉탈 기술 첫 발표
4세대 고밀도 집적회로 1970년~1980년대 말	래스터 스캔형 CRT시대 색,면으로 입체물 표현 전자출판 개막 컴퓨터 그래픽스 전성기 그래픽 아트의 발전
5세대 초고밀도 집적회로 1980년 말~1990년대 그리고 현재	3D 그래픽스 발전 멀티미디어 발전 소형 TFT-LCD GUI 사용자 중심 환경 전자출판 (DTP) 시대 인공지능 시대

---

#25. 컴퓨터 그래픽스의 원리 (출제빈도 : 중)

 

1. 컴퓨터 그래픽스 이미지 표현

* 픽셀(Pixel) : Picture Element의 합성어 / 이미지의 최소 단위

 - 한 픽셀의 위치정보는 직교 좌표계의 x, y 좌표값으로 표시

 

비트 심도 (제곱표기하기 귀찮아서 한글로 승이라고 씀)	표현 가능한 색상 수
1bit (2의 0승)	2색 (검 또는 흰)
2bit (2의 2승)	4색
8bit (2의 8승)	256색
16bit (2의 16승)	65,536
24bit (2의 24승)	16,777,216
32bit (2의 32승)	24bit + 8bit(256단계) (8bit : 투명도를 가진 알파채널)

 

* 해상도 : 기본단위당 들어가는 픽셀의 개수로 표현 / 이미지 품질 좌우

PPI Pixel Per Inch	1인치 당 픽셀 개수 이미지, 모니터 해상도
DPI Dot Per Inch	1인치 당 점의 개수 프린터 또는 스캐너 해상도
LP Line Per Inch	1인치 당 선의 개수 출력 해상도

 

* 이미지 표현 단계 : 이미지 구상 - 도구 선택 및 드로잉 - 색상 선택 - 이미지 표현

 

* 이미지 표현 방식

비트맵 Bitmap	* 이미지가 픽셀로 표현되는 방식 * 픽셀 = 레스터 * 과한 확대/축소는 이미지 품질 저하 야기 * 이미지 보정, 합성 작업 활용 포토샵, 페인터 bmp, jpg, gif, pcx 파일 포맷
벡터 Vector	* 수학적 계산 이용해 이미지 표현 * 도형을 확대/축소/회전/이동 등 하여도 품질 유지 * 심벌디자인, 도안 작업 등에 활용 일러, 코렐, 플래시 등 ai, eps, 파일 포맷

 

* 비트맵 이미지의 안티앨리어싱(anti-aliasing)

 - 비트맵 이미지에서 픽셀이 사각형이기 때문에 곡선부분에서 계단현상일어나고 거칠게 일어나는것을 감쇄시키기 위해서 사용.

 

 

* 이미지 색상 체재

RGB	* 모니터, 빔프로젝터 * Red, Green, Blue 가산혼합 * 모두 0이면 black * 모두 255이면 white
CMYK	* 인쇄결과물을 위해 * Cyan, Magenta, Yellw, Black 감산혼합 * 4개의 색을 각각 분해해서 네거티브 필름 만듦 (색분해)
HSB컬러	* Hue 색상, Brightness 명도, Saturation 채도 * H 표준 색상환 0~360도 사이 값 * B 는 0%~100%(흰) 사이 값
Lab 컬러	국제조명협회가 국제 표준으로 제안
Grayscale	회색 음영으로 구성
Index 컬러	256가지의 색상을 선별

 

2. 컴퓨터 그래픽스 파일 포맷

 

* 이미지 파일 포맷

 - 웹에 사용되는 이미지 포맷 : jpg, gif, png

 - 무손실 압축 알고리즘 LZW을 이용하는 포맷 : gif, tiff, pdf

jpg or jpeg	연합 사진 영상 전문가 그룹에서 개발 24bit의 1600만여 가지 색 표현 웹 용 이미지 손실 압축
gif	최대 256색으로 제한 빠른 전송 - 웹용 이미지 투명 이미지, 애니메이션 사용 가능 디어링 기법 활용
png	트루컬러, 고해상도 지원 투명이미지 제작, 무손실 압축
tiff	인쇄목적
eps	CMYK 4도 분판을 목적으로
pdf	전자책, CD출판에 사용
psd(photoshop)	포토샵 파일

 

* 기타 파일 포맷

 - 음악 관련 : wav, mp3, wma, midi

 - 동영상 관련 : mp4, avi, mov, swf, flv

 

 

 

 

 

 

목차로 이동하기

 

to be continued...