일러스트 스트로크 프로파일 - illeoseuteu seuteulokeu peulopail

한 걸음 두 걸음

Etc/illustrator

일러스트 / illustrator ] 붓펜느낌의 가변 프로파일 만들어 사용하기

언제나 변함없이 2019. 6. 3. 12:47

피피티 만들 때 좀 붓펜으로 휙 그은 것 같은 동그라미 디자인을 만들어 넣고싶어서 

프로파일을 설정하여 아래처럼 만들어보았습니다.

원래는 아래와같이 프로파일이 기본적으로 제공되는 것이 있지만

제공되는 프로파일 외에 저는 제가 직접 만들어서 사용하고자 합니다.

일단 선 하나를 아무렇게나 그어주신 후,

width편집기 클릭 후 alt나 shift키를 눌러 곡선의 일부를 드래그하여 변형했습니다.

shift는 대칭이 되도록 변화하고, alt키는 한 쪽만 변형시킬 수 있습니다.

다 만드셨다면 해당 그림을 선택한 후, 위의 프로파일 창을 열어 

아래 아이콘 3개 중 프로파일에 추가를 눌러 더해줍니다.

그럼 해당 가변 프로파일에 대한 이름을 지정하여 저장할 수 있고,

 목탄 느낌을 함께 줘서

이런식으로 만들 수 있게 됩니다.

왼쪽은 균일로 그렸을 때, 오른쪽은 제가 직접 만든 프로파일로 그린 모습입니다.

테두리도 다양한 라이브러리로 제공되고있으니 필요하신 분들은 더 적용시켜보세여 ㅎㅎ

[일러스트레이터] 스트로크 (Stroke) 패널 - 사용/설정하기, 점선 만들기, 새 Profile 만들기, 등록하기, 위드 툴(Width Tool)로 선 폭/두께 조절하기

2016. 10. 4. 13:16

​

스트로크 (Stroke) 패널
-패널 살펴보기, 사용하기, 옵션 설정하기, 위드 툴(Width Tool)로 선 폭 조절하기-
-점선 만들기, 새 Profile 만들기, 새 Profile 등록/사용하기-

​

​

​

​

​

​ 

<스트로크 (Stroke) 패널>
스트로크(Stroke) 패널은 상단 메뉴에서 Window → Stroke 또는 단축키 Ctrl + F10

ⓐ Weight : 선의 굵기(두께) 지정.
ⓑ Cap : 선 끝의 처리 방식 지정.

​

* Butt Cap - 패스(path) 선 끝점까지만 딱 맞게 그어짐.
* Round Cap - 패스(path) 선 끝을 둥글게.
* Projecting Cap - 패스(path) 선 끝점을 벗어나 그어짐.

ⓒ Corner : 꺾이는 모서리 모양 지정.

​

* Miter Join - 기본적인 꺾임. 꺾이는 지점 아래의 수치 설정으로 뾰족해지는 모양 조절.
* Round Join - 꺾이는 지점을 둥글게.
* Bevel Join - 꺾이는 지점을 각지게.

​

​ⓓ Limit : 모서리 각의 수치 지정. 수치가 클수록 뾰족해짐.
ⓔ Align Stroke : 선 안의 패스(path) 위치 설정.

​* Align Stroke to Center - 패스(path)를 중심으로 해서 선이 생성됨.
* Align Stroke to Inside - 패스(path) 안쪽으로 선이 생성됨.
* Align Stroke to Outside - 패스(path) 바깥쪽으로 선이 생성됨.

​

​ⓕ Dashed Line :  체크 시, 점선으로 변환됨. 점선의 길이와 간격 설정.

​

* ↑이렇게...

​

* 왼쪽처럼 지정한 점선의 간격만을 중점으로 배열할지
* 오른쪽처럼 모서리를 기준으로 배열할지를 지정.

* 점선의 길이와 간격의 수치를 각각 입력해 이렇게 만들 수도 있음.

* 캡(Cap) 모양을 둥근 라운드 캡(Round Cap)으로 설정하고
* dash 수치를 0으로 설정한 다음
* gap에 원하는 간격을 넣어서 이렇게 동그란 땡땡이 점선도 만들 수 있음. 

