illustration - kocwcontents.kocw.net/kocw/document/2015/hanyang/younjihyun/... · 2016-09-09 ·...
TRANSCRIPT
Illustration그래픽 작업환경의 이해와 기초드로잉 연습
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
: Adobe사에서 나오는 벡터 기반의 대표적 그래픽 프로그램
: 타 프로그램과 연동이 가능하고, 다양한 표현이 가능하여,
그래픽 작업 전반에 사용된다.
출처 : Orlando Acrocena
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
1) 이미지 형식
- Bitmap
: 이미지를 픽셀(Pixel)의 집합으로 표현하는 것
: 이미지 확대/축소 시 계단현상이 나타나며, 해상도의 영향을 많이 받음. : 이미지 확대/축소 시 계단현상이 나타나며, 해상도의 영향을 많이 받음.
:사진처럼 정밀한 색 묘사의 이미지에 적합.
(픽셀이란 cm, point 같은 단위로, 그래픽의 최소단위이다.)
(해상도는 픽셀의 많고 적음에 따라 결정되며, 사용법에 따라 다른 해상도를 사용한다.)
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
1) 이미지 형식
- 벡터 방식 (Vector)
: 정보를 정점의 좌표값 데이터로 기억하는 것.
: 이미지 확대/축소 시 변화 없으며, 해상도의 영향을 받지 않음.: 이미지 확대/축소 시 변화 없으며, 해상도의 영향을 받지 않음.
: 수정이 편리하며 용량이 작음.
: 사물을 단순화하는 표현이나 단순한 색상의 이미지에 쓰임.
: 비트맵화 하여 쓰기도 함 (Rasterize)
(필터효과나 자르고 그리는 작업을 하기 위해, 벡터를 비트맵으로 변화하여 사용하는 방법.)
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
1) 이미지 형식
Illustrator는 벡터 방식의 대표적 그래픽 프로그램이다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
2) Color Mode
: RGB Vs CMYK
- RGB : Red + Green + Blue의 가산혼합. (웹용)
- 의 감산혼합. (인쇄용) - CMYK : Cyan + Magenta + Yellow + Black의 감산혼합. (인쇄용)
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
2) Color Mode
: color mode는 변환이 가능하다.
- Graysacle - 흰색과 검정의 사이를 256단계로
표현하는 색상으로, 주로 회색으로 구현.
-RGB - 모니터에서 사용되는 색상으로, 각 화소의
색상을 빛의 삼원색인 R, G, B 혼합으로 표현.
- HSB - 인간이 느낄 수 있는 색의 3요소를 이용한
색상. (H(Hue) : 색상 / S(Saturation) : 채도 /
B(Brightness) : 밝기)
- CMYK - 인쇄용으로 사용되는 색상모드로, 물감의
3요소인 Cyan, Magenta, Yellow로 구성.
- Web safe RGB - Web에서 256가지의 색상을
RGB모드의 16진수로 나타낸 색상코드.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
3) Interface
: 프로그램 사용을 위한
기본 환경이다.
Menu bar - Illustrator 작업을 하는데 필요한 메뉴가 있는 곳이다.
Option bar - 선택된 툴의 옵션을 설정하는 곳이다.
Tool bar - 도구상자로, 기본적인 작업을 가능하게 하는 툴들이 있다.
Palette - Illustrator 작업에서 툴이나 작업환경에 관여하는 사항들의 집단으로 되어있다.
Workspace - 작업이 진행되는 곳으로 사이즈를 조절할 수 있다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
3) Interface
- Tool : 원하는 tool을 click해서 선택한다.
하단 삼각형 아이콘 click으로, 해당 툴의 종류를 선택할 수 있다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
3) Interface
- Palette : 팔레트는 필요에 따라 나타났다 숨기고, 그룹화하거나 분리할 수 있다.
(확장, 축소 버튼/ 팔레트 탭의 이름 클릭/ 탭 드래그로 분리, 그룹)
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
4) 도큐멘트 생성과 저장
: Document : 일러스트레이터에서 작업하는 문서.
: 도큐먼트의 생성 : [File]-[New]로 연다.(Ctrl+N)
Number of Artboards : 작업할 종이의 개수 지정.
Size : 종이의 사이즈 지정.
Color Mode : 컬러 모드 지정.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
4) 도큐멘트 생성과 저장
: 도큐먼트의 저장 : 3가지 방법이 있다.
- save : 문서를 저장한다.
- save as : save 된 문서를 따로 저장하며, 저장 후 자동으로 열려진다. - save as : save 된 문서를 따로 저장하며, 저장 후 자동으로 열려진다.
- save as c copy : save된 문서를 따로 저장하며, 저장 후 자동으로 닫힌다.
: 도큐먼트 불러오기 : [File]-[Open]으로 불러온다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
: Illustrator Format
- Illustrator AI : 일러스트레이터의 전용 파일 포맷.
- EPS : 인쇄나 출력용으로보다 최적화 시킨 포맷. (해상도 손상이 적고- EPS : 인쇄나 출력용으로보다 최적화 시킨 포맷. (해상도 손상이 적고
고품질 출력이 가능)
- JPG/JEPG : 가장 흔한 파일 형식, 이미지 용량이 작으면서 고품질 표현가능.
- PDF : Adobe의 Acrobat에서 사용되는 문서용 파일포맷으로,
파일 용량이 작아 많이 사용.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
a. 손바닥 툴 (Hand tool) ('H')
- 오브젝트와 상관없이, 화면을 이동시키는 기능.
- 다른 도구 사용 중에 손바닥 툴을 쓰고자 할 때에는, Spacebar를 누른다. - 다른 도구 사용 중에 손바닥 툴을 쓰고자 할 때에는, Spacebar를 누른다.
- 손바닥 툴을 더블 클릭하면, 화면이 윈도우에 딱 맞는 크기로 조절된다.
b. 돋보기 툴 (Zoom tool) ('Z')
- 화면을 확대/축소하는 기능.
- 확대할 때에는 클릭하고, 축소할 때에는 Alt를 누른 상태에서 클릭한다.
- 돋보기 툴을 더블 클릭하면, 화면의 배율이 100%가 된다
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.
- 현재 선택되어 있는 오브젝트의 면의 색상을 보여준다.
- 현재 선택되어 있는 오브젝트의 선의 색상을 보여준다.
- 면과 선의 색상 정보가 서로 바뀐다. (Swap)
- 기본색상 즉, 면은 흰색, 선은 검정색, 선은 1point로 만들어 준다. (Default)
- 현재 활성화된 면이나 선에 색을 보여 준다.
- 현재 활성화된 면에 그라디언트를 적용한다.
- 현재 활성화된 면이나 선에 색을 없애 투명하게 해준다.
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.
- Swatches / Color 팔레트 - 색상 조절
- Stroke 팔레트 - 선의 두께와 모양조절- Stroke 팔레트 - 선의 두께와 모양조절
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
d. Selection Tool : 개체나 그룹을 선택할 수 있는 툴로, 클릭하면 선택된다.
- 오브젝트 이동 : 오브젝트를 선택 후, 드래그 한다.
- 오브젝트 복사 : 오브젝트를 Alt 키를 누르고 드래그 한다.- 오브젝트 복사 : 오브젝트를 Alt 키를 누르고 드래그 한다.
- 오브젝트 크기변화 : Bounding Box의 조절점을 잡고, 드래그 한다.
- 다중 선택 : 선택할 만큼 드래그 한다. (Shift 키를 누르고 계속 추가한다.)
일러스트 프로그램의 기본 환경/ 그래픽
1. Adobe Illustrator
5) 작업 전 알아두기
d. Direct Selection Tool : 세밀한 부분을 선택할 때 적절하며,
개체를 구성하고 있는 하나하나의 포인트를 직접 선택할 수 있다.