히읗

일러스트 기초 패스파인더 활용하기

강의라고 불리기에 다소 민망한 수준의 글이 될 수 있지만

많은 사람들에게 도움을 줄 수 있었으면 좋겠습니다

학원을 다니거나 전문가에게 배운 것이 아니기 때문에

용어가 틀리거나 제 입맛대로 바꿔버리는 경우가 있습니다

궁금증이나 문의사항은 이메일로 부탁드립니다

오랜만에 다시 돌아온 일러스트 강의입니다

열심히 하겠다고 했지만 언제나 마음먹은데로 되지 않네요

다시 달려보겠습니다

패스파인더 역시 일러스트에서 아주 많이 사용되는 기능중 하나입니다

영어라서 패스파인더가 뭔지 감이 안잡힐 수 있지만

쉽게 생각해서 합치기 자르기라고 이해하면 됩니다

패스파인더는 자주 사용하기 때문에 이렇게 창을 띄워놓고

한쪽에 두는 것이 좋습니다

패스파인더 창을 띄우기 위해선 Window -> Pathfinders 를 눌러주면 됩니다

창이 뜨면 위쪽에는 Shape Modes가 있고

아래쪽에는 Pathfinders가 있습니다

여러가지 선택지가 있지만 솔직히 다 몰라도 됩니다

저도 저것들을 다 알지 못합니다

하지만 일러스트를 사용하는데 전혀 문제는 없습니다

정렬때와 똑같죠

우리가 알아야 할 것은 Shape Modes의 첫번째 선택지와

Pathfinders의 첫번째 선택지입니다

마우스를 가져다 대면 위에거는 Unite 아래거는 Divide라고 나오죠

한글로 하면 합치다, 나누다입니다

패스파인더의 꽃이라고 할 수 있죠

이렇게 두개의 사각형이 있다고 가정해봅니다

우리가 얻고싶은 모양은 노란색 사각형과 파란색 사각형이 겹치는 부분입니다

물론 겹치는 부분을 얻고 싶다면 사각형이기 때문에 그려주면 되지만

그림이 복잡해지거나 곡선이 들어가는 순간 그것이 쉽지 않아집니다

그럴때 패스파인더를 이용하면 아주 쉽게 얻을 수 있습니다

사각형 두개를 잡고 Divide를 눌러봅시다

그럼 이렇게 사각형이 나눠지게 됩니다

처음 나누기를 하면 오브젝트가 그룹이 되어 있기 때문에

하나하나 사용하기 위해선 그룹을 해제해야 합니다

마우스 오른쪽 버튼을 눌러서 그룹을 해제 할 수도 있지만

전문가처럼 보이기 위해선 단축키를 이용하는 것이 좋습니다

그룹 해제 단축키는 Ctrl + Shift + G 입니다

그럼 이렇게 각자 오브젝트들을 분리할 수 있으며

우리는 원하는 모양을 얻을 수 있습니다

이들은 각자 움직일 수 있으며 나누는 순간부터 개별적인 오브젝트로 인식됩니다

그런데 내가 실수를 해서 잘못 나눈 것 같습니다

물론 Ctrl + Z 를 이용해서 실행취소를 할 수 있지만

패스파인더를 이용해서 실수를 되돌려 봅시다

노란색 오브젝트는 마음에 드는데

파란색 오브젝트는 원래대로 바꾸고 싶다면

파란색 오브젝트를 둘 다 잡고 합치기를 눌러줍니다

그럼 원래 있었던 사각형 모양 그대로 바뀌었습니다

하지만 이것은 원래대로 바뀌었다고 보기 힘듭니다

왜냐하면 anchor point(앵커 포인트) 즉 꼭지점이 생겨버렸기 때문이죠

저 꼭지점이 생겨버린 덕분에 사각형 모양을 수정하려고 하면

평소처럼 되지 않습니다

그래서 저는 언제나 패스파인더 작업을 하기 전

원본 오브젝트를 남겨둡니다

그럼 패스파인더 기능을 응용해봅시다

