일러스트에서 점선 만들기
점선 간격, 굵기 조정하는 법
지난번 선의 모양(선의 형태)을 바꾸는 포스팅에서 언급했듯
'선'은 상황에 따라 사람들의 행동을 유도할 때 (절취선, 접는선 등) 많이 사용되기때문에 어떻게 나타내느냐가 굉장히 중요합니다.
보통 어딘가를 접어야 할 선을 만들 때, 강조되진 않지만 sub 메시지를 표현할 때 주로 점선을 사용하죠!
그래서 일러스트로 점선을 만드는 법을 알려드릴게요!
[기본정보]
일러스트Ai CS6 ( 영문ver)
명칭 : 점선 만들기
활용 도구 : Stroke (선) - dash line
우선 선 그리는 방법을 모르신다면
아래 포스팅부터 읽고와주세용!
왼쪽 상단에서 모드부터 바꾸고 갑시다! 저처럼 automation(자동화)를 누르면
왼쪽의 패널처럼 정리가 되는데 아주 쉽게 점선을 바꿀 수 있는 툴이 등장하기 때문이죠 ㅎ_ㅎ
1. 일러스트에서 선을 그리고, 점선으로 바꿔줄 패널을 찾자 (stroke)
선을 그리고 손으로 클릭한 상태에서 오른쪽에서 점선을 만들어줄 STROKE패널을 찾아주세요!
저는 설명할 때 아디다스 삼선 모양 아이콘을 클릭하라고 합니다 ㅎㅎ...그렇게 보이나요?
Stroke 패널에서는 점선뿐만아니라
선의 굵기, 선의 끝모양, 선의 위치(안쪽, 중간, 바깥쪽)도
바꿀 수 있습니다.
생각보다 한 아이콘에 기능이 정말 많죠?
하지만 점선 외에 단순히 굵기나 모양을 바꾸는 것은 오른쪽 패널을 열지 않더라도 그냥 상단에서도 바꿀 수 있기에
점선 말고 나머지는 스킵하도록 합시다!
혹시 선의 모양을 바꾸는 것이 궁금하시다면 아래의 포스팅을 참고해주세욧!
오른쪽에서 stroke 패널을 켰다면, 패널 안 하단에 있는 Dashed Line을 클릭
Stroke - Dash Line
[dash] 점선의 길이
[gap] 점선과 점선사이의 거리
그냥 대쉬라인에 체크만해도 알아서 dash에 점선의 길이, 12pt라고 등장하며
자동으로 점선이 만들어집니다. gap에는 아무런 옵션을 주지 않았지만 간격도 12pt로 기본 점선이 나온것이죠!
왼쪽 3번째 점선 / 오른쪽 4번째 점선
왼쪽은 점선의 길이, 점선과 점선의 간격 모두 6pt로 주었고
오른쪽은 점선의 길이는 18, 간격은 4pt로 주었더니 이렇게 달라졌습니다!
즉, 자신이 만들고 싶은 점선을 떠올리고 점선의 길이와 간격을 직접 조정하면서 만들어보세요!
이해가 안된다면, 아니 이해가 되더라도 직접 점선을 만들어보세요!!!!!!!!
3. 점선 다양하게 만들기 ( dash line에서 dash, gap 여러개 입력하기)
1. 점선 한세트 / 2. 점선 두세트 / 3.점선 세세트
dash3개, gap3개 총 6개가 있어서 각각 숫자를 입력할 수 있는데
대쉬-갭-대쉬-갭-대쉬-갭 이렇게 섞어서 나열 된 것 보이시죠?
위의 이미지는 차례로 1,2,3 ...... 각 세트씩 다른 수치를 입력한 모습입니다.
즉 1세트(대쉬,갭)만 입력하면 일정한 점선이 일정한 간격으로 나열되는데
2,3세트를 입력하면 각각 입력한 세트가 섞여서 다른 점선과 간격이 등장하죠.
일러스트 점선에는 이렇게 다양한 기능이 있지만 사실 저는 그냥 1세트 점선만쓰는 것 같아요!(귀찮..은거아님...절대...)
굵기에 따라서 모양이 또 달라지지만(얇을수록 대쉬랑 갭 간격이 작아지는 게 이쁩니다!)
보통 1pt의 굵기의 선을 사용할 땐 갭과 대쉬 각각 3pt로 설정하고 점선, sub선으로 이용합니다.
디자인에 정답은 없잖아요:)
저는 저렇게 사용하지만 여러분들은 원하는 목적에 따라서 직접 그리고 다양한 점선을 만들어보세요!
▼ 문가든의 포토샵&일러스트 수업소개▼
🌙 문가든의 디자인 블로그 //bitly.kr/Z53H
🌙 문가든의 포트폴리오 //gardendesign.creatorlink.net/
🌙 디자인/강의/비지니스 문의