퍼즐 만들기

소개:

안녕하세요, PSD-Tutorials.de 커뮤니티 여러분. PSD-Tutorials .de의 튜토리얼 중 하나에 다시 오신 것을 환영하게 되어 기쁩니다. 오늘의 튜토리얼에서는 일러스트레이터에서 퍼즐을 만드는 방법을 배웁니다. (그림 01). 무엇보다도 직사각형 그리드 도구를 사용하는 방법을 배우게됩니다. 하지만 이제 이야기는 충분합니다. 바로 시작하겠습니다.

직소 퍼즐 만들기 - Adobe Illustrator

1단계: 기본 그리드 만들기

시작하기 전에 새 작업 공간을 만들어야 합니다. 이렇게 하려면 파일>새로 만들기로 이동한 다음 DIN A3의 가로 형식을 선택합니다.

직소 퍼즐 만들기 - Adobe Illustrator

퍼즐의 기본 격자를 만들려면 소위 직사각형 격자 도구가 필요합니다.

그런 게 없나요? 네, 실제로 있습니다. 이 도구는 선분 도구 아래에 숨겨져 있으며 길게 클릭하면 불러올 수 있습니다. (그림 03).

직소 퍼즐 만들기 - Adobe Illustrator

작업 영역의 아무 곳에서나 이 도구를 한 번 클릭합니다. 그러면 생성할 그리드에 대한 설정을 확인할 수 있는 창이 열립니다.

표준 크기의 경우, 300x212mm 형식을 선택합니다. 가로세로 분할의 경우 2를 선택해야 합니다. 비대칭은 0%로 둡니다. (그림 04).

정보 전달:

물론 세분화 수를 더 높게 설정할 수 있지만 이렇게 하면 더 많은 작업이 필요하고 퍼즐이 더 복잡해집니다. 따라서 퍼즐을 계획할 때 얼마나 많은 세분화가 필요한지 생각해 보세요.

직소 퍼즐 만들기 - Adobe Illustrator

확인으로 확인하면 전체가 다음과 같이 보일 것입니다(그림 05 참조):

직소 퍼즐 만들기 - Adobe Illustrator

2단계: 퍼즐 조각 준비하기

다음으로 직접 선택 도구를 한 번 클릭한 다음 즉시 펜 도구를 선택해야 합니다. 그 간단한 이유는 다음 단계에서 두 도구가 모두 필요하기 때문입니다. 일러스트레이터에서 Command 또는 Ctrl 키를 누르고 있으면 이전 도구가 활성화됩니다. 이 경우 직접 선택 도구가 원하는 대로 활성화됩니다.

직접 선택 도구를 사용하여 그리드에서 안쪽 선을 선택하고 펜 도구를 사용하여 네 개의 새 경로 점을 만듭니다. 이 경로점은 퍼즐 조각의 대략 중앙에 위치해야 합니다. (그림 06 참조).

사이드 정보:

그리기 펜 도구로 활성화된 경로 위로 마우스 포인터를 이동하면 그리기 펜 아이콘옆에 작은 '+'가 나타납니다. 이는 이 지점을 클릭하여 새 경로 지점을 삽입할 수 있음을 의미합니다.

직소 퍼즐 만들기 - Adobe Illustrator

이제 그리드의 모든 셀에 이 네 개의 경로 점을 만들어야 하므로 말 그대로 열심히 작업해야 합니다. 결국 전체가 다음과 같이 보일 것입니다(그림 07 참조):

직소 퍼즐 만들기 - Adobe Illustrator

모든 경로 점을 만들었으면 직접 선택 도구를 다시 잡고 방금 만든 경로 점을 불룩하거나 움푹 들어간 것처럼 보이도록 이동합니다. (그림 08).

이 단계에서는 나중에 한두 가지를 수정하거나 개선해야 하므로 매우 정밀하게 작업할 필요는 없습니다.

지나가는 정보:

경로 포인트를 이동할 때 모든 것이 동일하게 보이지 않도록 하세요. 돌출부나 들여쓰기를 만들 때 크기, 위치 및 방향을 다양하게 변경하세요.

직소 퍼즐 만들기 - Adobe Illustrator

3단계: 퍼즐 조각 최적화하기

