일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

일러스트레이터로 표 만드는 방법

2가지를 소개합니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
일러스트로 표 만들기

1. Rectangular Grid Tool 이용 

사각형 격자툴(Rectangular Grid Tool)

이용하면 일러스트에서

아주 간단하게 표(table)를 만들수 있습니다.

사각형 격자툴을 선택합니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
Rectangular Grid Tool

만약 툴바에서 사각형 격자툴 아이콘이

보이지 않는다면

툴바 제일 하단의 점 세개 모양을 눌러줍니다.

그리고 표처럼 생긴 아이콘을 찾아

끌어다 사각형 툴에다가 끌어다 놓습니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
격자툴이 보이지 않을 때

그러면 다음부터 사각형 툴을 꾹 누르면

사각형 격자 툴도 옵션에서 선택할 수 있게 됩니다.

이 격자툴이 선택된 상태에서

대지(Artboard)위를 한 번 클릭하거나

격자툴 자체를 더블 클릭하면

옵션 창이 나타납니다. 

여기에서 표의 대략적인 모양을 설정할 수 있습니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
표 옵션 설정

여기서 한 가지 알아두시면 좋을 것은

Horizontal Dividers / Vertical Dividers

수치(Number)가

흔히 엑셀이나 한글에서 사용하듯이

행과 열 자체의 개수를 나타내는 것이

아니라는 점입니다.

그야말로 라인(Stroke)의 개수를 설정하는 개념이라

사진에서 보시는 것처럼

Horizontal Dividers(가로 디바이더)을

2로 설정하면 선이 2개 생겨서 3개의 열이 생깁니다.

Vertical Dividers (세로 선)은

3개를 설정했기 때문에 4개의 행이 생겨 났습니다.

또 Skew는 몇 번 해 보시면 아실텐데

니가 만들려는 라인들 사이의

비율을 어떻게 할거니?라고

묻는 부분입니다.

근데 이 퍼센트로 설정하느니 일단 표를 만들고

나중에 수정하는 편이 훨씬 쉽습니다.

이 표는 단순히 기본 선으로 

그려진 테이블이기 때문에

언제든 수정이 가능합니다.

만들어진 테이블은 전체 그룹으로 묶여있으므로

그룹을 해제(Ungroup)한 후

테두리 및 안쪽 선(Storke)의 두께,

색상 등을 조정할 수 있습니다.

표에 데이터를 입력하거나

면에 색상을 입히는 작업은

따로 해주어야 합니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

2. 엑셀에서 표 복사 붙여 넣기

사실 일러스트로 엑셀의 표를

그대로 복사 붙여넣기도 가능합니다.

엑셀에서 표를 선택한 다음 Ctrl + C를 눌러 복사하고

일러스트에 와서 Ctrl + V 를 눌러 붙여 넣어줍니다.

정말 쉽죠?

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
엑셀에서 일러스트로 표 복사하기

텍스트, 도형, 라인등도

일러스트에서 수정이 가능한

형태로 붙여 넣어지기 때문에

아주 편하다고 할 수 있습니다.

여기에서도 한가지 주의 할 점은

표의 각 항목들이 그룹화(Group)되어 있거나

클리핑 마스크(Clipping Mask)가

씌워진 채 묶여져 있기 때문에 

풀어서(Release Clipping Mask) 사용하거나

클리핑 마스크 안으로 들어가서

수정해주어야 합니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib
Release Clipping Mask

일러스트로 표를 만들 때 

적절하게 사용해 보시기 바랍니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

안녕하세요~! 오랜만이에요. 여러분~^^

오늘은 24번째 [사각형 격자 도구]를 이용한 [표 만들기] 편입니다.

'표 만들기' 왜 해봐야 할까요?

우리는 달력, 스케줄러 등을 통해, 일정을 관리하기도 하고, 중요한 약속을 적어놓기도 하죠.

또, 행사 일정이나, 배송일 공지 등 표를 이용해 이미지로 표현해야 할 때도 있고요.

오늘은 다양한 분야에서 활용 가능한 '표 만들기'를 해볼 겁니다.

[사각형 격자 도구] 기능을 이용한 10월 달력 만들기! 함께 시작해보아요~!

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

표 만들기 알아보기!

1. 10월 달력 만들기

표는 어디에 있을까요?

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

왼쪽 상단 [도구 모음 박스] 클릭 - 하단의 점 3개 부분 클릭 - [사각형 격자 도구]클릭하면 표를 만들 수 있습니다.

표를 자주 쓴다면? [사각형 격자 도구]를 클릭 후 [도구 모음 박스] 안쪽으로 드래그해 놓아줍니다.

표를 사용할 때마다 편리하게 사용할 수 있어요~!

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

[사각형 격자 도구] 아이콘을 더블 클릭하면 [사각형 격자 도구 옵션] 새로운 창이 뜹니다.

