멀티미디어 기본 + 활용 제대로 배우기

제 1 부 멀티미디어 (Multimedia) 와 웹 (Web)제 1 장 멀티미디어 (Multimedia) 와 생활제 2 장 웹 (Web) 과 멀티미디어 (Multimedia)

제 2 부 컴퓨터 그래픽스 (Computer Graphics)제 3 장 컴퓨터 그래픽스 (Computer Graphics) 기본 개념제 4 장 래스터 이미지 (Raster Image) 와 포토샵 (Photoshop)제 5 장 벡터 이미지 (Vector Image) 와 일러스트레이터 (Illustrator)

제 3 부 컴퓨터 애니메이션 (Computer Animation)제 6 장 컴퓨터 애니메이션 (Computer Animation)제 7 장 래스터 애니메이션 (Raster Animation) 과 GIF 애니메이터 (Animator)제 8 장 벡터 애니메이션 (Vector Animation) 과 플래시 (Flash)/ 스위시

(SWiSH)제 4 부 오디오 (Audio) 와 사운드 (Sound)

제 9 장 사운드 (Sound) 와 디지털 사운드 (Digital Sound)제 5 부 비디오 (Video) 와 동영상 (Movie)

제 10 장 동영상 (Movie) 과 코덱 (CODEC)제 11 장 동영상 (Movie) 과 프리미어 (Premiere)제 12 장 모션 그래픽스 (Motion Graphics) 와 애프터 이펙트 (After Effects)

제 6 부 가상현실과 웹 (Web)제 13 장 가상현실 (Virtual Reality) 과 VRML/X3D

목 차목 차

픽셀 (Pixel) 과 해상도 (Resolution) 픽셀 (Pixel) : Picture element 의 줄인 말

• 디지털 사진 ( 이미지 ) 을 구성하고 있는 최소 기본 단위의 명암을 표현하는 작은 점을 의미 , 화소 ( 畵素 ) 라고도 함

해상도 (Resolution)• 이미지를 표현하는 데 전체적으로 몇 개의 픽셀 ( 화소 ) 이나 점 (dot) 으로

나타냈는지의 정도를 나타내는 말• 단위

• 1 인치당 몇 개의 픽셀로 이루어졌는지를 나타내는 ppi(pixel per inch)

• 1 인치당 몇 개의 점 (dot) 으로 이루어졌는지를 나타내는 dpi(dot per inch)

• 이미지 해상도 , 비트 해상도 , 화면 해상도 /모니터 해상도 , 출력기 ( 프린터 ) 해상도 등을 구분

제 3 장 컴퓨터 그래픽스 (Computer Graphics) 의 기본 개념제 3 장 컴퓨터 그래픽스 (Computer Graphics) 의 기본 개념

제 2 부 컴퓨터 그래픽스 (Computer Graphics) 멀티미디어 기본 + 활용 제대로 배우기

픽셀 (Pixel) 과 해상도 (Resolution) ( 계속 ) 해상도 (Resolution) ( 계속 )

• 이미지 해상도• 하나의 이미지를 구성하는 전체 픽셀의 개수를 의미• 이미지의 크기를 재는 단위로 사용• 단위 : percent, pixels, inches, centimeter, points, picas, column

등• 비트 해상도

• 하나의 픽셀이 표현할 수 있는 색상의 수 ( 심도 , Depth) 를 말하는 것



비트수 사용 가능 색상 수 ( 개 ) 색상의 심도 () 비 고

1 2 2^1 흑백 모니터

2 4 2^2

... ... ...

7 128 2^7

8 256 2^8

16 65,536 2^16 High Color

24 16,777,216 2^24True Color

자연색

3216,777,216 + 8 비트 회색 음영

마스크 2^32


• 비트 해상도 ( 계속 )• 비디오 메모리 요구량

• ( 수평해상도 X 수직해상도 X 색상표현비트수 )/8bit = ? bytes• 해상도와 색상의 수 ( 색상의 심도 ) 에 따른 비디오 메모리 양



해상도 (Resolution) 색상 심도 (bit) 색상 수 ( 개 ) RAM (MB)

640 x 480 16 65,536 1.00

640 x 480 24 16,777,216 1.00

640 x 480 32 16,777,216 + 8 비트 회색 음영 마스크 1.50

800 x 600 16 65,536 1.00

800 x 600 24 16,777,216 1.50

800 x 600 32 16,777,216 + 8 비트 회색 음영 마스크 2.00

1024 x 768 16 65,536 1.50

1024 x 768 24 16,777,216 2.50

1024 x 768 32 16,777,216 + 8 비트 회색 음영 마스크 3.50

1280 x 1024 16 65,536 2.50

1280 x 1024 24 16,777,216 4.00