ⓖ Arrowheads : 선의 시작점과 끝점을 각각 화살표 모양으로 선택 지정.

* start point - 선의 시작 점을 화살표 모양으로 선택 지정.
* end point - 선의 끝 점을 화살표 모양으로 선택 지정.

​

* ↑이렇게...
* 선의 시작점과 끝점 양쪽 동시에 지정 가능.

​ⓗ Swap start and end arrowheads : 스타트 포인트와 엔드 포인트 모양 반전시키기.

* ↑이렇게...

​

​ⓘ Scale : 화살표 모양의 크기를 확대/축소. (비율은 그대로 유지됨)

​

​ⓙ Link start and end arrowhead scales : 클릭할 경우, 끝점과 시작점의 화살표 모양의 크기가 같은 비율로 확대/축소됨.

해제할 경우, 시작점과 끝점을 각각 따로 확대/축소 가능.
ⓚ Align : 화살표 모양이 패스 선 끝을 벗어나게 만들지 패스 선 끝에 위치하게 만들지 선택.

* ↑이렇게... 

ⓛ Profile : 선 폭의 형태를 지정. (새 Profile을 등록해 사용할 수도 있음)

* Add to Profiles - 새 Profile 등록.
* Delete Profile - Profile 삭제.
* Reset Profiles : 리셋.

* ↑이렇게 다양한 모양의 선을 이용할 수 있음...

​ⓜ Flip Along : Profile 모양을 좌우 반전시킴.
ⓝ Flip Across : Profile 모양을 상하 반전시킴. 

<새 Profile 만들기 / 등록하기>

​

* 직선 툴(Line Tool)을 선택한 다음 클릭 드래그해서
* 적당한 선을 하나 만든다.
* 펜 툴 (Pen Tool)을 이용해도 됨.
(직선 툴(Line Tool)은 세로건 가로건 Shift 키를 누르고 그으면 직선으로 그어짐)

​

* 또는, 직선 툴(Line Tool)을 선택한 다음 아무 곳이나 클릭해
* 이렇게 옵션 창을 불러내 길이(Length) 각도(Angle)를 지정해 만들어도 됨.

​

* 어쨌든 선을 하나 만들었으면
* 왼쪽 도구함의 위드 툴(Width Tool)을 선택해
* 원하는 위치에 클릭 드래그해서 폭을 줄이거나 늘려 모양을 만든다.

* 한쪽 편만 폭을 늘이거나 줄일 때는 Alt 키를 누른 채 드래그하면 됨.

* 끝을 뾰족하게 만들려면 수치를 0으로 만들면 됨.

* 폭을 조절한 부분의 위치를 바꾸고 싶으면
* 드래그해서 옆으로 밀면 됨.

​

* 이렇게 원하는 모양이 완성됐으면

* 오브젝트를 선택한 다음​
* 상단 메뉴 바의 Variable Width Profile이나
* 스트로크(Stroke) 패널의 Profile에서
* Add to Profiles을 클릭한 다음
* 나타난 Variable Width Profile 옵션 창에 이름을 설정하고 OK 클릭~!

​

* 이렇게 Profile 창에 등록됨.

​

* 사용하기~!

​

* 요로코롬 다양하게 만들어서 사용할 수 있음.

<Appearance 패널에서 수정>
 

​

* 스트로크(Stroke) 역시 Appearance 패널에서도 수정 가능.
(Window → Appearance (Shift+F6))
* Profile을 사용한 경우엔 스트로크 두께 옆에 '*' 표식이 나타남.

​ (파란 화살표, 빨간 동그라미 친 부분)

​

​

​

​

​

​펜 툴 (Pen Tool) 사용법은 여기 클릭!​

http://blog.naver.com/yeounaru/70188393787

​브러시 (Paintbrush) 사용법은 여기 클릭!

​http://blog.naver.com/yeounaru/220812488884

​

​

​

​회화적 느낌의 선 만들기는 여기 클릭!

​http://blog.naver.com/yeounaru/220827665107

​

​