웹디자인

그래픽 기초 지식

욕심많은 햄톨 2023. 10. 13. 00:29

<이미지의 형식>

벡터 (수식 기반) 비트맵 (픽셀 기반)
수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지 픽셀이라고 불리는 조그만 사각형이 각각의 색상을 가지고 모여서 이미지를 만들어내는 방식
정교한 표현에는 한계가 있음 확대나 축소 시 이미지 깨짐
해상도와 관계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