Adobe Illustrator CC에서 기본 모양과 간단한 기법을 이용하여 시선을 사로잡는 티셔츠 그래픽을 만드는 방법을 살펴봅니다. Adobe Creative Cloud 모바일 앱을 사용하면 빠르게 시작할 수 있습니다.

Typekit 이름이 Adobe Fonts로 바뀌었습니다.

design-a-tshirt_1408x792

실습용 파일을 다운로드하고 최신 버전의 Illustrator CC에서 design-a-tshirt.ai를 열어 하트 모양의 스피커가 있는 세련된 붐박스 디자인을 만들어 봅니다.

design-a-tshirt_fig0

프로젝트 설정

이 튜토리얼에서 제공하는 design-a-tshirt.ai 샘플 파일을 엽니다. 또는 Illustrator를 실행하고 새로 만들기 버튼을 클릭하거나 Ctrl+N(Windows) 또는 Command+N(macOS)을 누릅니다. 인쇄 탭을 선택하고 Letter 사전 설정을 클릭한 다음, 제작을 클릭합니다. 그러면 인쇄에 적합한 색상 모드와 해상도로 된 새 문서가 열립니다.

design-a-tshirt_fig1

기본 모양 그리기

툴 패널에서 M을 눌러 사각형 툴을 선택합니다. 다양한 크기의 사각형을 드래그하여 붐박스의 모양을 디자인합니다. 모퉁이 핸들 중 하나를 드래그하여 사각형의 크기를 변경할 수 있습니다. 대지에서 사각형의 위치를 변경하려면 사각형 가운데에 있는 점을 클릭한 다음 원하는 위치로 드래그하면 됩니다.

팁: 사각형을 드래그할 때 마젠타 색상의 고급 안내선을 사용하면 사각형을 정확하게 배치할 수 있습니다.

design-a-tshirt_fig2

이제 스피커를 그려보겠습니다. 툴 패널에서 사각형 툴 아이콘을 길게 눌러 원형 툴을 선택합니다. 드래그할 때 마젠타 색상의 십자선이 표시되면 원의 비율이 정확하다는 것을 의미합니다. 또는 Shift 키를 누른 상태에서 드래그하여 원 모양을 만듭니다. 그런 다음 중심점을 드래그하여 붐박스 왼쪽에 원을 배치합니다.

design-a-tshirt_fig3

패스를 결합하여 새로운 모양 만들기

곡률 툴을 선택하여 대지의 서로 다른 부분에 네 개의 점을 클릭합니다. 그러면 하트 모양의 왼쪽이 만들어집니다. 네 번째 점을 클릭한 다음 Escape를 눌러 패스 그리기를 완료합니다.

V를 눌러 선택 툴로 전환한 다음, 패스를 클릭합니다. Alt(Win) 또는 Option(macOS) 키를 누른 상태에서 패스를 드래그하여 복제합니다. 그런 다음 Shift 키를 누른 상태에서 복제된 패스를 드래그하여 두 개의 패스를 나란히 배치합니다.

design-a-tshirt_fig4

오브젝트 > 변형 > 반사를 선택하고 세로를 선택해 패스를 뒤집습니다. 확인을 클릭합니다.

팁: 또는 속성 패널의 패스 섹션에서 가로 축을 따라 뒤집기 아이콘을 클릭해도 동일한 결과를 만들 수 있습니다.

V를 눌러 선택 툴로 전환합니다. Shift 키를 누른 상태에서 하트 모양의 오른쪽을 드래그하여 두 개의 패스가 겹쳐지도록 하고 하트 모양의 나머지 반쪽을 클릭해 두 패스를 모두 선택합니다.

그런 다음 툴 패널에서 Shaper 툴을 길게 눌러 연결 툴을 선택하고 연결 툴로 두 개의 패스가 만나는 영역을 드래그하여 서로 연결합니다. 패스 연결 및 트리밍에 대한 자세한 내용을 살펴보십시오.

design-a-tshirt_fig5

모양 크기 조절, 복제 및 배치

선택 툴을 사용하여 하트 모양의 패스 가장자리를 클릭합니다. Shift 키를 누른 상태에서 테두리 상자의 모서리를 드래그하여 크기를 조절한 다음, 하트 모양을 둥근 스피커 안쪽으로 드래그하여 배치합니다. Shift 키를 누른 상태에서 원을 클릭하여 두 모양을 선택합니다. 두 모양을 Alt(Win) 또는 Option(macOS) 키를 누른 상태에서 드래그하여 왼쪽 스피커를 복제합니다. 그런 다음 Shift 키를 누른 상태에서 두 스피커를 나란히 배치합니다.

design-a-tshirt_fig6

문자 추가

다음으로, 붐박스 아래에 강렬한 머리말을 만들어 보겠습니다. T를 입력하거나 툴 패널에서 문자 툴을 선택합니다. 붐박스 아래에 텍스트 프레임을 그립니다. 기본 텍스트를 원하는 텍스트로 바꾼 다음 세 번 클릭해 텍스트를 강조 표시합니다. 그런 다음 속성 패널 탭을 클릭하여 확인합니다. (윈도우 > 속성을 선택합니다.) 이 패널의 문자 섹션에서 글꼴, 두께, 크기를 변경하고 문자 사이의 간격을 조정합니다. 시선을 사로잡는 머리말을 설정하는 방법에 대한 자세한 내용은 멋진 제목 설정을 참조하십시오.

Creative Cloud 멤버는 Adobe Typekit의 방대한 고품질 서체 라이브러리에서 선택할 수 있습니다. Illustrator에서 Typekit의 수백 개에 달하는 고품질 글꼴을 검색, 동기화 및 이용할 수 있는 방법에 대한 자세한 내용은 다양한 글꼴 이용을 참조하십시오.

팁: 4단계에서 하트 모양의 크기를 변경한 것처럼 머리말의 비율 및 위치를 조정할 수 있습니다.

design-a-tshirt_fig7

색상 조정

V를 눌러 선택 툴로 전환한 다음, 붐박스 주위에 상자를 드래그합니다. 이 단계에서는 색상과 획(테두리) 폭을 변경해 보겠습니다.

속성 패널의 모양 아래에 있는 메뉴에서 폭이 넓은 획 크기를 선택합니다.

사용자 정의한 색상을 모양에 적용하려면 모양을 선택하고 속성 패널에서 칠 또는 획 아이콘을 클릭합니다. 견본 패널에서 새로운 색상을 선택합니다.

팁: 획 또는 칠 색상을 없음으로 설정하여 재미있는 효과를 만들어 보십시오.

design-a-tshirt_fig8

사용자 정의하고 다양하게 실험해 보기

이제 붐박스의 안테나를 그려보겠습니다. 선분 툴을 사용하여 직선을 클릭하고 드래그하여 안테나를 그립니다. Shift 키를 누른 상태에서 가로선 또는 세로선을 정확하게 그립니다. 앞서 배운 다양한 기법을 활용하여 디자인을 향상시킵니다.

design-a-tshirt_fig9

다른 디자인 기법을 활용하여 다양하게 실험해 보십시오. Adobe Capture CC를 사용하면 모바일 디바이스에서 모양을 캡처하고 텍스처가 적용된 배경을 추가할 수 있습니다.

나만의 디자인을 만드는 데 더 많은 영감을 얻으려면 샘플 파일 폴더에 포함된 tshirt-inspiration.pdf를 확인해 보십시오.

design-a-tshirt_fig10
04/12/2019
이 페이지가 도움이 되었습니까?