일러스트레이터 격자무늬 - illeoseuteuleiteo gyeogjamunui

모눈종이만들기 예제로 쉽게 따라하는 격자무늬 만드는법

학교에서 처음 접하게 되는 모눈종이는 다양한 용도로 사용됩니다. 격자무늬로만 되어 있는 노트북도 있고, 다이어리에서도 흔하게 볼 수 있는 무늬인데요. 최근에는 굿노트가 급부상하면서 유저가 스스로 만들어서 활용하기도 해요.

직접 템플릿을 만들어서 자신의 활용도에 맞게 페이지를 작성할 수 있는 장점이 있기때문인데요. 스스로 템플릿을 디자인하고 싶으신 분들을 위해 매우 쉬운 방법으로 일러스트레이터에서 만드는 방법을 가져와봤어요.

녹색고무판 책상매트 느낌의 아이콘과 달력아이콘을 함께 만들어보면서 이 기능을 익혀보도록 할게요!

우선, 알아두셔야 할 용어는 격자로 나누기입니다. 사각형을 일정한 크기로 나누면 모눈종이의 모양이 나오듯이 이 기능을 이용할거예요

녹색고무판 책상매트 만들기

기본이 되는 큰 사각형을 하나 만들어 줍니다. 녹색배경에 사각형을 하나 그려줬고요. 사각형의 길이는 중요하지 않아요. 정사각형이냐 직사각형이냐에 상관없이 이 기능을 사용할 수 있기 때문에 일단은 사각형만 그려주세요

이제 메뉴에서 오브젝트 > 패스 > 격자로 나누기를 실행해줍니다. 패스 탭에 있는 이유는 사각형을 가로 세로 원하는 개수만큼 패스를 나눠주기 때문이에요

격자로 나누기 창이 열리면 사용법은 간단합니다.

단순히 원하는 칸의 개수로 나누고싶을 때는 열과 단에 있는 '수'에 수치를 적어주면 돼요. 저는 10개와 10개를 각각 써주었고 미리보기를 통해 알 수 있듯이 사각형은 작은 사각형 100개로 이루어지게 됩니다

 TIP 

확인을 누르고 아트보드로 돌아오면 패스로 나누었던 사각형들은 위 이미지처럼 각각 하나씩 존재하게 됩니다. 그렇기 때문에 가능하면 격자로 나누기를 한 후 바로 그룹을 해주는게 편집상 편해요!

처음에는 원래 선택되어있던 색 그대로 보여집니다. 위이미지는 스트로크에만 색을 넣은 상태예요

이제 끝입니다! 참 쉽죠??

캘린더 만들기

캘린더에서는 데일리 날짜에 해당하는 부분을 이 격자로 나누기를 이용해 만들어 볼거예요. 마찬가지로 사각형을 그려서 열과 단의 수만 지정해주면 됩니다.

간단하게 달력아이콘을 만드는 거니까 3X4로 지정해줬어요. 미리보기에서도 알 수 있듯 총 12개로 패스가 분할되어 만들어 집니다. 확인을 누르고

면은 하얗게 선 색은 바탕색과 동일하게 해주면 사이에 띄엄띄엄 배치되어 있는 것처럼 눈속임을 줄 수도 있죠! 

 심화 

사각형의 개수로만 나누는 게 아니라 사이에 공백을 주고싶을 때는 옵션에서 사이값을 줄 수 있고요. 또, 처음에 만들었던 사각형의 사이즈에 상관없이 전체적인 크기를 이 옵션창에서 직접 정해줄 수도 있어요. 요 방법은 이 기능이 좀 익숙해지면 만져보도록 하세요!!

일러스트레이터 CS5

⁠⁠⁠[일러스트레이터강좌/일러스트강좌] 일러스트기초-08 일러스트 체크무늬패턴만들기

[일러스트레이터강좌 / 일러스트강좌]

일러스트기초 - 08. 일러스트 체크무늬패턴만들기

​

​

​

유후~

​

​

너므 오랜만에 ㅋㅋ

테니스조아 다반향초 입니다~

오늘은 일러스트기초강좌 일러스트 체크무늬패턴만들기 강좌를 진행하려구요^^

아마 가장 쉽게 따라 하면서 응용하기 좋을꺼라 생각되요~

​

일러스트기초강좌 일러스트 체크패턴만들기 강좌 시작합니다

우선 ctrl + N 새문서를 열어 준 후

사각형 부분을 더블클릭해 줍니다.

아래와 같이 가로 세로 사이즈를 5mm로 입력 후 오케이를 눌러 줍니다.^^

​

​

​

​

아마도 아주 작게 보일꺼에요~

전 돋보기 툴을 이용해서 확대해 줬답니다.

보이시나요?

​

​

​

​

다시 사각형툴을 더블클릭합니다.

사이즈를 아래와 같이 입력합니다.

​

​

​

​

​

​

​

같은 색상이라서 전 색상을 변경해 줬어요~

​

​

​

​

​

사각형을 왼쪽 모서리 부분에 맞춰줍니다.

처음에 만들어 놨던 사각형에 꼭 맞춰주세요~

​

​

​

​

​

ctrl+c  ctrl+v를 이용해서 길죽한 사각형을 하나 더 만들어 줍니다.

​

​

​

새로 만든 길죽한 사각형을 위쪽에 위치시켜줍니다.

여기서도 꼭 사이즈가 처음에 만들어 놓았던 사각형에 맞춰 줍니다.

​

​

​

​

​

​

​

​

​

​

다시 처음에 만들어 놓았던 핑크 사각형을 선택해 줍니다.

​

​

​

사각형을 Delete키를 눌러 지워줍니다.

그럼 아래와 같은 형태가 됩니다.^^

​

​

​

​

​

​

​

가장 중요한 일러스트 체크패턴만들기!!

격자형태로 마주치는 느낌을 줘야 하기 때문에 투명도 조정하는 옵션창에서 multiply를 선택해 줍니다.

​

​

​

보이시나요? 투명도 적용 된 느낌적인 느낌?!

길죽한 사각형두개를 모두 선택하여 ctrl+G를 눌러 그룹화 시킵니다.

​

​

​

​

​

​

​

​

​

​그룹화 된 그대로 선택툴로 스와치 창으로 드레그 하여 끌어다 놓습니다.^^

요러케 일러스트 체크무늬패턴을 등록 시켜 줍니다.^^

​
 

​

​

​

​

이제 패턴 등록이 잘 되었는지 확인해 볼까요?

임의적으로 사각형을 그려줍니다.

​

​

스와치창에 등록한 패턴을 클릭해 줍니다.

어때요? 적용 된게 보이시나요?

​

​

​

[일러스트레이터강좌/일러스트강좌] 일러스트기초-08 일러스트 체크무늬패턴만들기 완성~

​

전 색상을 다양하게 바꿔서 몇개 더 등록해 주었습니다.

​

​

​

짜짠~

응용컷~~

요정돈 모두 일러스트 체크무늬 패턴만들기를 따라 해 보았다면 ㅋㅋ 모두 할 수 있으실꺼라 믿어요~

​

[일러스트레이터강좌/일러스트강좌] 일러스트기초-08 일러스트 체크무늬패턴만들기

혹시 몰라서 체크무늬패턴 일러스트 다운로드 받을 수 있도록 첨부해 두었습니다.

끝!!

​

​