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

 

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

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

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

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

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

 

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

러닝타임이 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% 활용하기니까 여기서 한가지 더 들어가보겠습니다

 

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

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

 

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

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

 

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

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

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

 

일러스트 기초 팬툴의 이해

 

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

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

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

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

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

 

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

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

 

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

특히 포토샵에서 그렇죠

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

 

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

여전히 신세계죠

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

 

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

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

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

 

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

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

 

일러스트에서 곡선과 핸들의 이해

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

pguin.tistory.com

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

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

 

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

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

 

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

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

 

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

 

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

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

 

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

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

 

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

 

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

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

 

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

 

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

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

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

 

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

 

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

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

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

 

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

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

 

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

 

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

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

 

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

 

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

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

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

 

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

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

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

 

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

 

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

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

 

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

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

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

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

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

 

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

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

 

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

 

 

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

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

 

https://bezier.method.ac/

 

The Bézier Game

A game to help you master the pen tool

bezier.method.ac

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

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

+ Recent posts