밋밋했던 원에 그림자를 넣어보겠습니다

원을 먼저 그려주고

그림자를 넣기 위해서 똑같은 원을 하나 더 복제해줍니다

크기가 꼭 똑같지 않아도 상관 없습니다

똑같은 원을 복제하는 방법은 Ctrl C + Ctrl V 도 있지만

Alt를 누른 상태에서 마우스 클릭 드래그도 있습니다

그리고 Ctrl C를 누른 뒤 Ctrl + F를 눌러주면

같은 자리에 붙여넣기가 됩니다

원을 복제했으면 그림자의 위치를 잡아주고

자르기를 이용해 필요 없는 부분을 날려줍니다

그리고 그림자의 색을 원보다 진하게 해주면 완성입니다

일러스트 기초 정렬 200% 활용하기

강의라고 불리기에 다소 민망한 수준의 글이 될 수 있지만

많은 사람들에게 도움을 줄 수 있었으면 좋겠습니다

학원을 다니거나 전문가에게 배운 것이 아니기 때문에

용어가 틀리거나 제 입맛대로 바꿔버리는 경우가 있습니다

궁금증이나 문의사항은 이메일로 부탁드립니다

일러스트에서 정렬은 정말 많이 활용하는 기능중 하나입니다

다른분들은 어떻게 작업을 하는지 모르겠지만

저는 작업이 완성되지 않았더라도 정돈된 상태를 좋아하기 때문에

미완성 작품들도 항상 정렬을 해놓습니다

일러스트 메뉴 중에서 View - Smart Guides(단축키 Ctrl+U)를 활성화 시켜놓으면

마우스를 이용해서 정렬을 쉽게 할 수 있습니다

하지만 작동이 잘 안되는 경우도 있으며

1px이라도 어긋나는 것이 싫다면 정렬 툴을 이용해 완벽하게 정렬할 수 있습니다

일러스트 메뉴 중에서 Window - Align을 눌러 정렬을 활성화 시켜줍니다

그럼 이런 작은 창이 뜹니다

정렬은 자주 사용하는 기능이니

쉽게 찾을 수 있는 곳에 배치해 두는 것이 좋습니다

여러가지 옵션을 보면 아시겠지만 정렬은 총 12가지 방법이 있습니다

하지만 아래쪽 디스트리뷰트 오브젝트 쪽에 있는 정렬은 두번째 다섯번째 말고는 잘 사용하지 않는 기능입니다

툴을 익히는 방법중 가장 쉽고 확실한 방법은

무작정 눌러보는 것입니다

한번 하나하나 눌러보겠습니다

먼저 Align Objects에서 왼쪽의 세개입니다

옵션의 그림과 똑같은 그림이라고 생각할 수 있지만 이게 전부입니다

서로 다른 오브젝트를 선택한 뒤 정렬을 누른 모습입니다

첫번째 정렬은 왼쪽정렬입니다

정렬의 기준이 되는 곳은 가장 왼쪽에 있는 오브젝트입니다

오브젝트가 이렇게 떨어져 있는 상태에서 첫번째 정렬을 누르면

노란색 사각형을 기준으로 왼쪽 정렬이 됩니다

그럼 파란색 사각형이 노란색 사각형쪽으로 오겠죠?

두번째 정렬은 가운데 정렬입니다

기준은 두 오브젝트의 중간점입니다

어느 한쪽으로 정렬이 되는 것이 아니라 노란색 사각형과 파란색 사각형의 중간지점에 정렬이 됩니다

마치 친구들과 만날 때 중간지점에서 만나는 것처럼 말이죠

세번째 정렬은 오른쪽 정렬입니다

기준은 역시 가장 오른쪽에 있는 오브젝트입니다

두 오브젝트를 잡고 오른쪽 정렬을 누르면 기준이 파란색 사각형이 되기 때문에

노란색 사각형이 오른쪽으로 이동합니다

Align Objects에서 오른쪽 세개 정렬을 눌렀을 때 모습입니다

네번째 정렬은 위쪽 정렬입니다

기준은 가장 위쪽에 있는 오브젝트입니다

