메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의


^^ 안냐세요 바비입니다 ^^
오늘은 강좌가 2개 올라갑니다 ^^
그리고 저에게 일러스트 받으신분들 ^^ 꼬옥 이쁜 그림 마니마니 그리세요 ^^
바비강좌는 꼼꼼한 이론을 바탕으로 할 것이기에 지루하더라도 이론을 확실히 하신후에
실기로 들어가도록 하겠습니다 ^^
이곳에서 나오는 이론은 포토샵과 페인트샵 , 페인터에도 공통으로 적용할 수 있는 것들이
많아서 유용하게 쓰여질 것입니다.



1.벡터 이미지와 비트맵 이미지 철저히 분석하기

2D그래픽 프로그램의 가장 대표적인 두가지 프로그램이 바로 일러스트레이터와 포토샵입니다.
이 두가지 프로그램은 기본적으로 서로다른 이미지 표현방식을 가지고 있기때문에
프로그램의 활용 방식 자체가 달라지는데 일러스트레이터는 드로잉위주로 진행되며,
포토샵은 리터칭 위주의 작업을 주로 합니다.
형태를 만들기에 용이한 벡터 이미지와 색상을 표현하기에 용이한 비트맵 이미지에 대하여 살펴보겠습니다.

*비트맵 이미지

비트맵 이미지의 내부는 정사각형 모양의 픽셀들로 가득 채워져 있으며, 각각의 픽셀들은 하나의 색상 정보를 가지고 표현합니다.
그러므로 하나하나의 색상들이 아주 미세한 차이의 섹상들이어서, 아주 작은 사이즈의 픽셀들이 모여있으며, 우리의 눈으로는 작은 픽셀의 형태가 구분되지 않고, 자연스러운 색상의 변화로 이루어진 사진 같은 상태로 이미지를 볼 수 있습니다.

포토샾, 페인터, 페인터샾 등

(아주 간단히 포토샵에서 도트그림을 생각해 보세요 ^^)

+비트맵 이미지의 미세한 색조 변화
비트맵 이미지는 호화의 점묘법 방식으로 이미지를 표현하는 것으로, 컴퓨터에서 색,점(픽셀)들을
아주 작게 표현함으로 자연스러운 이미지로 보이게 합니다.
우리가 눈으로는 구분할 수 없을 정도의 미세한 색상차이를 보여줌으로서 우리가 실제로 보는 질
감이나 빛의 느낌들을 그대로 느낄 수 가 있습니다.

*벡터 이미지

비트맵과 달리 픽셀이 아닌 선으로 이루어져 있기 때문에 실제 사이즈에서 아무리 확새를해도 같은 모양으로 선명한 이미지를 보이며, 풀력을 햇을 때에도 비크맵 이미지와는 달리 경계 영역이 분명하고 깨끗하게 출력됩니다.
로고, 심벌, 캐릭터 디자인 등과 같은 작업을 할 때, 적합하고, 비트맵과 달리 용량이 매우 작아 웹에서 많이 이용되고 있습니다.

일러스트레이터, 코렐드로우, 프리핸드, 플래시 등