Graphic/그래픽 기초

Bitmap / Vector

용돌 2022. 6. 14. 17:39

비트맵(Bitmap) ➡ 확대하면 깨짐

: 색을 가진 픽셀, 점들이 모여 이미지를 구성하는 그래픽 방식

 

벡터(Vector) ➡ 확대해도 안 깨짐

: 점과 점을 연결하여 수학적 함수 관계에 의해 선과 면으로 그래픽을 표현하는 방식

 

 

차이를 명확히 보기 위해서 일러스트로 양송이를 하나 만들었다.

 

 이것을 포토샵에 복사해주었음.

 

딱 봐도

 

계단 현상을 확인할 수가 있었다.

 

일러스트는?

아주 매끈매끈함.

 

비트맵(Bitmap)은 한 단어로 '픽셀(Pixel)'

벡터(Vector)는 한 단어로 '함수(좌표계의 선과 면)'

 

비트맵(Bitmap)의 대표적인 프로그램은 Photoshop,

벡터(Vector)의 대표적인 프로그램은 Illustrator이다.

 

 

하지만, Photoshop에서도 벡터(Vector) 속성의 작업을 할 수 있다.

 

Pen과 Shape Tool을 사용하여

 

양송이 위에 Shape 툴로 별을 그리고 Pen 툴로 곡선 패스를 하나 그려주었다.

섬네일에서 다른 비트맵 레이어와는 차이를 알 수 있지만 포토샵 화면에서 볼 때는 동일하게 픽셀이 뭉쳐있어

계단현상이 나타나고 있는 것을 볼 수 있었음.

 

하지만 속성은 벡터이기 때문에 일러스트로 옮겨서 벡터로 작업이 가능하다.

일러스트로 옮길 객체가 있는 레이어를 선택하고 (별을 선택했음)

File - Export - Paths to Illustrator 를 클릭

 

Ok를 눌러주면

 

일러스트 파일 저장이 가능하다. 저장 경로를 설정해주면

 

일러스트에서 불러와 작업이 가능하다.

(색이 없어서, 파일을 열었을 때 아무것도 있지 않아 매우 당황하였음.

나도 차근히 공부하고 있는 학생이라서 이유를 모르겠다.)