메뉴 건너뛰기

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 48031
55 [도트] 연필 만들기 =.,= [8] file (_*_) 2002.02.25 9123
54 [초급허접예제] 윈드효과주기.! [7] file J.H 2002.02.25 6356
53 [키르강좌] 잡티제거하기..-_-;; [2] 키르(SP) 2002.02.25 10354
52 플래시로 Show - Hide 되는 엽기 공지사항 만들기;; [8] 유군-_-)/ 2002.02.25 17445
51 [퍼니페인트]글자 그림자 만들기 funnyPSP 2002.02.25 3422
50 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
49 [도트] 편지 봉투 만들기 [7] file (_*_) 2002.02.25 1956
48 [퍼니페인트]입체글자 만들기 funnyPSP 2002.02.24 4612
47 [퍼니페인트]효과를 쉽게 주자~ "효과 브라우져" [1] funnyPSP 2002.02.23 4069
46 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
45 [퍼니페인트]판타스틱하게 이미지 합성 시키기 [7] funnyPSP 2002.02.23 5413
44 [psp6]올록 볼록 버튼 디자인 [2] file 국왕-_-)/ 2002.02.23 4299
43 [psp6]토끼야님의 그림자 기법을 페인트샵으로! [1] file 국왕-_-)/ 2002.02.23 5695
42 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
41 [psp6]블록 문자를 맹글어 봅시다! [4] file 국왕-_-)/ 2002.02.23 3370
40 [psp6]국왕의 허접;; 우선;; 초 허접 부터; 레이어의 기본개념 [1] file 국왕-_-)/ 2002.02.22 2902
39 [초급예제] 모션블러효과를 이용한 선(?) [1] 힐링포션 2002.02.22 7344
38 [기초꽁수] 말풍선만들기 힐링포션 2002.02.22 9948
37 [초급예제] 그리드패턴을 이용한 표만들기 [1] 힐링포션 2002.02.22 16530
36 [퍼니페인트] 에니메이션샵 이용해서 책넘기는 효과 만들기 [2] funnyPSP 2002.02.22 15329