Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 ·...

19
Illustration 그래픽 작업환경의 이해와 기초드로잉 연습

Transcript of Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 ·...

Page 1: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

Illustration그래픽 작업환경의 이해와 기초드로잉 연습

Page 2: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

: Adobe사에서 나오는 벡터 기반의 대표적 그래픽 프로그램

: 타 프로그램과 연동이 가능하고, 다양한 표현이 가능하여,

그래픽 작업 전반에 사용된다.

출처 : Orlando Acrocena

Page 3: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

1) 이미지 형식

- Bitmap

: 이미지를 픽셀(Pixel)의 집합으로 표현하는 것

: 이미지 확대/축소 시 계단현상이 나타나며, 해상도의 영향을 많이 받음. : 이미지 확대/축소 시 계단현상이 나타나며, 해상도의 영향을 많이 받음.

:사진처럼 정밀한 색 묘사의 이미지에 적합.

(픽셀이란 cm, point 같은 단위로, 그래픽의 최소단위이다.)

(해상도는 픽셀의 많고 적음에 따라 결정되며, 사용법에 따라 다른 해상도를 사용한다.)

Page 4: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

1) 이미지 형식

- 벡터 방식 (Vector)

: 정보를 정점의 좌표값 데이터로 기억하는 것.

: 이미지 확대/축소 시 변화 없으며, 해상도의 영향을 받지 않음.: 이미지 확대/축소 시 변화 없으며, 해상도의 영향을 받지 않음.

: 수정이 편리하며 용량이 작음.

: 사물을 단순화하는 표현이나 단순한 색상의 이미지에 쓰임.

: 비트맵화 하여 쓰기도 함 (Rasterize)

(필터효과나 자르고 그리는 작업을 하기 위해, 벡터를 비트맵으로 변화하여 사용하는 방법.)

Page 5: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

1) 이미지 형식

Illustrator는 벡터 방식의 대표적 그래픽 프로그램이다.

Page 6: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

2) Color Mode

: RGB Vs CMYK

- RGB : Red + Green + Blue의 가산혼합. (웹용)

- 의 감산혼합. (인쇄용) - CMYK : Cyan + Magenta + Yellow + Black의 감산혼합. (인쇄용)

Page 7: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

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진수로 나타낸 색상코드.

Page 8: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

3) Interface

: 프로그램 사용을 위한

기본 환경이다.

Menu bar - Illustrator 작업을 하는데 필요한 메뉴가 있는 곳이다.

Option bar - 선택된 툴의 옵션을 설정하는 곳이다.

Tool bar - 도구상자로, 기본적인 작업을 가능하게 하는 툴들이 있다.

Palette - Illustrator 작업에서 툴이나 작업환경에 관여하는 사항들의 집단으로 되어있다.

Workspace - 작업이 진행되는 곳으로 사이즈를 조절할 수 있다.

Page 9: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

3) Interface

- Tool : 원하는 tool을 click해서 선택한다.

하단 삼각형 아이콘 click으로, 해당 툴의 종류를 선택할 수 있다.

Page 10: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

3) Interface

- Palette : 팔레트는 필요에 따라 나타났다 숨기고, 그룹화하거나 분리할 수 있다.

(확장, 축소 버튼/ 팔레트 탭의 이름 클릭/ 탭 드래그로 분리, 그룹)

Page 11: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

4) 도큐멘트 생성과 저장

: Document : 일러스트레이터에서 작업하는 문서.

: 도큐먼트의 생성 : [File]-[New]로 연다.(Ctrl+N)

Number of Artboards : 작업할 종이의 개수 지정.

Size : 종이의 사이즈 지정.

Color Mode : 컬러 모드 지정.

Page 12: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

4) 도큐멘트 생성과 저장

: 도큐먼트의 저장 : 3가지 방법이 있다.

- save : 문서를 저장한다.

