메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의


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



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

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

*비트맵 이미지

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

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

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

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

*벡터 이미지

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

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




번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 325
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373