sub_title
 Photoshop
제   목 [포토샵] 선 옵션을 이용한 다양한 모양의 화살표 만들기
작성자 컴쟁이 등록일 2009-02-24 16:00:52 조회수 9,479
가방이나 의류, 가구 등 각종 사이즈의 기장을 기입하거나 지시선을 넣는 방법으로 화살표를 널리 애용한다. 선의 옵션을 자세히 알아보고 이를 활용하여 다양한 모양의 화살표도 만들어 보자.

 

1. 새 도큐먼트 [500] × [400]을 생성하여 아래와 같이 설정한다.

위와 같이 [Line Tool]을 설정하여 [Shift] + [Drag]하면 가는 화살표를 만들 수 있다. 이때, [Shift]의 기능은 반듯한 화살표를 만들기 위함이다. 사선을 만들때는 그냥 [Drag]하면 되겠다.

 

2. 굵은 화살표를 만들어 비교해보자.

[Weight]을 20px로 하여 굵은 화살표를 만들었다.선의 굵기만 굵어진 것이 아니라 [Arrowheads] 역시 커지게 된다. 다른 옵션은 같고 단지 선의 굵기만 굵게 하였는데 명확한 차이를 보인다.

 

3. 선의 옵션에 대해 알아보자.

[Line Tool]을 설정하여 그려보면 각 부분의 명칭은 위와 같다. 위의 경우, 선의 굵기가 20px이므로 가로 500%는 20px의 5배 즉, 100px이며 길이는 1000%이므로 10배에 해당하는 200px로 화살표의 크기가 결정된다.

잠깐만! 이것만은 알고 넘어가여...

[Weight] : 선의 굵기
[Start] : 선의 시작 지점 (마우스를 드래그 하는 시점이 곧 시작 지점이 된다. -> Drag하는 부분)
[End] : 선이 끝나는 지점 (마우스를 놓는 시점이 곧 끝 지점이다. -> Drop하는 부분)
[Width] : 선의 굵기를 백분율로 환산하여 나타낸 화살표의 가로 사이즈
[Length] : 선의 굵기를 백분율로 환산하여 나타낸 화살표의 세로 사이즈
[Concavity] : 화살표의 오목하거나 함몰된 정도(범위 : -50%~+50%)

 

4. 선의 굵기를 5px로 하여 화살표의 모양을 바꾸어 보았다.

[Arrowheads] 옵션을 바꾸어가며 화살표의 모양을 다양하게 지정할 수 있다.

잠깐만! 이것만은 알고 넘어가여...

[선 입력시 주의 사항]

선의 굵기를 입력할 때 단위를 주의해서 살펴야한다. px단위까지 지우고 입력하면 단위가 cm로 변하므로 화살표가 너무 커서 안 보일 수 있다. 이와 경우에는 단위를 px로 바꾸어 주고 다시 화살표를 그려 주어야 한다. 입력시 단위는 건드리지 않고 수치만 살짝 바꾸어 주는 센스를 발휘한다면....^^

 

 

☞ 잠깐만여! 퍼가실 분을 아래 출처를 명시해 주시는 네티켓 잊지 마세여~~ (__)

출처 : 웹제작 토탈 커뮤니티 (http://www.webmadang.net)

 
0
    
 
0
        list
 
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
line
reply cancel
 
번호 제목 글쓴이 추천 조회 날짜
79  [포토샵] 레이어 마스크를 이용한 이미지 합성 이미지   member 컴쟁이 11 / 0 22774 2009-11-19
78  [포토샵] 포토샵에서 히스토리 블러시로 수채화 효과 만들기 이미지   member 컴쟁이 0 / 0 8147 2009-04-10
77  [포토샵] 포토샵으로 웹용 버튼 만들기 이미지   member 컴쟁이 0 / 0 15849 2009-03-24
76  [포토샵] 포토샵에서 블러시로 눈 내리는 효과만들기 이미지   member 컴쟁이 0 / 0 7107 2009-03-12
75  [포토샵] 이미지 사이즈 VS 캔버스 사이즈 이미지   member 컴쟁이 0 / 0 8634 2009-03-03
74  [포토샵] 히스토리 블러시를 이용한 강조 이미지 만들기(색상 복구 기능) 이미지   member 컴쟁이 0 / 0 4788 2009-02-27
73  [포토샵] 제품의 치수 기입을 위한 화살표 만들어 넣기 이미지   member 컴쟁이 0 / 0 11173 2009-02-24
72  [포토샵] 선 옵션을 이용한 다양한 모양의 화살표 만들기 이미지   member 컴쟁이 0 / 0 9479 2009-02-24
71  [포토샵] 포토샵으로 휘어지는 글자 모양만들기(Warped Text) 이미지   member 컴쟁이 0 / 0 20208 2009-02-10
70  [포토샵] 포토샵으로 끼워진 액자 프레임 만들기 이미지   member 컴쟁이 0 / 0 8787 2008-12-04
69  [포토샵] 포토샵으로 뽀샤시 효과(스튜디오 사진) 만들기 이미지   member 컴쟁이 1 / 0 15046 2008-11-28
68  [포토샵] 그레이디언트(그라디언트)로 명암나타내기 이미지   member 컴쟁이 0 / 0 6869 2008-11-13
67  [포토샵] 그레이디언트(그라디언트)로 스트라이프 만들기 이미지   member 컴쟁이 0 / 0 7111 2008-11-12
66  [포토샵] 포토샵으로 나만의 그레이디언트(그라디언트) 만들기 이미지   member 컴쟁이 0 / 0 8222 2008-10-30
65  [포토샵] 이미지 레디를 이용하여 자연스럽게 'LOVE' 글자 나타내기 이미지   member 컴쟁이 0 / 0 5911 2008-10-02
64  [포토샵 초급] 포토샵을 이용한 간단한 메트릭스 효과내기! 이미지   admin 운영자 0 / 0 5714 2008-10-01
63  [포토샵 초급] 간단하게 웹디자인용 깔끔한 버튼 만들기 이미지  [2] member 뽀샤시 0 / 0 6240 2008-09-30
62  [포토샵 초급] Lighting Effect를 이용해 간단한 인트로 화면 꾸미기! 이미지   member 뽀샤시 0 / 0 6644 2008-09-26
61  [포토샵] 포토샵으로 모자이크 처리하기 이미지   member 컴쟁이 0 / 0 5443 2008-09-23
60  [포토샵] 포토샵에서 복사와 닷지 툴을 이용한 종이 말림효과 이미지   member 컴쟁이 0 / 0 8274 2008-09-03
59  [포토샵] 스머지 툴을 이용한 불꽃 효과 연출하기 이미지   member 컴쟁이 1 / 0 7851 2008-09-01
58  포토샵 필터를 이용한 칼라풀 Twirl 효과내기 이미지  [1] member 뽀샤시 0 / 0 5893 2008-08-09
57  [포토샵] 여러가지 색깔의 셀로판 효과내기 이미지   member 컴쟁이 0 / 0 6947 2008-08-08
56  [포토샵] 이미지레디를 이용한 자연스러운 화면 전환 효과 이미지   member 컴쟁이 2 / 0 7097 2008-07-18
55  [포토샵] 이미지레디를 이용한 단순한 움직이는 GIF 파일 만들기 이미지   member 컴쟁이 0 / 0 8127 2008-07-14
write
[2] [3] [4] button