너비, 높이는 여러분이 만들고자 하는 사이즈로 입력해주세요.

저는 766px, 391px 그대로 두었습니다~!

가로 분할자 : 5 (가로 위아래선을 제외하고, 안쪽에 가로선 5개를 만들 거란 뜻입니다. 1일~31일 표시)

세로 분할자 : 6 (세로 좌우선을 제외하고, 안쪽에 세로선 6개를 만들 거란 뜻입니다. 일월화수목금토를 표시) 입력 후 확인을 눌러줍니다.

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

확인을 눌러주니, 화면에 표가 만들어졌습니다!

다시 한번 영상을 보며 알아볼까요?

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

영상을 보며 함께 표를 만들어주셨나요?

(확인을 누르면 지정된 사이즈로 표가 만들어지는데요! 영상에서 저는 드래그해서 원하는 사이즈로 만들어보았어요~)

만들어진 표를 보면 위아래 높이와 좌우 폭이 동일하죠?

높이를 바꿔줄 건데 표들이 그룹으로 묶여있어서 먼저, 그룹을 풀어줘야 합니다.

그룹 풀기 단축기가 뭐였죠?

단축키 shift + ctrl + G입니다. (복습합니다.)

그룹을 풀고 나면 선 하나하나씩 움직일 수 있게 됩니다.

선을 움직여가며 달력 느낌을 내볼까요?

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

먼저, 그림을 봐주세요~!

전 선을 이동시켜서 상단 '일월화수목금토 부분'은 가로 폭을 좁게 만들었어요.

그다음, [글자 도구]를 이용해서 '일월화수목금토' 글자'1~31' 날짜를 적어주세요.

여기서 질문이 많이 들어오는데요.

일일이 선을 조절했더니, 선들이 너무 들쑥날쑥해요. 선을 일정하게 맞추고 싶어요. 하시는 분들!!

영상을 봐주세요.

전 눈에 잘 보이도록 빨간색으로 선 색을 바꾼 거니 여러분들은 빨간색으로 바꾸지 않으셔도 돼요~

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

영상처럼 간격을 맞추고 싶은 선들을 모두 선택 후, [정렬 패널]에서 오브젝트 분포(세로 가운데 분포)를 적용시켰습니다.

맨 위, 맨 아래 선을 기준으로 동일하게 간격을 주는 기능입니다.

(정렬 패널을 이용해, 선뿐만 아니라, 숫자와, 텍스트도 간격을 맞춰주세요~)

예전에 [오브젝트 정렬]에 대해 알아보았었는데요. 지금도 정렬 기능이 주요하게 쓰이고 있죠?

정렬은 꼭 기억하고 익혀두셔야 해요.

정렬 기능 여는 방법!

1. 상단 [윈도] 클릭 - [정렬] 클릭

2. 단축키 shift + F7를 눌러서 열어주세요~

이제는 공휴일을 빨간색으로 표시해볼까요??

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib

숫자를 클릭해 색상을 바꿔줍니다.

공휴일과 일요일은 빨간색상으로, 토요일은 파란색으로 색상을 바꿔보았습니다.

눈에 확 들어오는데요. 여러분도 잘 보이시죠~? ^^

저는 눈에 잘 띄는 10월 달력을 만들어보았는데요.

여러분은 여기서 멈추지 않고, 폰트와 선 크기, 두께, 색 등을 조절해 디테일을 살려보세요.

배경색도 넣어보고요~!

더 세련되고 멋스러운 달력이 될 거랍니다. ^^

오늘은 [사각형 격자 도구]를 이용한 표 만드는 방법을 알아보고,

더 나아가 '10월 달력'까지 만들어보았는데요. 

이 과정에서 정렬 패널, 텍스트 넣기, 텍스트 색 변경 등 다양한 기능들을 사용해보았어요.

복습하는 시간도 함께 가져본 오늘 시간!

다음에는 더 쉽고, 재밌고, 반복할 수 있는 주제로 찾아올게요.

오늘도 제 글을 읽어주셔서 감사하고 다음에 만나요~!^^

지난 편 보러 가기

23편, 일러스트 색상모드 변경(RGB-CMYK), 흑백, 한 번에 색상 바꾸기 adobe illustrator

일러스트 색상모드 변경(RGB-CMYK), 흑백, 한번에 색상 바꾸기 adobe illustrator

안녕하세요~^^ 오늘은 무슨 편일까요? 바로! 23번째 [색상모드, 흑백 변경, 한 번에 색상변경] 편입니다. 2번째 시간에서 잠깐 RGB와 CMYK 차이에 대해 알아봤었는데요. RGB 모드는 모바일, 홈페이지, �

mina-story.tistory.com

일러스트레이터 표 편집 - illeoseuteuleiteo pyo pyeonjib