Digital Design Basics

디자인이란

시각언어의 가장 큰 예 : 픽토그램

디지털 이미지란

비트맵 vs 벡터

비트맵 : 픽셀이라는 작은 점들의 모자이크. 사진이나 복잡한 질감 표현에 유리함. 확대하면 깨짐. 사진 편집 및 디지털페인팅용(포토샵). 이미지 크기와 해상도에 비례하여 파일용량 커짐.  

벡터 : 점과 점을 잇는 수학적 계산이 된 선. 아무리 확대해도 깨지지 않아  로고나 폰트 디자인에 필수(일러스트레이터), 이미지의 복잡도(점의 개수)에 비례하여 파일용량 커짐 

비트맵

1280*720 비율을 예로 들자면, x축으로 픽셀 1280개가 늘어져있는거고 y축으로 720개가 늘어져있는것. 총 921,600개 픽셀

각 픽셀에는 위치정보가 있음.

각 픽셀안에는 서브픽셀이 존재.  서브픽셀은 Channel이라는 색상 정보를 가짐.

-이진 : 정보층이 1개로 예 / 아니오만 따짐. 흰색과 검정색 2가지 정보만 가짐

-그레이 : 정보층이 1개인데 밝기로 단계를 따짐. 0(검정)~ 255(흰색)까지 256단계의 회색빛 정보를 가짐

-RGB : 정보층이 3개로 세가지 채널을 섞어서 색상을 만듬.  

• 단순성: 흑백 두 가지 색상만 사용하기 때문에 정보량이 적고 저장 공간이 적게 필요함.
• 처리속도: 다른 이미지 형식에 비해 처리 속도가 빠름.
• 특정 작업에 유용: 이미지 윤곽선 추출, 문자 인식, 바코드 스캔 등 특정 작업에 유용.

• 문서 이미지: 문서, 영수증, 명함 등의 이미지를 스캔하여 텍스트 추출에 사용.
• 의료 영상: X-ray, CT, MRI 등의 의료 영상에서 특정 영역을 강조하거나 분석하는데 사용.
• 산업 영상: 제품 검사, 품질 관리 등의 산업 분야에서 불량품을 찾거나 결함을 감지하는데 사용.
• 보안: 지문 인식, 얼굴 인식 등의 보안 분야에서 개인을 식별하는 데 사용.

Bit depth : 픽셀 하나가 가질 수 있는 색의 가짓수

bpp : 가짓수를 말하는 단위 개념

1bpp : 2가지색 (검정/흰색)

8bpp : 256가지색 (흰~검정)

24bpp : 1,677만가지 색 (RGB)

32bpp : 컬러정보 24비트 + 투명조절용 8비트

Alpha(투명도)

0은 검정으로 표현되며 완전 투명 / 255는 흰색으로 표현되며 완전 불투명

벡터

Anchor(점) : 비트맵처럼 픽셀이 아니라 가상의 눈금 위에 찍히는 좌표(x,y)

Path(선) : 점과 점을 잇는 경로

Plane(면) : path들이 합쳐 갇혀진 형탤르 만든 후 안에 색상 정보를 채우면 면이 됨 

비트맵 : 크기를 키운다면 고정된 이미지의 픽셀을 그대로 늘리고 자연스럽게 이어지게 하는 것이 아니기에 계단현상이 심해짐

벡터 : 크기를 100배 키워도 컴퓨터가 A(x1,y1)에서 B(x100,y100)까지 선을 다시 계산해서 그리기에 선 유지가능

확장자