다섯번째 정렬은 가운데 정렬입니다

이전의 가운데 정렬은 가로로 가운데 정렬을 했지만

이번의 가운데 정렬은 세로로 가운데 정렬을 합니다

여섯번째 정렬은 아래쪽 정렬입니다

기준은 가장 아래쪽에 있는 오브젝트입니다

정렬은 두개의 오브젝트만 할 수 있는 것이 아니라

여러개의 오브젝트도 정렬할 수 있습니다

그리고 거리가 아주아주 많이 떨어져 있어도 상관없이 정렬이 됩니다

Distribute Objects에 있는 정렬은 두개만 알면됩니다

솔직히 나머지는 뭔지도 잘 모르겠습니다

사용해본적도 없구요

두번째 네번째 정렬만 알면 됩니다

두번째 정렬은 가로 간격을 맞출 때 사용합니다

왼쪽 그림처럼 사각형의 간격이 일정하지 않은데

이 간격을 일정하게 맞추고 싶다면

간격을 맞추고 싶은 오브젝트를 모두 잡고 두번째 정렬을 눌러주면

오른쪽 그림처럼 간격이 일정하게 맞춰집니다

기준이 되는 것은 가장 위에 있는 오브젝트와 가장 아래에 있는 오브젝트입니다

네번째 정렬은 세로로 간격을 맞출 때 사용합니다

(이전 그림에서 회전한 것처럼 보여진다면 정상입니다)

역시 간격이 맞지 않을 때 간격을 맞추기 위해 사용하는 정렬입니다

기준은 가장 왼쪽에 있는 오브젝트와 가장 오른쪽에 있는 오브젝트입니다

정렬 기능을 사용하면 이런 그림도 쉽게 쉽게 그려낼 수 있습니다

그림을 그릴 때도 사용하지만

정렬은 문서를 꾸미거나 간격을 딱딱 맞춰야 하는 상황에서 그 가치가 더 극대화 됩니다

아이콘이 나름 직관적이라 몇번 눌러보다보면 쉽게 익힐 수 있고

우리에겐 신의 선물인 실행취소(Ctrl + z)가 있기 때문에 틀려도 언제든 다시할 수 있습니다

일러스트는 인생과 같지 않으니까요

지금까지 알려준 기능을 사용하면 정렬을 100% 활용할 수 있습니다

하지만 제목이 정렬 200% 활용하기니까 여기서 한가지 더 들어가보겠습니다

왼쪽의 그림처럼 사각형을 만들어놓고 이들을 가운데 정렬 하고 싶은데

그 기준이 노란색 사각형이 되었으면 좋겠습니다

지금 상태에서 가운데 정렬을 눌러버리면 노란색 사각형도 이동해버리기 때문에

오브젝트의 위치를 다시 조정해야 하는 귀찮은 상황이 발생합니다

왼족 그림을 보면 평소와 다른점이 보입니다

노란색 사각형에 두꺼운 파란색 테두리가 있습니다

오브젝트를 모두 잡은 상태에서

까만 마우스(셀렉션 툴)툴이 선택된 상태에서 기준이 되고 싶은 오브젝트를 한번 더 클릭해줍니다

그럼 그 오브젝트의 테두리가 두꺼운 파란색 테두리로 바뀝니다

이제 기준은 두꺼운 파란색 테두리를 가진 오브젝트가 됩니다

이 상태에서 가운데 정렬을 해주면 노란색 사각형은 움직이지 않고

노란색 사각형을 기준으로 가운데 정렬이 됩니다

다른 정렬도 마찬가지입니다

왼쪽 정렬을 눌러도 노란색이 기준이 되고 오른쪽 정렬을 눌러도 노란색이 기준이 됩니다

기준점을 잘못 선택했을 땐 다시한번 클릭을 해주고

다른 기준점을 클릭해주면 됩니다

정렬을 이해 했냐 하지 못했냐는 작업 속도에서 차이가 납니다

정렬을 많이 사용하는 분들 중에는 정렬을 단축키로 설정해 놓고 사용하는 분들도 계시더군요

