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

 

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

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

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

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

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

 

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

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

다시 달려보겠습니다

 

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

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

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

 

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

한쪽에 두는 것이 좋습니다

 

패스파인더 창을 띄우기 위해선 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를 눌러주면

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

 

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

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

 

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

일러스트 기초 도형툴을 이용해 캡틴 아메리카 방패 일러스트 그리기

 

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

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

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

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

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

 

곧 있으면 어벤져스 엔드게임이 개봉을 하는군요

러닝타임이 3시간정도 될 것이라는 이야기가 있다고 하는데

영화를 보던 중 화장실에 왔다갔다 하는 사람들이 꽤 많을 것 같습니다

 

일러스트나 포토샵 같은 프로그램도 그렇고 다른 프로그램도 마찬가지입니다

자주 사용해야 실력이 늘게 되죠

 

하지만 아무것도 모르는 상태에서 뭘 그려야 할지도 모르겠고

그림은 전혀 배우지도 않아서 손재주도 없는 상태라면

답답하고 막막해서 쉽게 포기하게 됩니다

 

그래서 간단하고 쉬운 것부터 그려보는 것이 좋습니다

간단한 것이라도 완성을 하고나면 뭔가 뿌듯함이 생기고 자신감이 생기니까요

 

마치 깨진 유리창 이론처럼 말이죠

https://youtu.be/DxubznruC4A

 

일러스트에서 그림을 그릴 수 있는 가장 손쉬운 방법은 도형툴을 이용하는 것입니다

 

펜툴을 이용하면 자유곡선을 그릴 수 있으니

더 쉬울 것 같지만 펜툴로 내가 원하는 곡선을 그리는 것은 정말 어렵습니다

 

네모와 동그라미는 언제나 기본이 되는 도형들이기 때문에

도형툴을 이용해 그림 그리는 것에 익숙해지면

펜툴을 이용했을 때보다 더 빠른 속도로 작업할 수 있습니다

 

일러스트 도형툴은 기본적으로 다섯가지가 있습니다

 

사각형툴, 둥근 사각형툴, 원툴, 다각형툴, 별툴

 

사각형툴은 사각형을 그리는데 사용합니다

마우스 클릭과 드래그로 그릴 수 있는데 쉬프트(Shift)를 이용하면 정사각형을 그릴 수 있습니다

 

둥근 사각형툴은 모서리가 둥근 사각형을 그리는데 사용합니다

역시 쉬프트를 이용하면 정사각형을 그릴 수 있습니다

 

둥근 사각형툴의 경우 모서리의 둥근정도를 조정할 수 있습니다

 

마우스 클릭 드래그를 하면 둥근 사각형이 그려지는데

이때 마우스 클릭을 계속 한채로 위쪽 방향키를 누르면 둥근정도가 심해지고

아래쪽 방향키를 누르면 둥근정도가 약해집니다

 

원툴은 원을 그릴 때 사용합니다

쉬프트를 누르고 그리면 정원을 그릴 수 있습니다

 

다각형툴은 기본 다각형은 오각형으로 되어있습니다

쉬프트를 누르고 그리면 정오각형을 그릴 수 있는데

육각형 그 이상을 그리고 싶다면 다각형툴이 선택된 상태로

클릭을 한번 해주면 됩니다

 

클릭을 하면 이런 창이 뜨는데

Radius 는 도형의 크기를 결정하는 곳이고

sides는 몇각형으로 할지를 결정하는 곳입니다

 

육각형을 원한다면 6이라고 쓴 뒤 OK를 눌러주면

육각형이 그려집니다

 

일러스트는 선과 선이 만나 면이 되기 때문에

최소 숫자는 3이 됩니다

 

3을 넣으면 삼각형이 그려집니다

 

클릭해서 도형을 그리는 것은 다른 툴도 마찬가지입니다

정확한 크기를 정하고 싶다면 클릭을 한 뒤 도형을 그려주면 됩니다

 

 

별툴을 이용해서 별을 그리면 가장 기본이 되는 별이 그려지는데

역시 클릭을 통해 속성을 변경할 수 있습니다

 

별툴을 클릭하면 다각형때와는 조금 다른 옵션들이 있습니다

 

Radius 1은 바깥쪽 크기를 결정합니다

