메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

아, 정말 오랫만에 강좌 들고 오네요,
저 요즘 리녈하느라 정신없었거든요 -_-;
리녈해서 오늘 오픈했답니다 ^^ 나중에 시간나시거든 구경오세요 ^^




pho_2_14_00.jpg

오늘은 디카갤러리에서 많이 쓰이는 네 모서리에 그림자 넣는 방법을 배워보도록 하지요.
이 강좌는 사실 저희 홈피 식구 중에 한분이 요청하셔서 만들게 된 강좐데요,
알고 있는 분들도 많이 계시겠지만, 혹시라도 모르시는 분들한텐 유용할 것 같아서 올립니다,
보통 레이어 스타일로 그림자 처리해주는 방법이랑은 전혀 틀린 방법으로 더 멋있는 이미지를 만들 수 있어요.
그림자를 만들어주는 방법에는 여러 방법이 있지만
오늘은 패스 따는 연습도 할 겸 겸사겸사 펜툴로 작업해 봅시다.

pho_2_14_01.jpg

1. 참고로 이 강좌는 르네님이 요청하신 강좌입니다.
먼저, 작업할 이미지를 불러내서 캔버스 사이즈를 가로 세로 10 px 씩 넓혀주고,
Ctrl + A 해서 전체 선택해준 다음, Edit - Stroke 하셔서 1 px 짜리 테두리를 둘러줍니다.
프레임이 없는 사진 그대로를 사용하고 싶으신 분은 건너뛰셔도 좋습니다.
편의상 여기까지 작업된 이미지를 원본 이미지라고 부르겠습니다.


pho_2_14_02.jpg

2. 원본 이미지보다 가로 세로 20 px 정도씩 큰 새작업창을 열고, (Ctrl + N)
1번에서 작업한 이미지를 Ctrl 클릭과 함께 새작업창으로 드래그 하셔서 가운데 붙여넣어줍니다.


pho_2_14_03.gif

3. 펜툴을 선택하신 다음, 위에 보이는 옵션바에서 Paths 를 선택해주세요.
Shape Layers 가 선택되어 있다면 나중에 펜툴작업을 할때 작업영역이 색으로 입혀집니다.
이번엔 선택영역만 필요한 작업이기 때문에 Path 를 선택해줍니다.


pho_2_14_03.jpg

4. 펜툴작업하는 방법은 강좌에 몇번 설명했었기 때문에 이젠 안하고 넘어가려고 했지만,
이번을 진짜 마지막으로 한번만 더 할테니까 펜툴작업을 못하시는 분들은 잘 보셔야 해요.
원본 이미지의  한쪽 모서리를 클릭하세요.
그런 다음 그 옆에 모서리를 클릭한 상태에서 마우스를 드래그해서 곡선을 만들어줍니다.


pho_2_14_04.jpg

5. 키보드의 Alt 키를 누른 상태에서 두번째 클릭한 모서리의 점을 클릭해주세요.
Alt 키를 누르고 마우스 커서를 점에 갖다대서 마우스 커서 모양이 바뀔때 클릭하시면 됩니다.
이렇게 점을 끊어주면 이어지는 펜툴 작업을 편하게 하실 수 있습니다.


pho_2_14_05.jpg

6. 그 다음 모서리를 클릭해서 드래그해서 아까처럼 곡선을 만들고,
Alt 키를 눌러서 또 점을 끊어주고, 계속 그렇게 해주세요.


pho_2_14_06.jpg

7. 위에 보이는 이미지처럼 펜툴로 작업한 부분이 검은선으로 되있다면 제대로 하신게 맞습니다.


pho_2_14_07.jpg

8. 오른쪽 마우스 클릭하셔서 Make Selection 해주세요.
말 그대로 펜툴로 작업한 부분을 선택영역으로 바꿔주는 기능입니다.


pho_2_14_08.jpg