이제 모든 것이 준비되었으므로 일반적인 퍼즐 모양을 볼 수 있도록 퍼즐 조각을 최적화할 수 있습니다.

직접 선택 도구를 사용하여 내부 경로를 선택한 다음(외부 프레임은 선택하지 않아야 함) 상단 메뉴 모음에서 효과>스타일화 필터>원형 모서리 ...로 이동합니다.

직소 퍼즐 만들기 - Adobe Illustrator

다음 창에서 반경 3mm를 선택하고 확인으로 확인합니다 .

직소 퍼즐 만들기 - Adobe Illustrator

이제 둥근 모서리의 효과를 볼 수 있으므로 모든 옵션을 다시 사용하여 경로 포인트를 이동하여 멋진 퍼즐 모양의 돌출부 또는 움푹 들어간 부분을 얻을 수 있습니다.

결국 전체가 다음과 같이 보일 것입니다(그림 11 참조):

여기에도 여러분의 창의력이 필요합니다.

직소 퍼즐 만들기 - Adobe Illustrator

그런 다음 Command+A 또는 Ctrl+A로 모든 것을 선택하고 개체> 모양 변환으로 이동합니다.

직소 퍼즐 만들기 - Adobe Illustrator

이 경우 둥근 모서리 효과가 경로로 전송됩니다. 새 경로 포인트가 생성됩니다. (그림 13).

직소 퍼즐 만들기 - Adobe Illustrator

이제 패스 파인더가 필요합니다. 아직 표시하지 않은 경우 창>패스 파인더에서 찾을 수 있습니다. (그림 14 참조).

직소 퍼즐 만들기 - Adobe Illustrator

Command 또는 Ctrl+A로 모든 것을 다시 선택하고 패스 파인더에서 영역 분할을 클릭합니다. (그림 15).

직소 퍼즐 만들기 - Adobe Illustrator

일러스트레이터는 모든 개체를 자동으로 그룹화하므로 단축키 Command+Shift+G (PC의 경우 Ctrl+Shift+G )를 사용하여 이 그룹화를 취소해야 합니다.

그러면 레이어 팔레트에 9개의 다른 경로가 나타납니다. (그림 16 참조).

직소 퍼즐 만들기 - Adobe Illustrator

4단계: 퍼즐을 심볼로 저장하고 보관하기

이 시점에서 현재 주제를 잠시 옆으로 옮기고 또 다른 매우 중요한 주제를 다루고자 합니다.

특히 직소 퍼즐과 같은 프로젝트의 경우 나중에 다른 프로젝트에 다시 사용하고 싶을 때가 있을 수 있습니다. 이럴 때 템플릿을 저장해 두면 처음부터 다시 시작할 필요가 없다는 장점이 있습니다. 그래서 저는 항상 일러스트레이터에서 심볼로 작업하는 것을 권장합니다. 템플릿이 컴퓨터에 중앙에 저장되어 있고 일러스트레이터에서 문제없이 액세스할 수 있으므로 언제든지 템플릿을 불러올 수 있다는 장점이 있습니다.

나만의 심볼을 만들려면 가장 먼저 필요한 것은 심볼 팔레트입니다. 창>심볼을 통해 찾을 수 있습니다.

직소 퍼즐 만들기 - Adobe Illustrator

그런 다음 심볼로 저장하려는 개체(이 경우 퍼즐의 현재 상태)를 선택한 다음 심볼 팔레트의 오른쪽 상단에 있는 작은 화살표를 클릭합니다. (그림 18 참조).

이제 새 심볼.... 을 클릭할 수 있는 옵션이 표시됩니다.

그런 다음 심볼에 적합한 이름을 입력하고 확인으로 확인할 수 있습니다.

직소 퍼즐 만들기 - Adobe Illustrator

나만의 심볼 라이브러리를 저장하기 전에 표준 일러스트레이터 심볼을 삭제하는 것이 좋습니다. Shift 키를 누른 상태에서 심볼을 클릭해 하나씩 선택하면 됩니다.

심볼을 모두 선택했으면 오른쪽 하단에 있는 작은 휴지통을 클릭합니다. (그림 19).

직소 퍼즐 만들기 - Adobe Illustrator

