[BI, CI 디자인] 01 강아지 캐릭터 만들기(수정본)

여러분 안녕하세요. 반갑습니다. gpq 일러스트레이터 저자 이마입니다. 이번 시간에는 gpq 일러스트 1급 1번 문제 스티를 위한 예제를 같이 진행해 보도록 하겠습니다. 화면에서 보고 계시는 예제는요. 우리 교재 70세이지 선택도구 오브젝트 모양 변경해서 캐릭터 만들기입니다. 먼저 오브젝트를 만들어서 모양을 변경해 보도록 하겠습니다. 원형을 그려서 강아지 얼굴 모양으로 변형을 하는데 이 과정에서 다이렉트 플렉션 툴로 변형하는 방법을 우선 익혀 보도록 하겠습니다. 파이레트 누를 클릭하고요. 새 도큐멘트를 열도록 합니다. 그런 다음 컨트롤 R을 누르고 눈곰자 보기를 합니다. 도큐멘트 위쪽과 왼쪽으로 눈곰자가 표시가 될 거고요. 이 눈곰자로부터 마우스 왼쪽 버튼을 누르고 도큐멘트 작업 도큐멘트로 드래그를 하게 되면 이처럼 안내선을 표시할 수가 있습니다. 여기서는 좌우 대칭형을 만들텐데요. 일단 원을 그리도록 하겠습니다. 풀패널에 엘리트를 선택합니다. 비닐 색상으로 설정하고 그리도록 하겠습니다. 작업 도큐멘트를 클릭하게 되면요. 대화상자입니다. 이 대화상자에 이식은 수치 입력을 해줍니다. 정량에 대칭하도록 하겠습니다. 다른 도구를 선택했을 때도 컨트롤 키만 눌러주면 선택 도구로 바로 전환이 돼서 컨트롤을 누른 채 선택 이동이 가능하겠습니다. 그런 다음에 귀 모양을 만들기 위해서 다이렉트 셀렉션 툴로 선택을 바꿔줍니다. 점과 점, 고정선 사이에 연결하는 선을 우리는 세그먼트, 선분이라고 합니다. 이곳에 드래그를 하겠습니다. 왼쪽 상단 세그먼트에 드래그를 합니다. 그러면 이렇게 원형 테스트가 만들어지기 위해서는 고정점 사이에 이렇게 곡선형이 그려지는데 이 곡선형은요. 핸들이라는 게 나오면서 만들어집니다. 이 핸들 끝에 마우스를 가져가서 전형을 해보도록 합니다. 자, 그런데요. 우리 교재 내용대로 이렇게 좌우대칭형으로 안 만들어질 거예요. 왜냐? 기본적으로 원을 그리기 위한 핸들은요. 이렇게 양쪽에 핸들이 존재합니다. 이 핸들 끝을 방향점이라고 하는데요. 이 방향점 한 곳을 올렸더니 나머지는 어때요? 내려가죠. 그렇죠? 자, 이때는 Undo 하고요. 다시 왼쪽 상단 선분을 선택하겠습니다. 드래그해서 선택하시면 되겠고요. 이때 보여지는 핸들을 처음부터 Alt를 눌러주십시오. Alt를 누르고 드래그해서 이렇게 그의 모양이 되도록 핸들을 변형을 해줍니다. 자, 어때요? 한 쪽만 움직이는 걸 확인하실 수가 있죠? 이때 주의할 것은 나중에 Alt를 누르게 되면 Alt는 누른 채로 드래그를 하면 복제의 의미로 인식을 합니다. 그래서 선분이 하나 더 복제되는 경우가 생길 수 있을 거예요. 처음부터 눌러주셔야 합니다. 어떻게 해요? 드래그해서 선분 선택하고요. 핸들의 끝 방향점을 마우스 오버하고 Alt 누른 채 처음부터 이렇게 드래그를 해주는 거예요. 그리고 대칭형으로 그레이드가 되도록 조정을 해주시면 되겠습니다. 눌러주는 시점이 중요합니다. 이제 여기에 컬러를 적용을 해보겠습니다. 그라디언트가 적용이 되어있죠. 그라디언트 패널을 열어주시고 그라디언트 패널에서 Radial 그라디언트를 적용할 겁니다. 기본 그라디언트가 적용이 되어있는 것을 확인하실 수 있습니다. 왼쪽 그라디언트 슬라이더의 왼쪽 컬러스톱을 더블클릭합니다. 이때 이 비폴드로 들어가 있는 것이 K만 나와있는 경우가 있습니다. 이런 경우는 CM1K로 설정을 바꿔주셔야 되겠습니다. 왼쪽 컬러 흰색, 즉 CM1K 각각 0% 설정되면 되겠고요. 오른쪽 컬러 스톱을 더블클릭합니다. 역시 K각, 그린 스케일로만 설정이 되어있습니다. 오른쪽 상단 팝업 누르셔서 CM1K로 설정을 바꿔주셔야 되겠습니다. 자, 그런 다음 대시동 색상 지정을 해주시면 됩니다. 이거고요. 초록 컬러는요. 선택하시고 여기서 넣는 지정을 해서 색상 없음을 설정하시면 되겠습니다. 하단에서 지정을 하셔도 되겠고요. 컬러 패널에서 설정도 가능하십니다. 자, 이제 눈, 코, 입, 귀 모양을 만들 차례입니다. 눈, 코, 입는 눈썹 부분을 만들거예요. 눈 모양을 만들거예요. 여기도 역시 사원을 그려서 설정을 하도록 하겠습니다. 알리스트를 선택합니다. 음 클릭해서 이 컬러는 none을 설정할 거고요. 초록 컬러는 기본 껍질 KB 맞죠? 그런 다음 작업 도구를 클릭해서 미화 상자에서 빛은 4, 화이트는 3mm를 설정하고 Detail을 눌러줍니다. 이제 키보드의 방향을 이용하셔서 위치 맞춰주시면 되겠습니다. 이제요. 솜의 두께 설정을 보도록 하겠습니다. 이렇게 분리해서 꺼내 놓고 캡 부분을 더블클릭 해보시면 확장이 몇 단계로 나눠져 있습니다. 여러분이 원하는 설정 나올 때까지 더블클릭 하시면 되겠습니다. 끝부분 캡은 라운드 캡을 설정할 겁니다. 오픈 캡을 만들었을 때 끝 지점의 모양이다 라고 생각하시면 됩니다. 이렇게 되면 입력성 포인트를 설정하겠습니다. 라운드 캡 설정했죠? 그 다음에 열린 패스를 만드는 방법 패스의 1부분을 선택할 때는 다이렉트 셀렉션 클릭입니다. 하단 고정점 앵커 포인트를 클릭합니다. 그런 다음 Delete를 눌러주게 되면 이렇게 열린 패스로 바뀌는 것을 확인할 수 있습니다. 설정할게요. 그런 다음 스트로크의 두께 자체가 면으로 확장이 되는 명령어입니다. Object 클릭합니다. 패스판을 눌러서 Outline Stroke을 클릭합니다. 그러면 이곳에서 방금 가져왔던 스트로크 속성이 휠 속성으로 바뀐 것을 확인할 수 있죠. 더불어 끝 모양이 이렇게 둥근 모양으로 되어있습니다. 라운드 캡을 설정했죠? 이제 코 형태를 그리도록 하겠습니다. 코 역시 정원을 그린 다음에 변형을 합시다. Left를 선택하시고요. 그립을 중앙에서부터 그리겠습니다. Alt와 Shift를 동시에 눌러서 그려주면 중앙에서부터 정원을 그릴 수 있습니다. Shift는 정원, Alt는 마우스의 클릭 지점이 중심이 되는 겁니다. K100을 설정하고 스트로크 러닝을 설정하시면 되겠습니다. 그런 다음 정원의 이쪽 고정점, 앵커 포인트를 클릭해서요. 아래로 이동을 하겠습니다. 이때 마우스로 드래그하셔도 되고요. 키보드에 방향키를 눌러서 방향을 해 주시겠습니다. 이동을 해서 이 형태를 만들어주시면 되겠습니다. 크게 됐다 그러면 모서리를 잡고 그려주시면 됩니다. 선택 도구를 사용하셔서요. Shift를 누르면서 이렇게 그려주세요. 크기를 조정해 주십시오. 크기가 특별히 제정되어 있지 않은 것은요. 결과 화면을 보시고 조정해 주시면 되겠습니다. 이렇게 됐고요. 이제 뒷부분을 만들도록 하겠습니다. 엘리트로 크기가 다른 타원을 그려보도록 하겠습니다. 이때도 세로 안내선에서부터 그려놨던 Alt를 누르면서 대각선으로 드래그를 하시면 되겠습니다. 그런 다음에 컬러패널도 꺼낼게요. 같이 사용하는 패널들은 이렇게 꺼내서 같이 구성을 시켜 놓을 수 있습니다. 여기에 연결해서 하나 더 그리도록 할게요. 그리고 난 다음에 크기 조정하실 때는요. 바운딩 박스 Selection Tool에 바운딩 박스 나옵니다. 바운딩 박스 저는 표시가 안되는데요. 하시는 분들 간혹 계십니다. 갈 때는 View 메뉴를 클릭해서요. 여기가 Show Bounding Box라고 되어있는 분들은 바운딩 박스가 표시가 안되는 분들이에요. 확인하셔서 진행하시면 되겠습니다. 바지핀은 Shift-Ctrl-V가 되겠습니다. 이렇게 대체를 해놓으시고요. 두개를 꺼내 선택해서 B로 보내게 하셔도 될 거고요. 코 모양만 선택해서 Arrange-Print Font에서 맨앞으로 가져오기를 하셔도 되겠습니다. 선택을 무엇을 하냐에 따라서 정돈, 어레인지, 명령어가 달라질 수 있겠죠. 자 이제 흰색 타원을 한번 복사를 한 후에 제자리에 붙여넣기를 하구요. 여기 하단에 스톱만 있게끔 만들어 놓습니다. Ctrl-F를 눌러서 복사한 오브젝트 앞에 붙여넣기를 합니다. Edit-Paste Font이 해당되는 단축품입니다. 이걸 다시 사용하십시오. 그런 다음 컬러 패널에서 실컬러는 None을 할 거고요. 스톱컬러는 360을 지정하겠습니다. 그리고 두께 1pt, 라운드로 결정을 하시면 됩니다. 그리고 그 다음에 고정점을 선택하구요. Delete를 눌러서 열린 패스로 만들겠습니다. 이제 귀 안쪽의 오브젝트를 그리도록 하겠습니다. 사용해서 타원 모양을 그려줍니다. 대신 실컬러를 설정해주시구요. 스톱컬러는 None을 설정하겠습니다. 그리고 Direct Selection Tool 바로 전에 선택 도구 중에 Direct Selection Tool을 선택을 했다면 Ctrl-P를 눌렀을 때 바로 이전에 선택했던 선택 도구로 빠르게 변환이 됩니다. Ctrl-P를 누른 채 하단에 고정점을 선택해서 앵커 포인트를 선택하시고 Delete를 누르면 탑재가 되겠죠. 그리고 바운딩 박스 보여주기 위해서 Selection Tool로 선택을 해주면 되겠습니다. 이때도요. 크기가 맞지 않을 때는 조정을 해주시면 됩니다. 그리고 바운딩 박스 모서리 밖에 마우스 포인터를 놓게 되면 회전할 수 있는 상태로 전환이 되겠죠. 조심 회전을 하고 배치를 해주도록 하겠습니다. 이렇게 만들어 놨구요. 좌우 대칭할 오브젝트를 선택을 하시면 되겠습니다. 이때 벡터 방식에서는 윤곽선 보기 윤곽선 보기가 지원됩니다. 어디 있느냐? 동행으로 클릭하면 Outline이라고 있습니다. 단축키가 Ctrl-Y가 되겠습니다. Ctrl-Y를 하게 되면 컬러가 배제된 상태 즉, 윤곽선만 있는 상태가 보여지죠. 이렇게 하게 되면 여러분이 Selection Tool로 좌우 대칭할 오브젝트를 드래그를 통해서 선택하기가 아주 수월합니다. 물론 Shift를 누른 채 클릭하는 방법도 비슷합니다. 단축키 Ctrl-Y 자주 사용하는 거니까 알아주시기 바랍니다. 그리고 이제 반사대칭을 전문적으로 하는 툴이 있죠. Reflect Tool입니다. Reflect Tool로 더블클릭을 하게 되면 현재 선택된 오브젝트의 중앙을 축으로 해서 뒤집힙니다. 축을 지정해야 합니다. 알트를 누르고 뒤집힐 축 수직의 안내선이죠? 인어 아래 아무 곳이나 클릭하셔도 됩니다. 무엇을 누르고요? 알트를 눌러주세요. 알트를 누르고 클릭하게 되면 클릭 지정이 겨울형의 축 반사대칭으로 뒤집힐 축이 되겠죠? 그리고 대화상자가 뜹니다. 대화상자에서 정확히 뒤집힐 축 X를 Vertical로 지정해주시고요. 이 상태로 그냥 뒤집힘이 아니라 하나 복사가 되어야겠죠? Copy 버튼을 눌러주시면 됩니다. 완료되었으면 Ctrl-Y를 눌러서 색상이 채워진 상태로 보시면 되겠습니다. 이때 보시면 그려진 순서 복사된 순서에 의해서 정돈이 안된 것들이 있을 수 있습니다. 코를 맨앞으로 가져오시면 되겠네요. 마우스 오른쪽 버튼 누르고 Print Front 하시면 되겠습니다. 이렇게 생긴 맨앞으로 가져왔고요. 이제 하단 오브젝트를 만들어 보도록 하겠습니다. 엘리베이터고요. 수식의 안내에서는 알트를 누르고 클릭을 하겠습니다. 수식은 크기대로 입력을 해주시고요. 여기에 색상 제정하도록 하겠습니다. 이제 변형을 해줘야 되겠죠? Direct Selection Tool 기본적으로 고정점을 선택할 때는 Direct Selection Tool 입니다. 위에 점을 선택합니다. Shift 누르면서 하단 고정점도 선택을 해줍니다. 그런 다음 키보드의 방향키 이용해서 올리셔도 되겠고요. Shift 누르면서 눌러주시면 그냥 눌러주는 것에 Shift 조점도 많이 이동이 됩니다. 이렇게 해서 변형을 해주시면 되겠고요. Arranged를 맨뒤로 보내기를 하시면 되겠습니다. 오브젝트는 그려지는 순서에 따라서 뒤쪽에서 앞쪽으로 차곡차곡 쌓이는 구조입니다. 그래서 그 순서를 정돈할 때 쓰는 게 Arranged라고 합니다. 그런 다음 하단의 왼쪽 하단의 고정점 사이 3분이죠. 이곳에 드래그를 합니다. 그러면 어때요? 핸들의 끝 방향점이 보이죠? 방향점을 각각 움직여 보도록 하겠습니다. 무슨 키 눌러주죠? 네. Alt 키 라고 하셨죠? 네 맞습니다. Alt 누른 채 한쪽 핸들만 조정을 해주겠습니다. 그리고 나머지 오른쪽도요. 세그먼트 부분을 드래그 해서 핸들의 끝 방향점이 보이게 하시고요. Alt 누른 상태에서 아래로 드래그를 하면서 좌우 대칭적으로 맞춰주시면 되겠습니다. 드래그 하는 동안에 이미 변형된 핸들의 모양이 보이기 때문에 여러분 드래그하기 어렵지 않으시죠? 이제 중간에 타원을 그려서 그리도록 하겠습니다. 얼굴과 몸통 중간에 타원형을 하나 그리도록 하고요. 그리고요. 크기 조정도 크게 하셔서 바운드박스 조절하시면서 그리시면 되겠습니다. 컬러 패널에서 표시된 클 컬러 적용해 주시면 됩니다. 그리고요. 두 개의 오브젝트를 한 번에 선택하고요. 어레인지에 랜디로 보내기를 하시면 되겠습니다. 합쳐주시고요. 이제 배경 오브젝트 만들겠습니다. 배경 오브젝트 또한 엘리베이터로 타원을 그린 다음에 변형을 할 거예요. 입술을 선택합니다. 배로 안렙에 알트 누르고 클릭해서 알트 누르고 클릭한 이 지점이 그려지는 원의 센터포인트, 중심점이 되겠습니다. 그리고 대화상자에서 그리고자 하는 타원의 지수를 넣어줍니다. 색상 지정하겠습니다. 정확한 표시를 이용해서 앵커포인트 고정점 이동하는 방법을 살펴보도록 할게요. 상단 앵커포인트 클릭합니다. 슈트 누른 채로 하단 고정점도 클릭합니다. 두 개의 고정점이 선택이 됐죠. 앵커포인트 위아래 두 개가 선택이 됐습니다. 이때 모브를 사용해 보겠습니다. 모브는 오브젝트를 클릭해서 트랜스폼에 가서 찾아보실 수 있지만 빠르게 모브 대화상자를 띄우는 방법은 풀패널 상단의 딜렉션을 더블클릭해보시면 이렇게 모브 대화상자가 빠르게 뜹니다. 이 방법 추천합니다. 프리젠탈은 좌우로 움직이는 건데요. 그리고 버티컬은 상하로 움직이는 거죠. 여기 보시면 미디고기가 체크가 되어있습니다. 체크해 놓으시고요. 여러분이 이동하고자 하는 상하좌우에 해당되는 수치를 넣어서 정확한 이동을 해주시면 되겠습니다. OK를 눌러줍니다. 그런 다음 이 배경 오브젝트 자체가 회전이 되어야 될 거예요. 그래서 면 컬러 부분 힐 컬러 부분을 클릭해 줍니다. 그러면 변형된 방어형태의 모든 점이 네 개의 고정점들이 다 선택되는 걸 확인하시면 되겠죠. 이렇게 하셔야 돼요. 전전처럼 두 개의 고정점만 선택했을 때 회전하시면 안됩니다. 힐 컬러를 클릭합니다. 그런 다음 로테이트 툴을 더블클릭해주겠습니다. 이렇게 로테이트 회전에 관련된 대화상자가 나왔습니다. 90도 하고 OK로 눌러서 회전을 해주실 거고요. 그 다음에 맨 뒤로 보내기를 하시면 되겠습니다. 다시 넣어주시겠습니다. 이제 문자에 입력해주시면 되겠네요. 타이플로 작업 도풀멘트를 클릭하겠습니다. 타이플 타이플 클릭합니다. 작업 도풀멘트를 클릭하고요. 이제 컨트롤 키를 눌러줍니다. 그러면 여기에 캐릭터라고 하는 패널이 뜨는 걸 확인하실 수가 있죠. 여기에 폰트를 찾아주겠습니다. 영문 폰트는 폰트에 7점 몇 개만 입력을 해주시면 이렇게 완성형으로 폰트를 검색하실 수가 있습니다. 골드 클릭합니다. 그런 다음 15포인트를 설정을 하겠습니다. 컬러에서 옥상을 지정하시면 되겠죠. 키를 눌러주면 순차적으로 하단으로 이동이 됩니다. 그 다음에 문자를 선택한 상태에서 컨트롤 키로 복자를 합니다. 그런 다음 클립보드에 인식을 설정해 주셨죠. 이 상태에서 실컬러를 클릭하시고요. 기존에 색상 옵션이었어요. 실컬러를 CMYK 0000 입력해주죠. 설정을 한 뒤에 이쪽 패널에서 두께는 4포인트를 설정하겠습니다. 그러면 선의 두께로 인해서 마치 흰색으로 변신이 됩니다. 여기에 원래 있던 자리의 앞쪽에 붙어나는 명령어입니다. 컨트롤 X로 베이킹 폰트를 클릭하게 되면 이렇게 글자가 다시 자리 앞쪽에 배치가 됩니다. 한번 설정하시려면 컨트롤 Y 하셔서 글자 선택하시고요. 다시 컨트롤 Y 하시고요. 이제 바운딩 박스 사용하시면 오브젝트의 중심 위치도 파악하실 수 있습니다. 바운딩 박스의 중간에 있는 점을 사용하시면 되겠습니다. 이렇게 하셔서 완성하셨습니다. 수고하셨습니다.