그래픽 기초

[벡터와 비트맵의 차이]

컴퓨터에서 사용하는 이미지 형식은 크게 두 가지로 나뉩니다.

벡터 / 비트맵

 

포토샵 - 비트맵 형식을 사용

 

[수식 기반의 벡터]

베겉 이미지는 비트맵 이미지와 달리 

어떤 해상도에서 자동으로 크기를 조절하므로

해상도와 관계없이 

깨끗한 이미지를 얻을 수 있습닌다.

 

 

[픽셀 기반 비트맵]

비트맵 파일은 픽셀이라고 불리는 조그만 사각형이

각각의 색상을 가지고 모여서 이미지를 만들어내는 방식입니다.

 

	벡터방식	비트맵 방식
장점	크기를 확대하거나 축소해도 이미지가 선명하고, 비트맵보다 용량이 적음	많은 픽셀로 정교하고 다양한 색상을 가진 이미지를 만듦
단점	사실적이고 정교한 이미지 표현에는 한계가 있음	확대하거나 축소하면 이미지 깨짐 현상이 있음
저장 방식	수학 기반의 선과 곡선의 모임	픽셀이라는 작은 사각형의 모임
파일 용량	이미지 해상도에 영향을 받지 않음	이미지 해상도가 클수록 용량이 커짐
저장 파일	AI, EPS, SVG	JPG, GIF, PNG, TIFF
프로그램	일러스트레이터, 코렐드로우, 플래시	포토샵, 페인터
이미지	로고, 포장, 디자인 등 간단한 이미지 제작에 사용	사진, 그래픽, 자연스러운 이미지 표현이 가능

---

 

 

[RGB와 CMYK 컬러모드]

[RGB]

디지털카메라, 웹에서 보는 대부분의 이미지는 RGB이다.

빛의 3원색인 빨강, 청록, 파랑 세 가지 색의 혼합으로 이루어진다.

많은 색이 혼합될수록 밝아진다. 

이러한 방법을 가산 혼합이라고 한다.

 

[CMYK]

인쇄물은 CMYK 모드이다.

Cyan(하늘색 계열), Magenta(다홍색 계열), Yellow(노랑색 계열) + Black(K)을 CMYK라고 부른다.

인쇄 목적의 이미지 제작에서 쓰인다.

 

[RGB, CMYK 모드 설정]

File -> New [단축키 : Ctrl + N]을 선택하면 Color Mode가 있다.

여기서 RGB 또는 CMYK 모드 설정이 가능하다.

 

 

Color Mode 설정

---

 

 

[해상도]

해상도는 1인치(inch)안에 몇 개의 픽셀 또는 점으로 이루어졌는지의 정도를 나타냅니다.

 

[이미지 해상도 조절]

비트맵 방식에서는 해상도가 클수록 이미지가 선명하게 보입니다.

 

[ppi / dpi]

해상도는 일반적으로 ppi / dpi라는 단위를 사용합니다.

ppi = pixels per inch

dpi = dot per inch

pixel은 모니터에서 사용되는 해상도이고

dot은 프린터에서 사용하는 해상도입니다.

 

---

 

 

[이미지 파일 형식, 포맷 저장]

포토샵에서 작업한 파일을 웹에서 사용하려면

JPEG, GIF, PNG와 같은 저용량 파일 형식으로 압축된 이미지를 사용해야 한다.

 

[File] - [Export] - [Save for Web]

 

[PSD]

포토샵에서 사용하는 파일 형식은 PSD 확장자를 가진다.

PSD는 포토샵에서 작업한 정보를 저장한다.

나중에 수정이 필요한 작업물은 반드시 PSD 포맷으로 저장해야 한다.

 

[JPEG]

넓은 범위의 색을 지원하고 압축률이 매우 높아

사진을 온라인에 게시할 때 유용하게 사용

 

[GIF]

움직이미는 이미지이며

색을 최대 256개까지밖에 사용할 수 없다.

 

[PNG]

JPEG와 GIF의 장점을 합한 포맷으로

투명도가 꼭 필요한 경우라면 PNG로 저장해야 한다.

 

 

---

 

[색의 3속성]

색의 3속성이란 색상, 채도, 명도이다.

채도는 Saturation, 명도는 Lightness로 표현

 

 

[색상(H)]

색을 구별하는 특성이다.

 

[채도(C)]

색이 맑고 탁함의 정도

 

[명도(V)]

색의 밝고 어두움.

명도가 높을수록 흰색에 가깝고

명도가 낮을수록 검은색에 가깝다.

 

 

 

출처 : 포토샵&일러스트레이터 2021