그러면 기호 팔레트에서 자신의 개체만 사용할 수 있습니다. (그림 20 참조).

직소 퍼즐 만들기 - Adobe Illustrator

이제 기호 팔레트에서 작은 화살표를 다시 클릭한 다음 기호 라이브러리 저장 ... 여기에서 라이브러리에 적합한 이름을 선택하고 확인으로 확인할 수도 있습니다.

직소 퍼즐 만들기 - Adobe Illustrator

나중에 이 라이브러리를 다시 열려면(예: 다른 파일에서) 기호 팔레트에서 작은 화살표를 다시 클릭하고 기호 라이브러리 열기를 클릭하면 됩니다. 여기에서 방금 저장한 심볼 라이브러리를 찾을 수 있습니다. (그림 22).

직소 퍼즐 만들기 - Adobe Illustrator

5단계: 퍼즐 텍스처링

현재 퍼즐 상태를 심볼로 저장했으면 이제 개별 퍼즐 조각 위에 모티프를 배치하기 시작할 수 있습니다. 이 튜토리얼과 함께 동봉된 작업 데이터에서 "Motif.pdf"라는 이름의 파일을 찾을 수 있습니다. 일러스트레이터에서 이 파일을 열고 퍼즐 파일을 삽입합니다.

그런 다음 불투명도를 약 50%로 낮추어 퍼즐 조각이 반짝이는 것을 볼 수 있도록 합니다. (그림 23).

직소 퍼즐 만들기 - Adobe Illustrator

모티프가 퍼즐의 중앙에 정확히 오도록 이동합니다. 그런 다음 불투명도를 100%로 다시 설정할 수 있습니다.

다음 단계에서는 각 퍼즐 조각에 대한 모티프의 복사본을 만들어야 합니다. 제 경우에는 퍼즐 조각이 9개이므로 사본도 9개가 필요합니다.

레이어 팔레트의 퍼즐 조각 아래에 모티프 사본을 배치해야 합니다. (그림 24 참조).

직소 퍼즐 만들기 - Adobe Illustrator

이제 퍼즐 조각이 있는 그룹을 열고 더 이상 함께 그룹화되지 않도록 기본 레이어로 드래그합니다.

이제 Shift 키를 누른 상태에서 첫 번째 퍼즐 조각과 모티브의 사본을 선택한 다음 개체>마스크 자르기>생성으로 이동합니다 .

직소 퍼즐 만들기 - Adobe Illustrator

그런 다음 다른 모든 퍼즐 조각에 대해 동일한 절차를 수행해야 합니다. 항상 조각과 모티프를 선택하고 그것으로 클리핑 마스크를 만드세요.

그러면 전체가 다음과 같이 보일 것입니다(그림 26):

직소 퍼즐 만들기 - Adobe Illustrator

6단계: 마무리 작업

각 퍼즐 조각에 대한 오려내기 마스크를 만들었으면 기본적으로 퍼즐을 완성한 것입니다. 그러나 이렇게 완성된 퍼즐은 일반적으로 다소 지루해 보이기 때문에 조각을 약간 움직이고 회전하여 실제로 다른 조각으로 된 퍼즐임을 알 수 있도록 하는 것이 좋습니다. (그림 27).

직소 퍼즐 만들기 - Adobe Illustrator

현재 상태에서는 서로 위에 놓인 조각을 구분하기 어렵기 때문에 이제 전체 퍼즐에 그림자를 추가하겠습니다. 이렇게 하려면 Command 또는 Ctrl+A로 모든 것을 선택한 다음 효과>스타일화 필터> 그림자 효과로 이동합니다. 확인으로 후속 창을 확인합니다 .

퍼즐이 완성되었습니다. (그림 28).

직소 퍼즐 만들기 - Adobe Illustrator

마지막으로 한마디:

이제 이 튜토리얼의 마지막에 도달했습니다. 재미있게 보셨기를 바라며 이제 멋진 퍼즐을 만들 수 있었기를 바랍니다. 궁금한 점이 있으면 이 튜토리얼 아래에 댓글로 알려주세요. 가능한 한 빨리 답변해드리도록 노력하겠습니다. 그 외의 일반적인 피드백도 물론 기꺼이 받겠습니다.

창의력을 발휘하세요...

Your Julian