<이미지의 형식>
벡터 (수식 기반) | 비트맵 (픽셀 기반) |
수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지 | 픽셀이라고 불리는 조그만 사각형이 각각의 색상을 가지고 모여서 이미지를 만들어내는 방식 |
정교한 표현에는 한계가 있음 | 확대나 축소 시 이미지 깨짐 |
해상도와 관계x | 해상도up -> 용량up |
AI,EPS,SVG | JPG,GIF,PNG,TIFF |
<RGB와 CMYK 컬러모드>
RGB | CMYK |
빛의 3원색: Red, Green, Blue | 색의 3원색: Cyan(하늘), Magenta(다홍), Yellow +Black(K) |
모니터 | 인쇄물 |
혼합될수록 밝아짐(가산 컬러) | 혼합될수록 까매짐(감산 컬러) |
<해상도>
//linch 안에 몇 개의 픽셀 또는 점으로 이루어져있는지의 정도. 단위: ppi, dpi
- 보편적인 해상도
- 웹: 72ppi / 96ppi
- 인쇄물: 150~300ppi / 400ppi
- ppi와 dpi의 차이점
ppi | dpi |
Pixels per inch | Dots per inch |
조그만 사각형 | 둥근 모양 |
모니터 | 프린터 |
<이미지 포맷 형식>
//포토샵에서 작업한 파일을 웹에서 사용하려면 저용량 파일 형식으로 압축된 이미지를 사용해야 함.
- PSD : 포토샵 확장자. 포토샵에서 작업한 모든 정보를 저장.
- JPEG(JPG) : 넓은 범위의 색을 지원하고 압축률이 매우 높음.
- GIF : 움직이는 이미지. 256개의 색만을 사용할 수 있음.
- PNG : JPEG와 GIF의 장점을 합한 포맷. 투명도가 꼭 필요한 경우 사용.
<색의 3속성>
//3가지 속성이 모여 색(Color)을 이룸. 세 속성 모두 수치로 표현.
색상(Hue) | 채도(Chroma) | 명도(Value) |
색의 맑고 탁함 정도. | 색의 밝고 어두움 정도. | |
채도가 높을수록 순색, 낮을수록 무채색 | 명도가 높을수록 흰색, 낮을수록 검은색 |
출처: 맛있는디자인 포토샵&일러스트레이터 CC 2023, 한빛미디어
728x90