1280 x 1024 32 16,777,216 + 8 비트 회색 음영 마스크 5.50

1600 x 1200 16 65,536 4.00

1600 x 1200 24 16,777,216 6.00

1600 x 1200 32 16,777,216 + 8 비트 회색 음영 마스크 8.00


• 화면 해상도• 이미지를 화면에 표시할 때 정밀함의 정도를 나타내는 것• 단위 : ppi(pixel per inch)• 모니터 자체의 해상도 수준을 정의하는 모니터 해상도에도 사용• 매체별 이상적 해상도

• 전문적 출판을 위한 컬러 이미지 300dpi• 컬러 슬라이드 300dpi• 오버헤드 프로젝트 (OHP, Over Head Project) 용 컬러 이미지

180dpi• 컴퓨터 모니터용 컬러 이미지 72dpi• 출판용 흑백 이미지 180dpi• 일반 레이저 프린팅을 위한 흑백 이미지 120dpi




출력기 ( 프린터 ) 해상도• 모니터 , 프린터 , 필름 레코더 등의 출력기가 출력할 수 있는 정밀도를

의미• 단위 : lpi(lines per inch), dpi(dot per inch)• lpi : 일반적으로 인쇄에 관계된 출력기의 경우• dpi : 레이저 프린터의 경우



컬러 모델 (Color Model) RGB 컬러 모드

• 색상에 있어서 가장 기본 컬러 ( 적색 (Red), 녹색 (Green), 청색 (Blue)) 모델로서 , 래스터 ( 비트맵 ) 방식에 있어 기본이 되는 색상

CMY/CMYK 컬러 모드• RGB 컬러 모드로 작업한 결과물을 인쇄에 적용하면 원래의 색을 완벽하게

표현해주지 못하는 단점을 보완하기 위해 개발된 모드• 인간의 눈을 통해 지각하는 기본 색상 모델이고 인쇄 및 일반 수작업의

기본이 되는 색상 모드



래스터 이미지 (Raster Image) 와 벡터 이미지 (Vector Image) 래스터 이미지

각 픽셀들의 위치와 색상 정보에 의해 구성되는 이미지 ( 예 , 점묘화 , 모자이크화 등 ) 를 의미

비트맵 (Bitmap) 이미지특 성

– 정사각형 형태의 작은 픽셀들이 모여서 하나의 이미지를 구성하는 형식으로서 , 자연스러운 이미지 표현이 가능

– 다양한 질감과 사실적 효과의 표현이 가능하여 스캐너나 디지털 카메라로부터 읽어온 디지털 이미지의 향상 및 재조정 등에 매우 유용

– 색상과 색상이 만나는 경계 부분에서 부드럽게 퍼지는 효과– 이미지의 크기를 확대하거나 축소시키면 계단 현상 ( 모자이크 현상 ) 이

나타나서 이미지의 질이 크게 손상되기 때문에 화질을 보장하기 어려움– 사진이나 각종 회화 이미지에 적합하기는 하나 , 파일의 크기가 큰 단점– 포토샵 (Photoshop), 파이어웍스 (FireWorks), 페이트샵프로

(PaintShopPro), 페인터 (Painter) 등의 이미지 편집 프로그램에서 주로 사용

– 파일 포맷 : *.psd, *.jpg, *.gif, *.pitc, *.pdf, *.dwg, *.dxf, *.bmp, *.tiff, *.tga, *.png 등



래스터 이미지 (Raster Image) 와 벡터 이미지 (Vector Image) ( 계속 )

래스터 이미지



래스터 이미지 (Raster Image) 와 벡터 이미지 (Vector Image) ( 계속 )

벡터 이미지개체 지향 또는 그림 이미지수학적으로 정의 : 선으로 결합된 일련의 부분특 성

– 벡터 이미지 파일에는 선을 그리기 위해 각 비트들이 저장되어 있는 대신에 , 연결된 점의 위치가 들어있어 곡선의 형태로 이미지를 구성

– 비트맵 이미지에 비하여 파일 크기가 매우 작으며 , 출력 결과물의 선명도도 훨씬 좋음

– 이미지의 크기를 확대 /축소시켜도 이미지의 질에는 거의 영향이 없음

– 색상이 맞닿는 부분에서 칼로 자른 것과 같은 정확한 경계면이 출력

– 선과 면이 깔끔하고 정갈하기 때문에 글자 , 로고 , 캐릭터 디자인에 적합

– 일러스트레이터 (Illustrator), 코렐드로우 (CoralDraw) 등의 이미지 제작 및 편집 프로그램에서 주로 사용

– 파일 포맷 : *.ai, *.cdr, *.eps 등



멀티미디어 기본 + 활용 제대로 배우기

Documents