Navigation Menu+

WEEK4

Week4
콘텐츠의 제작 실습2

예시파일: 일러스트 파일 (cool), 팬툴패스(pen tool path 4.5.6 _ cat mask)

벡터와 비트맵의 차이
벡터 방식은 점과 점을 연결함으로써 수학적 함수관계에 의해 이미지를 표현하여 선과 면을 만든다.  이렇게 만들어진 선이 두껫값과 색상 값, 곡률값을 갖거나 면이 색상 값을 가지면서 이런 점, 선, 면의 요소들이 모여 그래픽을 만들된다.

벡터의 점은 좌표계(x,y)로 구성되기 때문에 비트맵의 픽셀과 달리 이미지의 크기 조절이나 변형 때문에 해상도가 깨지지 않는다. 돋보기로 봐야 할 만큼 크기를 줄이고, 건물 외벽에 붙일 만큼 크기를 키워도 깨짐현상이 없다. 그래서 벡터 방식은 이곳, 저곳, 여기, 저기 적용하는 부분이 많아, 크기조절이 자유로워야 하는 로고나 여러 포인트로 조정되어야 하는 서체, 다양한 크기로 여러 곳에 응용되어야 하는 캐릭터 등을 제작할 때 사용한다.그리고 픽셀로 구성되는 비트맵보다 용량이 현저히 적기 때문에 파일을 관리하기도 편리하다.

 

비트맵은 ‘비트의 지도'(map of bits)라는 뜻으로, 각 픽셀에 저장된 비트 정보가 집합된 것이다. 1240 x 960 사이즈의 이미지가 있다면 1240 x 960 = 1,190,400개의 픽셀이 한 픽셀, 한 픽셀 각각 다른 색상정보 값을 가지고 있으므로 각기 다른 픽셀 1,190,400개가 조합이 되었을 때, 비로소 우리가 눈으로 보는 하나의 이미지가 되는 것이다.

비트맵은 벡터와 다르게 픽셀의 점 하나하나가 이미지를 이루는 요소이기 때문에 벡터보다 정교한 이미지 표현이 가능합니다. 하지만 픽셀의 수가 많아질수록 화질은 뛰어나지만, 용량 또한 커지게 되고 이미지를 확대하거나 축소하면 기존 이루고 있던 픽셀의 수가 변하게 되는데 이로 인해 깨짐 현상과 이미지 품질 저하가 발생하게 된다.

벡터 방식의 장점과 단점

장점.자유롭게 확대하거나 축소해도 해상도에 영향받지 않는다. 용량이 많이 늘어나지 않는다.

단점.사진이나 이미지처럼 정교한 그래픽 표현에는 한계가 있다.

비트맵방식의 장점과 단점

장점.많은 픽셀로 정교하고 다양한 색상을 가진 이미지를 만들 수 있다.

단점.이미지를 확대하고 축소할 수는 있으나, 깨짐 현상과 이미지 품질이 저하된다.

그래픽 요소들을 만들 때는 벡터 방식(일러스트레이터)의 프로그램으로 제작하고, 사진과 같은 이미지를 제작할 때는 비트맵 방식(포토샵)으로 제작합니다. 이 두 방식의 차이를 알고 계시면, 자신이 작업할 때 해당 작업물에 적합한 방식으로 작업하시기에 편하다.

 

 

 color-degrees

color-wheel

 

CMYK 감산혼합(Cyan Magenta Yellow and (Black)Key 減算混合)은 명도가 낮아지게 하는 혼합을 말한다. 마젠타사이언노랑검정을 원색으로 한다.

예를 들면, 마젠타와 시안을 혼합하면 명도가 낮은 파랑이 된다. 이 방법으로는 하양을 제외한 모든 색을 표현할 수 있으며, 수채화, 컬러 사진등에서 많이 사용된다. 필름을 소부(현상)해서 인쇄하는 오프셋 인쇄에 사용되기 때문에, 쿼크익스프레스일러스트레이터포토샵에서는 CMYK 모드를 지원한다. RGB나 HSB(HSV)보다 표현 가능한 색이 적다. 이를테면 보라색을 들 수 있다. (https://ko.wikipedia.org/wiki/CMYK_감산혼합)

RGB 가산혼합(RGB 加算混合)은 빛의 삼원색을 이용하여 을 표현하는 방식이다. 빨강(RED), 초록(GREEN), 파랑(BLUE) 세 종류의 광원(光源)을 이용하여 색을 혼합하며 색을 섞을수록 밝아지기 때문에 ‘가산혼합’이라고 한다. 디지털 이미지에서 사용되는 RGB 가산혼합의 종류로는 sRGB어도비 RGB 등이 있다. (https://ko.wikipedia.org/wiki/RGB_가산혼합)

 

일러스트에서의 폰트 작업

https://www.dafont.com

*******일러스트레이터*******
가. 어도브 일러스트레이터의 기본메뉴 설명
나. 무료 폰트다운로드 사이트에서 폰트를 다운받은 후 일러스트레이터에서 사용하는 방법 www.Dafont.com 에서 폰트를 다운받은후 압축을 푼 후 경로는 “C:// Windows/ font”에 Drag & Drop(압축 푼 폰트를 위 경로에 설치) 저장
다. 기본 화면 사이즈 : 1024 X 768 pixels/ 800 X 600 pixels
라. 일러스트에서 작업 공간 설정, Window> workspace> web
마. 핫키
Ctrl + T (Text)
화면조절 방법
Space bar + 마우스조절
Ctrl + + (화면확대)

Ctrl + – (화면축소)
다운받은 글자를 이미지로 깨서 쓰는 핫키
Ctrl + shift + o(영문)
복합라인 한번에 그리기
Line 을 선택한 후 물결키를 누른상태에서 마우스 움직임 Libraries
1) Brush
2) Graphic

3) Swatch
4) Symbol
일러스트파일 저장 방법
Save As => ai. eps

 

이미지의 활용/ 포토샵 플래시

가. 플래시(FLASH)를 이용한 이미지 IMPORT및 트위닝 모션이나 비트맵 이미지 모션 트위닝

나. 포토샵의 메뉴 기본 설명 및 레이어의 개념 및 사진보정, 마스크개념 등

*******Flash*******
_Tip( 윈도우 키 +D)=> 바탕화면 Desktop으로 감
_일러스트 파일을 플래시로 가져오기 일러스트 대상파일을 선택한 후(마우스로 전체 영역 )

Ctrl + C (copy), 플래시 Application 에서 위치는 Stage 에서 Ctrl + V(붙이기) _받아 온 이미지를 선택한 후( Break apart) Ctrl + B (Break)
_모션 트위닝 기법

다음주 수업

콘텐츠의 제작 실습3 – 사운드의 활용

다음주 준비물
배경음악이나 액션으로 사용하고 싶은 사운드 준비(저용량)