웹디자인 강의
Photoshop '메탈릭 와이어' 만들기
2002.02.22 15:54
# 이 강의는 http://www.phong.com 에 있는 내용입니다.
영어로 되어있는 강의를 옮겨다 번역(?) 하였습니다.
................................................................................

250 * 250 크기의 새로운 이미지를 만듭니다.
그리고, 어두운 회색(약 #444444 정도)의 칼라를 선택합니다.
새로운 레이어를 만드시고요, 펜 툴이나 브러쉬 툴을 선택합니다.
이 때 굵기는 15px 정도가 좋습니다.
펜 툴을 선택한 상태에서 위 그림과 같이 쭉 한번 그어줍니다.
모양이 잘 나올때 까지 연습해 봅니다;
많이 연습하시고 시도를 해보시면 위처럼 깔끔하게 나오게 됩니다.
그리고 레이어 이름을 'layer wire'라고 줍니다.

선을 그어준 레이어를 끌어다가 새로운 레이어를 만드는 버튼에
드래그해서 놓으면 똑같은 레이어가 하나 복사됩니다.
복사된 레이어의 이름을 'cut wire' 라고 줍니다.
원본이 된 레이어를 레이어 왼쪽의 눈 모양 아이콘을 클릭해서 숨깁니다.
이 레이어는 나중에 편집하게 되므로 그 때 켜주면 됩니다.
복사된 레이어인 cut wire 를 선택합니다.
이제, 지우개 툴을 선택합니다. 사이즈는 5px 정도가 적당하고,
위 그림과 같이 라인을 지워서 뚝뚝 -_-; 끊어 놓습니다.

Ctrl 키를 누른채, 원본 레이어인 layer wire 를 클릭합니다.
그럼 펜툴로 그려준 선의 외각이 그대로 선택이 됩니다.
채널(channel) 창으로 넘어갑니다. (기본 값은 레이어 창 옆에 있죠)
그리고
<- 요 버튼을 한번 눌러줍니다.
그럼 채널이 하나 더 추가되는데,
새로 생긴 이 채널 이름을 'wire bevel' 이라고 줍니다.

* 순서를 잘 따라하세요.
필터(filter) > blur > gaussian blur를 적용합니다.
처음 값은 9px으로 우선 적용하시고,
한번 더 적용합니다. 이번에는 6px 로 하시고요.
또 한번 더 적용합니다. 이번에는 3px, 마지막으로
한번 더 적용하는데, 1px 로 적용하세요.
가우시안 블러를 이렇게 4번에 걸쳐 적용시켜줬으면,
Ctrl + Shift + L 을 누릅니다. 그럼 auto level 이 적용됩니다.
자.. 여기까지 완료되셨으면 레이어 창으로 돌아갑니다.
Ctrl을 누른채로 'cut wire' 레이어를 선택합니다.
그대로 다시 채널 창으로 되돌아가서는, D 키를 한번 누르고,
Ctrl+Shift+I 를 누르면 선택된 것이 반전됩니다.
그리고 del 키를 눌러서 지운 후, Ctrl + D 를 눌러 선택 해제시킵니다.

* 클릭하시면 크게 나옵니다.
레이어 창으로 돌아옵니다.
그리고 'cut wire' 레이어를 선택하신 후,
filter > render > lightning effect 를 적용하는데,
적용법은 위 그림 참조하면서 내용을 보세요.
흰색의 Directional light 를 새로 만들어서 우측 중간에서
우측 상단 약간 넘는 곳까지 드래그 합니다.
푸른색 Directional light 를 만들고 좌측 중간에서
좌측 하단 약간 넘는 곳까지 드래그, 드래그 합니다.
Properties 의 값을 맞춰주는데,
Gloss : 100 (Shiny 쪽으로...)
Materia l: -100 (Plastic 쪽으로..)
Exposure : 39
Ambience : -21
텍스쳐 채널을 선택하는 것이 있는데, 'wire bevel' 에 맞춰줍니다.
height 는 15 정도로 주시고요. 그런 다음 완료~
적용하신 후의 이미지는 아래와 같아야 정상입니다.

이제 마지막 과정입니다. 숨겨져 있던 'layer wire' 레이어를 켭니다.
그리고 Ctrl 를 누른채 해당 레이어를 한번 더 클릭합니다.
1px 얇게 만들어야 하는데, Ctrl+Shift+I 를 눌러서 반전시킵니다.
그리고 Select > Modify > Expand를 선택한후, 값은 1px ... 적용합니다.
그리고 Del 키를 눌러 지우면 1px 날씬해집니다. ;;
이제 Filter > Render > Lightning Effect 를 눌러서,
다른 건 적용할 필요 없이 Texture Channel 에서
wire transparency 를 선택한 후 적용합니다.
자... 마지막으로 그림자 효과를 넣어주면 완성!

... 오히려 어렵게 만들어 버린 것 아닌가 싶네요 -_-;
약간 어려울 수도 있으니 차근차근 따라하시길~
수고~
영어로 되어있는 강의를 옮겨다 번역(?) 하였습니다.
................................................................................

250 * 250 크기의 새로운 이미지를 만듭니다.
그리고, 어두운 회색(약 #444444 정도)의 칼라를 선택합니다.
새로운 레이어를 만드시고요, 펜 툴이나 브러쉬 툴을 선택합니다.
이 때 굵기는 15px 정도가 좋습니다.
펜 툴을 선택한 상태에서 위 그림과 같이 쭉 한번 그어줍니다.
모양이 잘 나올때 까지 연습해 봅니다;
많이 연습하시고 시도를 해보시면 위처럼 깔끔하게 나오게 됩니다.
그리고 레이어 이름을 'layer wire'라고 줍니다.

선을 그어준 레이어를 끌어다가 새로운 레이어를 만드는 버튼에
드래그해서 놓으면 똑같은 레이어가 하나 복사됩니다.
복사된 레이어의 이름을 'cut wire' 라고 줍니다.
원본이 된 레이어를 레이어 왼쪽의 눈 모양 아이콘을 클릭해서 숨깁니다.
이 레이어는 나중에 편집하게 되므로 그 때 켜주면 됩니다.
복사된 레이어인 cut wire 를 선택합니다.
이제, 지우개 툴을 선택합니다. 사이즈는 5px 정도가 적당하고,
위 그림과 같이 라인을 지워서 뚝뚝 -_-; 끊어 놓습니다.

Ctrl 키를 누른채, 원본 레이어인 layer wire 를 클릭합니다.
그럼 펜툴로 그려준 선의 외각이 그대로 선택이 됩니다.
채널(channel) 창으로 넘어갑니다. (기본 값은 레이어 창 옆에 있죠)
그리고

그럼 채널이 하나 더 추가되는데,
새로 생긴 이 채널 이름을 'wire bevel' 이라고 줍니다.

* 순서를 잘 따라하세요.
필터(filter) > blur > gaussian blur를 적용합니다.
처음 값은 9px으로 우선 적용하시고,
한번 더 적용합니다. 이번에는 6px 로 하시고요.
또 한번 더 적용합니다. 이번에는 3px, 마지막으로
한번 더 적용하는데, 1px 로 적용하세요.
가우시안 블러를 이렇게 4번에 걸쳐 적용시켜줬으면,
Ctrl + Shift + L 을 누릅니다. 그럼 auto level 이 적용됩니다.
자.. 여기까지 완료되셨으면 레이어 창으로 돌아갑니다.
Ctrl을 누른채로 'cut wire' 레이어를 선택합니다.
그대로 다시 채널 창으로 되돌아가서는, D 키를 한번 누르고,
Ctrl+Shift+I 를 누르면 선택된 것이 반전됩니다.
그리고 del 키를 눌러서 지운 후, Ctrl + D 를 눌러 선택 해제시킵니다.

* 클릭하시면 크게 나옵니다.
레이어 창으로 돌아옵니다.
그리고 'cut wire' 레이어를 선택하신 후,
filter > render > lightning effect 를 적용하는데,
적용법은 위 그림 참조하면서 내용을 보세요.
흰색의 Directional light 를 새로 만들어서 우측 중간에서
우측 상단 약간 넘는 곳까지 드래그 합니다.
푸른색 Directional light 를 만들고 좌측 중간에서
좌측 하단 약간 넘는 곳까지 드래그, 드래그 합니다.
Properties 의 값을 맞춰주는데,
Gloss : 100 (Shiny 쪽으로...)
Materia l: -100 (Plastic 쪽으로..)
Exposure : 39
Ambience : -21
텍스쳐 채널을 선택하는 것이 있는데, 'wire bevel' 에 맞춰줍니다.
height 는 15 정도로 주시고요. 그런 다음 완료~
적용하신 후의 이미지는 아래와 같아야 정상입니다.

이제 마지막 과정입니다. 숨겨져 있던 'layer wire' 레이어를 켭니다.
그리고 Ctrl 를 누른채 해당 레이어를 한번 더 클릭합니다.
1px 얇게 만들어야 하는데, Ctrl+Shift+I 를 눌러서 반전시킵니다.
그리고 Select > Modify > Expand를 선택한후, 값은 1px ... 적용합니다.
그리고 Del 키를 눌러 지우면 1px 날씬해집니다. ;;
이제 Filter > Render > Lightning Effect 를 눌러서,
다른 건 적용할 필요 없이 Texture Channel 에서
wire transparency 를 선택한 후 적용합니다.
자... 마지막으로 그림자 효과를 넣어주면 완성!

... 오히려 어렵게 만들어 버린 것 아닌가 싶네요 -_-;
약간 어려울 수도 있으니 차근차근 따라하시길~
수고~
댓글 20
-
DearMai
2002.02.22 16:40
와~~~ -
izzard
2002.02.22 16:46
정말 멋진데 어렵다.노하우 전수를 해주실분.. -
로드젯드
2002.02.22 16:14
대단한!! gif애니메이션까지~ -
iNED
2002.02.22 22:09
성공~ 정말 멋집니다!!
이런건 3D로만 하는줄 알았어여...^^ㆀ -
izzard
2002.02.23 00:14
전,,,또 실패.....-_-ㆀ -
유제원
2002.02.23 20:40
제가 바래던 강좟!!!! ㅎㅎ -
유제원
2002.02.23 20:56
페인트샵으로는 이거 아주 비슷하게는 못하나요? -
이다혜
2002.02.27 12:08
포토샵으로 이런걸 하다니,, 신기하닷..
근데 어려워여~~ -
♤재식이~
2002.03.16 16:47
페인트샵으로는 좀 이상하게 나올것같은데; -
한상현
2002.03.19 02:31
ㅡㅡ 너무 어려워요..... 쉽게 설명좀 해주세요.. -
북극성
2002.05.11 21:49
멋있긴 한데. -_-;;
어디다 쓰죠?? -
크링
2002.07.28 14:35
우와 좀 멋있긴 한데;; 좀 어겹다;; -
태큰
2002.08.25 15:30
옷 죽음이다. 허허 -_-; -
이용준
2002.09.22 16:07
너무 어렵군여... 포기중... -
daisuke
2002.11.09 15:41
저희집엔 컨트롤키랑 쉬프트키가 안먹혀서 아주 애가 탔어요..ㅜ_ㅜ -
김보경
2003.05.13 14:50
filter > render > lightning effect 이 작업이 안되요ㅜ.ㅠa
채널에서 작업한담에 라이트닝 이펙트가 선택이 안되요..ㅜ.ㅠ -
N.E.S.
2002.12.18 12:42
오오
포토샵으로 이런게 가능하군요 +_+ -
biryusoul
2003.02.26 10:09
어려워어려워어려워~~~!!! >_< ㅜ_ㅜ -
조동혁
2003.05.12 01:38
앗 영어 사이트에서 봤는데 영어라 몰랐는데 한국어라 반갑내요...연습해야지 -
쩡이
2004.12.28 16:13
어려워요.......;;;; ㅜ,ㅜ