Radius 2는 안쪽 크기를 결정합니다

 

바깥쪽 크기와 안쪽의 크기 차이가 줄어들수록 오른쪽과 같은 별이 됩니다

 

Points는 별의 꼭지점 갯수를 정해줄 수 있습니다

포인트에 6을 넣으면 꼭지점이 6개인 별이 그려집니다

 

도형툴을 이용해서 캡틴 아메리카 방패를 그려보겠습니다

 

정말 간단합니다

먼저 그림을 그리기 전에 어떤 도형이 기본이 될지를 생각해봐야 합니다

 

캡틴 아메리카 방패는 둥근 모양에 가운데 별이 있기 때문에

 

원툴과 별툴을 이용해서 그려주면 됩니다

 

순서는 상관없습니다

가장 큰 원을 먼저 그리던 가장 작은 원을 먼저 그리던

 

원을 총 4개 그려줍니다

 

원의 간격이 일정한데 이것은 크기 조정을 해줬기 때문입니다

 

도형을 그리면 오른쪽 상단에 도형의 좌표값과 크기를 볼 수 있습니다

이곳은 수정이 가능한데 X, Y가 좌표값 W, H가 도형의 크기를 결정짓습니다

 

W는 너비이고 H는 높이입니다

 

만약 가장 작은 원의 크기를 120x120으로 했다면

그 다음 원의 크기를 50px 더 많은 170x170으로 해줍시다

 

간격은 원하는 만큼 조정하면 됩니다

 

그리고 그 다음 원의 크기는 역시 50px 더 많은 220x220으로 해줍니다

 

가장 큰 원은 270x270이 되겠죠

 

그럼 원이 총 네개가 생깁니다

 

원의 위치가 제각각이라면 가운데 정렬을 해줍시다

 

2019/04/03 - [프로그램 과외/Illustrator - 일러스트] - 일러스트 기초 정렬 200% 활용하기

 

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

일러스트 기초 정렬 200% 활용하기 강의라고 불리기에 다소 민망한 수준의 글이 될 수 있지만 많은 사람들에게 도움을 줄 수 있었으면 좋겠습니다 학원을 다니거나 전문가에게 배운 것이 아니기 때문에 용어가 틀..

pguin.tistory.com

이렇게 총 네개의 원을 동시에 잡고 가운데 정렬을 해줍니다

 

색은 미리 넣어도 되고 정렬을 해준 뒤 넣어도 됩니다

 

가장 큰 원이 가장 아래에 있어야 하는데 정렬을 했을 때

가장 큰 원이 가장 위에 있어서 나머지 원들이 보이지 않는다면

단축키 Alt + [ 를 이용해서 아래쪽으로 내려줍시다

 

가장 아래로 내리는 단축키는 Alt + Shift + [ 입니다

 

반대로 위로 올리는 단축키는 Alt + ]

가장 위로 올리는 단축키는 Alt + Shift + ] 입니다

 

그리고 가운데 별을 넣어주면 완성입니다

별은 기준점이 다르기 때문에 가운데 정렬을 해주면 조금 어긋나게 됩니다

이부분은 수동으로 맞춰줍시다

 

그럼 왼쪽 그림처럼 방패가 완성됩니다

 

사실 이것으로 완성이긴 하지만

여기서 조금 더 디테일을 넣고싶다면 두께감을 넣어주면 좋습니다

 

원을 몇개 더 그리고 Alt + [ , Alt + ] 를 이용해 위치를 조정하고 색을 바꿔줍니다

 

빨간색과 파란색은 그리 어울리는 색이 아니기 때문에

경계면은 특히 더 신경써서 색을 넣어주면

 

정말 간단하게 캡틴 아메리카 방패를 그릴 수 있습니다

 

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

 

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

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

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

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

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

 

 

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

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

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

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

 

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

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

 

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

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

 

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

 

그럼 이런 작은 창이 뜹니다

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

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

 

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

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

 

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

무작정 눌러보는 것입니다

 

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

 

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

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

 

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

 

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

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

 

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

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

 

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

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

 

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

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

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

 

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

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

 

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

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

 

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

 

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

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

사용해본적도 없구요

 

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

 

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

 

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

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

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

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

 

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

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

 

+ Recent posts