9. Make Selection 을 선택하면 Make Selection 옵션창이 뜨는데
Feather Radius 에 5 px 정도를 입력하시고 OK 버튼을 눌러주세요.
이 때 Feather Radius 는 Select - Feather 의 기능과 같습니다.
선택영역의 경계 부분을 5 px 만큼 번지게(?) 하는 역할을 합니다.


pho_2_14_09.jpg

10. 새 레이어를 하나 추가해주시고, 페인트통을 선택해서 짙은 회색을 부어줍니다.
아까 Feather 처리를 했기 때문에 선택영역 경계부분이 뿌옇게 채워졌습니다.


pho_2_14_10.gif

11. 레이어 팔레트에서 원본 이미지 레이어와 그림자로 들어갈 회색 레이어의 위치를 바꿔줍니다.
원본 이미지 레이어를 클릭하셔서 회색 레이어 위로 드래그 해주시면 됩니다.


pho_2_14_11.jpg

12. 완성된 모습입니다.


TIP 1그림자를 조금더 크게 해서 확실히 표현하고 싶다면...?


pho_2_14_12.jpg

그림자 레이어가 선택되어 있는 상태에서 Ctrl +T 하셔서 위 아래로 사이즈를 늘려주세요.


pho_2_14_13.jpg

그림자가 조금 더 커진 것을 볼 수 있습니다.
네 모서리 부분이 전부 약간씩 떠있는 듯한 느낌의 이미지가 완성됐습니다.


pho_2_14_00.jpg

응용) 펜툴로 그림자를 만들때 약간만 변형해서 전혀 다른 느낌의 이미지를 만들수도 있습니다.
위의 응용작은 약간 뒤틀리면서 아래 부분이 살짝 들린 듯한 느낌을 표현해봤습니다.




강좌에 대한 질문이 있으신 분은
저의 홈에 묻고 답하기 방에 올려주셔야 빨리 답변을 들으실 수 있습니다. ^^
여태까지의 제 강좌들을 보시려면
여기를 클릭하세요~




항상 행복하세요
http://honey.co.ly
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48026
2395 (FLASH) 제로보드 플래시로 만들기 (1) [14] file 야웅 2002.03.03 31992
2394 [일러스트페이지]일러스트로 얼굴그리기~(3)얼굴명암넣기 [28] file 현주 2002.08.13 31144
2393 초보자도 할 수 있는 얼굴이미지를 이용한 버튼 만들기 [13] file Yong 2004.02.17 30377
2392 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30116
2391 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30012
2390 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 1.얼굴과 눈코입그리기 [12] file 현주 2002.08.21 29749
2389 포토샵 초보이신 분들을 위해서 만들어본 인터페이스.레이어.메뉴 알아보기 [23] ★소프트™ 2002.04.10 29649
2388 [쩌비]또 다른 아쿠아버튼을 만들어봅시다~ [19] 쩌비 2002.09.29 29448
2387 미소녀 그리기..ㆀ [18] file 김태현 2003.11.28 29319
2386 빙글빙글 돌아가는 네비게이션 [18] file 여어자 2004.04.26 29154
2385 뽀샤시; 우유빛 피부 만들기 [19] file Venii 2003.12.28 29025
2384 [초급] 커튼효과와 깜박이는 글자 [14] file 요니에 2002.12.03 28670
2383 [ ] 움직이는 메뉴바 [9] file bayoseo 2003.10.01 28551
2382 [하이링고]환타지틱!! [41] file 하이링고 2002.07.19 28377
2381 이쁜 버튼 맹글기 [24] 이지원 2004.06.15 28273
2380 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969
2379 사진 테두리 만들기 [6] file js 2003.12.29 27908
2378 [페인트샵]웁스-_-;;얼굴합성강좌..연예인과내사진합성하기..-_-;; [21] 김정명 2002.11.07 27861
» 이미지 모서리에 그림자 넣기 (디카갤러리에 쓰면 좋음) [22] file 이오르 2003.11.22 27808
2376 밀뜨의 요상한 플래쉬메뉴 만들기 2탄 !! [11] Millth 2004.02.18 27721