쉽게 이해가 가지 않는다면 몇번이고 다시 해보는 것이 좋습니다

그리고 실제로 무언가 그림을 그려보기도 하고

두개를 잡았을 때 세개를 잡았을 때

멀리 떨어진 오브젝트를 잡고 정렬을 했을 때 등등

일러스트 기초 팬툴의 이해

강의라고 불리기에 다소 민망한 수준의 글이 될 수 있지만

많은 사람들에게 도움을 줄 수 있었으면 좋겠습니다

학원을 다니거나 전문가에게 배운 것이 아니기 때문에

용어가 틀리거나 제 입맛대로 바꿔버리는 경우가 있습니다

궁금증이나 문의사항은 이메일로 부탁드립니다

지난번 곡선에 대해서 잠깐 이야기 했었는데

이번에는 펜툴에 대해서 알아보겠습니다

사실 펜툴은 정말 신세계입니다

특히 포토샵에서 그렇죠

만약 펜툴이 없었다면 누끼 따는 직업이 따로 생기지 않았을까 생각됩니다

하지만 일러스트에선 그정도까지는 아닙니다

여전히 신세계죠

하지만 그 세계에 꼭 깊게 발을 담그고 있지 않아도 됩니다

저는 펜툴을 사용하는 것을 별로 좋아하지 않고

일러스트에서는 펜툴을 거의 사용하지 않습니다

아주 특수한 경우를 제외하면 말이죠

그럼에도 펜툴이라는 것은 용도가 다양하기 때문에

알아두면 아주아주 유용하게 사용할 수 있는 툴입니다

먼저 펜툴의 기본 모습입니다

펜툴의 단축키는 P입니다 P를 누르면 가장 왼쪽처럼 마우스 모양이 바뀌며

펜툴 아래쪽에 별표시가 나옵니다

이것은 모든 기능을 사용할 수 있다는 뜻입니다

두번째 있는 펜툴은 아래쪽에 +가 있는데 꼭지점을 추가할 수 있는 펜툴입니다

세번째 있는 펜툴은 아래쪽에 -가 있는데 꼭지점을 제거할 수 있는 펜툴입니다

네번째 있는 펜툴은 지난번 곡선에서도 설명했지만 곡선을 없애는 펜툴입니다

핸들을 초기화 시켜주는 툴이죠

2019/03/26 - [프로그램 과외/Illustrator - 일러스트] - 일러스트에서 곡선과 핸들의 이해

도형 툴을 이용해 동그라미를 그려봤습니다

기본적으로 동그라미를 그리면 네개의 꼭지점을 가진 동그라미가 그려집니다

그리고 동그라미를 잡은 상태에서 펜툴을 선택하고

등그라미 테두리에 펜툴을 가져가면 두번째 펜툴처럼 +모양이 됩니다

그 상태에서 클릭을 해주면 꼭지점이 추가됩니다

일러스트 용어로는 이것을 앵커(anchor)라고 합니다

펜툴을 이용해 추가한 앵커는 하얀 마우스(다이렉트 셀렉트 툴)을 이용해 개별적으로 수정할 수 있습니다

이런식으로 원에 펜툴로 꼭지점을 찍고 그들을 이동해 새로운 그림을 그릴 수 있습니다

얼마나 많은 꼭지점을 찍느냐에 따라서 더 디테일한 수정을 할 수 있겠죠?

그리고 오른쪽에는 아까 찍었던 꼭지점을 전부 없애줬습니다

기본 펜툴인 상태에서 꼭지점쪽으로 마우스를 가져가면 자동으로 -가 됩니다

그러니 굳이 두번째 펜툴, 세번째 펜툴을 사용할 이유가 없습니다

여기서 한가지 주의할 점은 점을 찍었다가 실수했다고 다시 제거해버리면

원상복구가 되지 않는다는 점입니다

원상복구를 하려면 실행취소(Ctrl + z)를 해줘야 합니다

점을 한번 찍어버리면 점마다 핸들이 새롭게 설정되며

