이거? 저거!

다섯번째 걸음- 비트맵 ,벡터 ? 개념을 알아보자 본문

디자인 쉽게 쉽게/포토샵 초보자여도 괜찮아

다섯번째 걸음- 비트맵 ,벡터 ? 개념을 알아보자

요꾸씨 2019. 6. 7. 23:21
 

 

 

 

 

안녕하세요~! 벌써 다섯번째 시간이네요
이번에는 저번 시간에 이야기가 잠깐 나온
비트맵(bitmap),벡터(Vector)
에 대해서 이야기 해볼까 합니다!

 

 
 

 

지난 이야기

비트맵? 벡터? 

 

어디선가 들어본적이 있을 수도 있고
처음 들어보실수도 있는 이름들입니다.
그렇다 해서 쉬이 넘어갈수 없는 개념인데요
왜냐하면 포토샵, 일러스트를 포함해 그래픽 작업에 들어가는
기초 개념이기 때문입니다.
 
미술학원에서 그림을 그리기 전에 점,선,면에 대해 이해하듯이
 디자인을 하기 전에는 비트맵과 벡터라는 개념에 대해
 이해하고 있는게 도움이 되겠죠? 

비트맵을 설명하기 전에, 비트맵을 이루는 픽셀을 알아야 합니다. 

 

 

픽셀(pixel) 이란?

->디지털 이미지를 이루는 가장 작은 단위로
네모 모양의 작은 점을 말합니다.

 

비트맵(bitmap)은 이런 픽셀이 이루는 큰 그림을 뜻해요

핸드폰, 티비의 화면을 아주 가까이서 보신적이 있나요?
아주 가까이서 보면, 작은 사각형으로 화면이
이루어진걸 알수 있습니다.
뿐만 아니라, 인터넷등에서 화질이 낮은 사진을 다운받으면
사각형으로 화질이 깨지는걸 보신적이 있나요?
 
돌아다니는 짤을 가져오고 

확대를 하면 이런 현상이 생기죠!

 

 픽셀이 사각형 모양이기 때문에  이렇게 화질이 낮아지면 사각형 모양으로 
계단현상이 생기는 것이에요.
 
포토샵에서는 이런 픽셀 (pixel)이 캔버스를 구성하는 기본 단위이고
일러스트에선 벡터 (vector)가 캔버스를 구성하는 기본 단위입니다
이제 픽셀을 알았으니 벡터가 뭔지 궁금하시죠?
 

벡터(vector)란? 

->작은 사각형으로 이미지를 이루는 픽셀과 달리,
선분으로 이미지를 기억하며, 벡터는 그 선분을 말합니다.
 
벡터는 감이 잘 안오시나요? 벡터는 쉽게 말해
수학적으로 '모양'을 기억한다 라고 생각하면 쉽습니다.
픽셀은 퍼즐처럼 점 하나하나가 큰 이미지를 이루지만,
벡터는 이미지의 모양자체를 계산해 기억하기 떄문에 확대를 아무리 해도
깨지지 않는 특성이 있습니다.

 

 
벡터로 만든 하트를 확대하면?

이렇게 아무리 확대를 해도 깨지지않습니다 

 

 

 

Q. 그렇다면 모두 벡터로 작업하는 게 좋지 않나요?

 

A. 모든 것엔 각자 장단점이 있듯이, 벡터는 세세한 작업을 하기 힘들며

컴퓨터에 무리가 갈 수 있다는 단점이 있습니다.

 

 

 

  장점 단점
비트맵

정교하고 세세한 작업이 가능하다

픽셀로 색을 다양하게 쓸 수 있다.

이미지가 깨질 가능성이 높다

 

벡터 이미지가 깨질 우려가 없다

다양한 색과 정교하고 세세한 작업이 불가하다,

세밀해질수록 컴퓨터에 부담이 간다 

 

 

이런 특성 때문에, 포스터나 그림 등의 작업은 주로 비트맵으로 이뤄지며.

크기를 자유롭게 조절해 사용해야 하는 로고 등에서는 벡터 방식을 주로 사용합니다.

 

 

 

특성에 맞게 프로그램을 사용하는 것이 좋겠죠? 

다음시간에는 이어서 다른툴에 대해 알아보겠습니다!

 

 

 

 

 

 

 

 

 

 

궁금한 점이 있다면? 

Q&A 게시판

 

Q&A 게시판

이 강좌가 아니더라도 여러분이 다른 강좌를 보시다 궁금한 점, 하다 진행이 안 되는 부분들을 자유롭게 댓글로 물어봐주세요! (*포토샵, 일러스트에 관한 질문만 받습니다.)

that-nothis.tistory.com

 

 

 

Comments