쉽게 따라하는 일러스트레이터로 화살표만들기의 모든 것!! 한방에 정리

디자인연습 (61)

쉽게 따라하는 일러스트레이터로 화살표만들기의 모든 것!! 한방에 정리

 

 

화살표 일러스트 이미지 만들기 시리즈가 오늘로 3번째입니다. 아이콘이나 입체적인 화살표처럼 패스툴, 모양툴을 이용해서 만드는 방법을 보여드렸었는데요.

 

이번 포스팅은 어도비 일러스트레이터 자체에 있는 기능을 이용하여 쉽게 빠르게 나에게 필요한 화살표 일러스트를 만드는 방법을 알려드리고자 해요! 요 기능들 알아두면 초보자분들도 쉽게 만들 수 있기 때문에 꼭 알고 계셨으면 해서 포스팅을 하게 되었습니다.

 

 

 

>지난 포스팅들

 

입체적인 화살표 이미지 일러스트로 쉽게 그리기

많이 쓰는 화살표 일러스트 이미지 모음 (AI파일공유)

 

 

 

 

 

---

 

패스의 시작과 끝

화살표에는 경로가 존재하는데요.

패스툴로 이 경로를 만들기 때문에 어디서부터 시작되고 어디에서 끝나는지를 알아두어야 합니다. 그래야 처음 시작점에 해당하는 끝모양과 끝점에 해당하는 팁(화살촉)의 모양을 선택할 수 있기 때문입니다. 경로에 해당하는 선 부분의 두께도 자유자래로 움직일 수 있기 때문에 어디서부터 패스를 그렸는지를 기억하는 건 기본이라고 할 수 있겠어요!

일러스트레이터의 기본 화살촉모양 1,2,3,4,5,6

 

 

 

기본으로 탑재되어 있는

어도비 일러스트레이터 화살표 모양

일러스트레이터의 획stroke패널에서 시작점과 끝점을 선택할 수 있습니다. 매우 다양한 모양이 있기 때문에 직접 모양을 그리지 않아도 기본적인 화살표를 쉽게 만들 수 있다는 장점이 있어요. 

 

 

 

 

획의 두께 stroke를 높이면 일어나는 현상

둘 다 모두 획의 두께를 10pt로 두었을 때인데요. 차이점이라 하면 양 끝 모양의 크기입니다.

획의 두께라고 해서 선의 두께만 커지는 것이 아니라 함께 확대가 되는 현상이 일어나요. 애초에 패스로 그릴 때 선으로만 그렸기 때문에 이 모두를 선으로 인식하기 떄문인데요. 

그래서 존재하는 옵션이 바로 크기 조절입니다. 퍼센트로 표현될 수 있고 100%이상으로도 가능합니다. 왼쪽 이미지가 기본 100%일 때이고요. 오른쪽 이미지는 35%, 60%로 각각 비율을 줄인 모습입니다.

 

 

 

 

화살촉이 시작하는 부분

내가 그린 패스를 기준으로 화살촉의 위치도 정할 수 있는데요. 가장 맨 아래 3번째가 기본으로 화살표 모양을 지정하지 않았을 때와 비교해보세요. 첫 번째는 정렬을 패스 끝에서 시작되도록 한 상태, 두 번째는 패스 안쪽으로 둔 상태입니다. 전체적인 길이에 변화가 생길 수 있어요.

 

 

 

선의 모양, 프로파일의 방향

이 두개의 화살표는 같은 두께와 같은 길이입니다. 차이점이 있다면 바로 프로파일, 선의 모양의 방향성인데요. 하나는 점점 얇아지고 다른 하나는 점점 두꺼워집니다. 이것을 클릭 한번으로 적용할 수 있는데요. 스트로크 패널의 프로파일 옵션 옆에 있는 아이콘입니다. 좌우대칭을 뜻하는 아이콘을 눌러서 언제든지 방향에 변화를 줄 수 있는 기능이에요!

 

 

 

 

화살표에 색 넣는 법

앞서 말씀드린 것처럼 일러스트레이터에서 화살표기능은 선으로 인식되기 때문에 면에 색이 들어갈 경우 우측처럼 표현됩니다. 그렇기 때문에 색을 변경할 때는 스트로크의 색상에서 변경해야 올바르게 표현됩니다.

 

 

 

그라디언트로 색 넣는 법

스트로크에서 단색을 주는 것과 마찬가지로 그라디언트를 그대로 적용시키면 위와 같이 전체에 색이 입혀지는 것을 볼 수 있어요. 일반적인 모양에 색을 넣는 것처럼 동일하게 해주시면 됩니다.

 

 

 

일러스트레이터에서 화살표 점선으로 표현하기

그라디언트는 끝과 시작점 모두에 적용이 되었다면, 점선은 가운데 라인에만 적용이 되는 모습을 볼 수 있습니다. 스트로크에 점선을 적용하는 방법은 동일하고 두께와 간격의 조절을 통해 다양한 형태로 만들 수 있어요

 

 

 

손글씨 느낌의 화살표 이미지

마지막으로 손으로 그린 듯한 스케치 느낌을 만들 수 있는데요. 이 역시 일러스트레이터에 기본으로 장착된 효과를 가지고 선에 적용시킬 수 있습니다. 단순한 라인이 싫을 때는 이런 스트로크의 스타일을 활용해보는 것도 좋겠네요.

 

 

이렇게 어도비에서 기본 탑재된 기능만으로 화살표 일러스트를 만드는 법을 알아봤는데요. 세세하게 사용자가 커스텀할 수 있기 때문에 굉장히 많은 모양을 만들어낼 수 있습니다. 하지만, 의외로 이 기능을 잘 활용하지 못하시는 분들이 있더라구요! 이제 시간낭비하면서 검색하지말고 직접 만들어서 나만의 멋진 이미지를 만들어보아요!!!