Attributes 패널 [일러스트레이터,Illustrator]

1. Attributes 패널...

Attributes는 속성이란 말입니다. 이 패널은 뭔 속성을 말할까요? 저도 잘 쓰지 않는 패널이라 만져봐야겠네요.

 

1.1 Overprint Fill, Overprint Srroke

 

말 그대로 덧인쇄란 얘기인데요. 이 기능은 주로 인쇄물 작업시 쓰이는 기능으로 모니터를 통해 표현되는 작업물(웹디자인, 영상물)엔 필요 없으니 넘어가셔도 되겠습니다.

이 기능은 인쇄물 작업시 쓰이는 기능이라 했지요?^^

 

위 그림은 컬러 이미지를 인쇄용 필름으로 4도 분판한 모습입니다. 컬러용 인쇄 필름은 보통 위와 같이 4개의 필름이 생기며 C (싸이언), M (마젠타), Y (엘로우), K (블랙)의 네 가지입니다.

Overprint를 선택했을 때와 해제 했을 때 분판된 C,M,Y 필름이 좀 다르죠? 오버프린트 선택했을 때는 ‘Overprint’란 글자 형태가 없고, 해제 했을 때는 글자의 형태가 나타났습니다.

필름에서 검정색이 있는 부분은 인쇄가 되고, 흰색 부분은 인쇄가 안 됩니다.(아~ 인쇄 설명은 어려워~~~)필름의 결과물(인쇄물)은 아래에서 보세요.

 

 

 

위에서 봤던 필름으로 인쇄한 인쇄물입니다. 두개의 그림이 뭐가 다른가요?

Overprint 기능을 선택하지 않고 인쇄 한 오른쪽 그림은 검정 글씨 주위로 의도하지 않게 흰 선들이 나타났죠?

글자가 크다면 그래도 봐줄만한데, 글자가 작으면 읽기가 불편한 상태로 인쇄가 됩니다. 그러니 인쇄물에 검정 글자를 표현할 때는 Overprint를 선택하는 게 좋겠습니다. 보통 프로그램이 자동으로 설정 해주지만 간혹 놓치는 경우가 있으니 인쇄 전에 한번 체크하세요.^^

아! 그리고 흰색 글자에 Overprint가 체크 되있으면 흰색 글자는 안보이게 됩니다. 이 문제는 영상물 작업시에도 일어날 수 있습니다.


1.2 Show Center 

이 두개의 버튼은 오브젝트의 센터점 표시를 제어합니다.

 

 

1.3 Reverse Path Direction Off, On

선의 경로를 역방향으로 만드는 거 같은데, 뭐에 쓰이는지 모르겠네요. 알게 되면 추가할게요.


1.4 Use Non-Zero Winding Fill Rule, Use Even-Odd Fill Rule 

하나의 선으로 만들어진 두개의 오브젝트들입니다. 차이점이 뭔지 아시겠죠?


1.5 Image Map
오브젝트, 텍스트에 홈페이지 주소를 링크합니다. 테스트 해보겠습니다. 

위의 그림은 테스트 할“버튼”이란 이름의 일러스트레이터 데이터입니다.
 
 

데이타의 오브젝트를 선택하고 팝업창에서 Rectangle를 선택합니다.
 
 

URL 팝업창에 홈페이지 주소를 입력합니다. 저는 전에 입력했던 주소가 몇 가지 있어서 주소가 자동으로 나오네요. 입력란에 “http://eyefeeling.com”라고 입력합니다. 주소 입력시 “http://”까지 모두 입력하셔야 합니다.

 
 

 

Browser 버튼을 클릭해 테스트 해봅니다. 주소의 홈페이지가 열립니다. 이제 홈페이지 데이타(html) 파일로 변환시켜 보겠습니다.
 
 

메뉴창 / File / Save for Web & Devices를 선택합니다. 위와 같은 창이 열리죠? Save 버튼을 클릭 합니다.
 
 

Save 하기 위한 창이 열립니다. 설정을 바운더리 부분과 같이 하고 바탕화면에 저장하겠습니다.
 
 

OK버튼을 클릭 합니다. 이제 끝났습니다. 바탕화면을 보겠습니다.
 
 

바탕화면을 보면 “Home”이란 이름의 ai 파일과 html, 그리고 images란 폴더가 있습니다.

ai 파일은 원본 일러스트 파일, html 파일은 홈페이지 데이타이고 images 폴더는 html 파일의 이미지 담은 폴더입니다.
 
 

Home.html 파일을 열면 왼쪽과 같이 홈페이지 창이 열리고, images 폴더를 열면 홈페이지에 들어있는 Home.png 파일을 볼수 있습니다.

팝업 메뉴엔 특별한 기능이 없어 설명을 생략할게요.

보시느라 수고하셨어요.^^

 

 

 

아! 한 가지 설명을 빠트렸네요.

 

Polygon : 다각형 이란 뜻인데요.

아래와 같이 사각형이 아닌 삼각형 같은 오브젝트에 링크를 설정할 때 쓰이는 메뉴입니다.

노랑색은 클릭 가능한 영역을 말합니다.