메뉴 건너뛰기

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 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
54 간단한 패턴으로 이쁜 박스모양 만들기 [6] file 4u4u 2007.09.06 5674
53 간단히 뽀샤시 이미지 만들깅 [3] file 4u4u 2007.09.06 5743
52 깔끔한 최근게시물 박스 만들기 [7] file 4u4u 2007.09.06 8749
51 돌멩이를 모아 만든 문자 만들기 file 후지모토요시 2007.10.03 6222
50 글자 다양한 효과주기 file 이하늘936 2007.11.03 7668
49 [포토샵]비오는이미지만들기 file 이하늘936 2007.11.03 7817
48 담배연기 날리는 효과 [3] file 이하늘936 2007.11.03 9133
47 브러시 사용시 크기를 바꾸는 단축키는? [1] file 이하늘936 2007.11.03 6796
46 비내리는 효과 [1] file 이하늘936 2007.11.03 10857
45 사진 테두리 둥그스름하게 만들기 [3] file 이하늘936 2007.11.03 11171
44 Flash ActionScript 추가 file 김종판 2007.11.08 13432
43 교수-학습 자료 제작및 활용 강의교재 file 김종판 2007.11.13 10483
42 눈오는 효과 [5] file 유성매직 2007.11.20 15471
41 플래시,동영상 목록만들기 윤선미320 2007.12.01 11613
40 갤러리 100% 활용하기 윤선미320 2007.12.04 14356
39 동화같은 가을 숲(밥로스) [20] file scaci 2008.01.19 10626
38 교안 제작강좌 [ 코스웨어 제작강좌] 윤선미320 2008.01.23 10139
37 [CS3] Zoomify를 이용한 확대가능한 이미지 제작 [2] 서기 2008.02.12 8493
36 학습설계[단원,절,페이지]- 강좌 [1] file parkys 2008.03.25 5377