점을 제거한다 하더라도 이미 설정이 새롭게 되어버렸기 때문에

이전 설정으로 돌아가지 않습니다

사실 펜툴은 이렇게 자유 곡선을 그릴때 진가가 발휘됩니다

기본 펜툴인 상태에서 클릭을 하면 새로운 꼭지점(앵커)가 생깁니다

그리고 다른곳으로 이동해서 두번째 꼭지점을 찍으면 첫번째 점과 두번째 점이 연결이 되죠

그냥 클릭 클릭하면 직선이 만들어지며

클릭을 한 채로 드래그를 하면 핸들이 생기며 곡선이 만들어집니다

지금 제가 그린 곡선을 보면 시작점과 끝점이 연결되어있지 않습니다

이런 상태에서 또 클릭을 하면 새로운 점이 찍히고 이전에 찍었던 점과 또 연결이 되기 때문에

펜툴을 이제 그만 사용하고 싶다면 다른 툴로 바꿔줘야 합니다

저는 보통 까만 마우스 툴로 이동하는 것으로 펜툴을 종료합니다

편하게 단축키 v를 눌러주면 됩니다

참고로 저 그림은 복잡한 제 심경을 표현해봤습니다

지금처럼 시작점과 끝점을 연결시켜주는 것으로 펜툴을 끝낼수도 있습니다

점을 몇번 찍는 것만으로 도형을 만들 수 있기 때문에

자주 사용하긴 하지만 보이는 것처럼 완벽한 도형을 만드는 것은 쉽지 않습니다

사각형이야 직선이기 때문에 쉽게 그릴 수 있지만

펜툴을 이용해 원을 그리는 것은 정말 어렵습니다

완벽한 정 원을 그리는 건 아마 일러스트를 만든 사람도 못할 것 같네요

그렇기 때문에 일러스트에서 펜툴은 잘 사용되지 않습니다

곡선 컨트롤이 너무 어렵기 때문이죠

펜툴을 사용하다보면 알겠지만 내 의도대로 곡선이 만들어지지 않습니다

뭔가 도형을 만들고 싶다면 도형 툴을 이용해 기본 도형을 만들고

펜툴로 점을 찍은 뒤 하얀 마우스로 수정을 해주는 것이 훨씬 편합니다

뭐 어쨌든 펜툴로 그림을 그리다 보면 한쪽은 곡선이지만 한쪽은 직선으로 하고 싶은 경우가 있습니다

첫번째 점을 찍고 두번째 점을 찍으면서 곡선을 그렸다면

곡선을 그린 정보가 핸들에 저장되어 있습니다

그래서 다음 점을 그냥 찍기만 해도 똑같은 곡선이 만들어지죠

이것은 '핸들의 기본은 양쪽이 같이 움직인다'이기 때문입니다

하지만 오른쪽 그림처럼 완벽한 미끄럼틀을 그리기 위해선

한쪽은 직선일 필요가 있습니다

첫번째 점을 찍고 두번째 점을 찍으면서 곡선을 그린 뒤

세번째 점을 찍기 전에 두번째 점으로 다시 마우스를 이동해줍니다

그러면 펜툴 아래쪽에 완성되지 않은 삼각형이 뜹니다

원래 펜툴 아래쪽에는 *,+,-만 등장했지만 이번엔 다르죠

네번째 펜툴의 모습과 비슷합니다

이것은 핸들을 없애는 기능이기 때문에

이제부터 직선으로 그리고 싶다면 그 상태에서 점을 클릭해줍니다

그럼 핸들 한쪽이 사라지고 이제부터 직선을 그릴 수 있습니다

펜툴을 사용하는 것은 꽤 어렵기 때문에 자주 자주 사용하면서 연습을 해줘야 합니다

그래도 완벽하게 사용할 수 없는 것이 펜툴이죠

https://bezier.method.ac/

펜툴을 연습할 수 있는 사이트입니다

그냥 하는 것이 재미 없다면 여기서 그림을 그리면서 펜툴을 연습해보는 것도 좋을 것 같네요