메뉴 건너뛰기

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 48035
1455 이미지를 화려하게 변신시켜보자 [4] file 이오르 2003.12.03 17814
1454 [SWISHmax] shap 사용법 [3] file 세나맘 2003.12.02 5032
1453 [SWISHmax] 스위시 새버전 소개 [3] file 세나맘 2003.12.02 6327
1452 원하는 이미지만 쉽게 잘라내기 (EXTRACT) [8] file 손오빠 2003.12.02 14490
1451 포토샵으로 채색하기 [34] file 김태현 2003.12.02 23582
1450 이미지 레디로 간단한 움직이는 아이콘 만들기 [5] ctrl+c,ctrl+v 2003.12.01 14042
1449 페인터 두번째이야기..ㆀ [12] file 김태현 2003.12.01 6071
1448 페인터로 그림그리기..ㆁ [16] file 김태현 2003.12.01 9679
1447 Adobe Streamline을 이용한 일러스트.. [6] file 김태현 2003.11.29 5892
1446 도장으로 찍은듯한 느낌!(이전에올라왔던거라은..틀린..나만의 방식-_-;) [9] ctrl+c,ctrl+v 2003.11.28 19911
1445 미소녀 그리기..ㆀ [18] file 김태현 2003.11.28 29321
1444 이젠 나도 접사 찍는다! 아웃포커싱 효과 ^^ [14] file barbie 2003.11.27 17846
1443 [나모]셀의 위치를 손쉽게 변경하자. [3] 아치 2003.11.26 4282
1442 [나모]제로보드의 최근게시물의 위치를 교정하기 -(속성바로가기) [10] file 아치 2003.11.26 8771
1441 분명히 어디선가 본 효과~!^^ [11] file 쿠키 2003.11.25 17465
1440 뽀송뽀송해 보이는 문자.....귀여어여~ (이건 없던거 가튼데..) [15] ctrl+c,ctrl+v 2003.11.24 19807
» 이미지 모서리에 그림자 넣기 (디카갤러리에 쓰면 좋음) [22] file 이오르 2003.11.22 27811
1438 브러쉬만 사용하여 간단하게 아쿠아버튼 만들기 [15] file lemin 2003.11.22 23733
1437 [배승현의 도트 찍기] 기본 셋팅 하기. [44] file 배승현 2003.11.21 13104
1436 [쌩기초]벽을 뚫고 나오는 도마뱀 [17] file 양군푸로독션 2003.11.21 10836