- save as : save 된 문서를 따로 저장하며, 저장 후 자동으로 열려진다. - save as : save 된 문서를 따로 저장하며, 저장 후 자동으로 열려진다.

- save as c copy : save된 문서를 따로 저장하며, 저장 후 자동으로 닫힌다.

: 도큐먼트 불러오기 : [File]-[Open]으로 불러온다.

Page 13: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

: Illustrator Format

- Illustrator AI : 일러스트레이터의 전용 파일 포맷.

- EPS : 인쇄나 출력용으로보다 최적화 시킨 포맷. (해상도 손상이 적고- EPS : 인쇄나 출력용으로보다 최적화 시킨 포맷. (해상도 손상이 적고

고품질 출력이 가능)

- JPG/JEPG : 가장 흔한 파일 형식, 이미지 용량이 작으면서 고품질 표현가능.

- PDF : Adobe의 Acrobat에서 사용되는 문서용 파일포맷으로,

파일 용량이 작아 많이 사용.

Page 14: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

a. 손바닥 툴 (Hand tool) ('H')

- 오브젝트와 상관없이, 화면을 이동시키는 기능.

- 다른 도구 사용 중에 손바닥 툴을 쓰고자 할 때에는, Spacebar를 누른다. - 다른 도구 사용 중에 손바닥 툴을 쓰고자 할 때에는, Spacebar를 누른다.

- 손바닥 툴을 더블 클릭하면, 화면이 윈도우에 딱 맞는 크기로 조절된다.

b. 돋보기 툴 (Zoom tool) ('Z')

- 화면을 확대/축소하는 기능.

- 확대할 때에는 클릭하고, 축소할 때에는 Alt를 누른 상태에서 클릭한다.

- 돋보기 툴을 더블 클릭하면, 화면의 배율이 100%가 된다

Page 15: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.

Page 16: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.

- 현재 선택되어 있는 오브젝트의 면의 색상을 보여준다.

- 현재 선택되어 있는 오브젝트의 선의 색상을 보여준다.

- 면과 선의 색상 정보가 서로 바뀐다. (Swap)

- 기본색상 즉, 면은 흰색, 선은 검정색, 선은 1point로 만들어 준다. (Default)

- 현재 활성화된 면이나 선에 색을 보여 준다.

- 현재 활성화된 면에 그라디언트를 적용한다.

- 현재 활성화된 면이나 선에 색을 없애 투명하게 해준다.

Page 17: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

c. Fill / Stroke : 개체가 갖는 가장 기본적 속성으로 면과 선의 색상이다.

- Swatches / Color 팔레트 - 색상 조절

- Stroke 팔레트 - 선의 두께와 모양조절- Stroke 팔레트 - 선의 두께와 모양조절

Page 18: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

d. Selection Tool : 개체나 그룹을 선택할 수 있는 툴로, 클릭하면 선택된다.

- 오브젝트 이동 : 오브젝트를 선택 후, 드래그 한다.

- 오브젝트 복사 : 오브젝트를 Alt 키를 누르고 드래그 한다.- 오브젝트 복사 : 오브젝트를 Alt 키를 누르고 드래그 한다.

- 오브젝트 크기변화 : Bounding Box의 조절점을 잡고, 드래그 한다.

- 다중 선택 : 선택할 만큼 드래그 한다. (Shift 키를 누르고 계속 추가한다.)

Page 19: Illustration - KOCWcontents.kocw.net/KOCW/document/2015/hanyang/younjihyun/... · 2016-09-09 · 1.Adobe Illustrator 4) 도큐멘트생성과저장: 도큐먼트의저장: 3가지방법이있다.-save

일러스트 프로그램의 기본 환경/ 그래픽

1. Adobe Illustrator

5) 작업 전 알아두기

d. Direct Selection Tool : 세밀한 부분을 선택할 때 적절하며,

개체를 구성하고 있는 하나하나의 포인트를 직접 선택할 수 있다.