메뉴 건너뛰기

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 48027
55 [bosskooi]고대 종이질감 [25] file 박형준 2003.10.21 26306
54 [플래시 MX 동영상 강좌] 23-2. 스르륵 서브메뉴 제작하기2 [36] 서기 2005.07.06 26534
53 메탈 느낌의 멋있는 버튼 이미지를 만들어보자 (다른 기법) [8] file 이오르 2004.01.19 26620
52 [하이링고]요청강좌-다양한 모양의 아쿠아 만들기 [60] file 하이링고 2003.07.29 26640
51 이쁜 버튼을 만들어 봅시다! ★첫 강좌!★ [8] file Ukeri º▽º 2004.07.22 26671
50 [쇼핑몰응용] 쇼핑몰 메인에서 사용가능한 플래쉬 입니다. [13] yo 2004.07.23 26687
49 [토요무] 나만의 멋진 이미지 만들기 [46] 토요무 2002.08.18 26869
48 플래시로 아이콘 만들기 [20] file zini 2003.05.06 26898
47 도장만들기 -동그라미- [10] file 김두용 2004.04.24 27073
46 깔끔한 테두리 만들기.ㅎ [12] file 테이 2003.12.24 27180
45 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27254
44 페인트 칠한 효과나 종이가 찢어진 효과 [13] irene 2002.12.17 27317
43 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 2. 머리그리기 [36] file 현주 2002.08.21 27433
42 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27638
41 쭘식 플래쉬 메뉴 만들기 (1) [10] file 쭘's 2003.04.24 27717
40 밀뜨의 요상한 플래쉬메뉴 만들기 2탄 !! [11] Millth 2004.02.18 27721
» 이미지 모서리에 그림자 넣기 (디카갤러리에 쓰면 좋음) [22] file 이오르 2003.11.22 27808
38 [페인트샵]웁스-_-;;얼굴합성강좌..연예인과내사진합성하기..-_-;; [21] 김정명 2002.11.07 27861
37 사진 테두리 만들기 [6] file js 2003.12.29 27908
36 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969