메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

filter - distort - displace
기본적으로는 이 메뉴를 사용하는 것인데, 굉장히 멋진 필터인데 거의 사용이 없는것같아서 소개하려구요.

이 필터는 opacity 맵의 채도를 가지고 굴곡을 조절합니다.
흰색이면 위로 쳐올려주고, 검정색은 내려주고, 회색은 중간을 유지하죠. 꼭 이렇다는 건 아니고, 오파시티맵의 전체를 보고 움직인다고 생각하시면 됩니다. (역시 설명하기가 어려워..)

이제 그림보시면서 설명~~

book01.gif
[그림1] 일단 책처럼 구부릴 이미지입니다.
(제가 오아시스를 좋아해서 므훗 ^_^;;)

일단 이 이미지 하나만 한레이어에 위치해 있어야 합니다.
만일 다른이미지와 같이 한 레이어에 있다면 나중에 골때립니다.
레이어 분리는 프로 아마추어 가릴것없이 일의 편의를 위해~ 필수~
(쿨럭~ 저는 아마추어 ㅡ,.ㅡ)

일단 주의 하실점은 (밑으로 내려가보시면 알겠지만) 변형하실 이미지 보다 캔버스 사이즈를 크게하셔야 한다는 겁니다. 내려가보시면 압니다요 ^^;;


book02.gif
[그림2] free transform 으로 적당히 원근감이 나도록 휘익 휘어줍니다. 네개의 꼭지점에 마우스를 대고 ctrl 키를 누른 후 마우스를 클릭하시면 형태를 유지하지 않으면서 변형이 가능합니다. 그림처럼 말이죠 ^^

book03.gif
[그림3] 자자 이렇게 대강 되었으면 이제 다음 단계로 넘어갑니다.
아~ 여기서 잠깐, 지금까지 완료된 레이어를 백업해주세요..한개 더 복사해 두시라는 얘깁니다. 나중에 또 사용해야 하거든요..

이제 조금전에 알려드린, 흰색과 검정색을 사용해서 책이 휘어질 부분에 흰색을 브러쉬로 압력도를 낮게해서 차근차근 색칠해둡니다. 여기서는 뭐 레이어에서 작업하셔도 되고, 알파채널에서 작업하셔도 상관은 없습니다. 어차피 따로 저장할것이기 때문에 작업방식은 상관없습니다.

book04.gif
[그림4] 자자 대강 이런 이미지가 만들어졌습니다.
자자 급조해서 상당히 어설픕니다. 죄송합니다~~~ ㅠ_ㅠ
이제 이 이미지만 따로 psd 파일로 저장해둡니다.

그리고 다시 [그림3]의 레이어로 돌아갑니다.
그 레이어를 선택한후, filter -> distort -> displace 해줍니다.
그럼 메뉴창이 하나뜨는데, 여기서는 신경쓰실것이 없습니다.
패턴으로 적용할건지 뭐 이런걸 물어보는데, 어차피 적용할 이미지와 적용당할 이미지의 이미지 사이즈가 같아서 그냥 넘어가셔도 됩니다. 나머지 메뉴들은 시간있으실때 차차 테스트 해보시길 바랍니다.


그 메뉴에서 ok를 누르면 브라우져가 뜨는데, [그림4]를 저장한 psd 파일을 불러옵니다.

book05.gif
그럼 이렇게 변형이 +_+ !! (허접하군요 ㅡ,.ㅡ)

허전하죠? 허전하죠? 허전하죠?
할수없죠~~ 이럴땐 손을 써야죠~~

위에서 남겨둔 변형 직전의 레이어를 하단에 깝니다.
그리고 나서 drop shadow를 적용해서 적당히...음영을 넣어줍니다.
그리고 튀어나온 부분은 dodge 툴로 어두운 부분은 burn 툴로 문질러서 음영차를 확실히 해둡니다..

book06.gif
아마 이거랑 비슷한 결과물이 나오실겁니다. (제가 요번에 만든건 무지하게 허접하네요...쿨럭~)


아무튼 오늘의 주제는 displace 필터를 잘만 사용하면 아주 멋진 이미지를 만들수 있다는 거였습니다. 그럼 나름대로 강의 3편은 마치겠습니다..(--)(__)
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
755 허접강좌.. ㅜ,.ㅜ;; 매트릭스 효과만 따라한 글자 ㅡㅡㅋ [18] file Minus Hand 2003.08.28 11937
754 [초급]태극문양을 만들어보자~-ㅁ-;; [17] file 젤군 2004.06.14 11941
753 ♣푸르른 잔디와 맑은 하늘 만들기♣ [8] file endless 2006.08.29 11941
752 [왕초보버젼]플래쉬 폰트 깔끔하게 처리하기 [14] 인묘정 2002.08.15 11949
751 옛날사진 효과 (중복이면 알려주세요.) [16] file 새드카페 2003.08.17 11955
750 플래시로 브러쉬 툴처럼 그림그리는 스크립트.. [5] 세나^.^ 2003.06.03 11962
749 스타버스트 원조뻘 강좌. [25] file ㅡㅅㅡㅋ 2003.02.26 11971
748 [ SQL ] 플래시 게시판을 만들기 위한 기초 1 [2] file Fc 2004.02.25 11978
747 절대반지 만들기~☆ [7] file ⓒe~☆ 2004.02.01 11979
746 [쓰레기 강좌] 뭔가 판타스틱한 홈페이지 레이아웃 만들기! [4] file azurespace 2002.10.28 11983
745 [개허접팁] 대일밴드로 감은(?) 글씨체?? [13] file LOST-X 2003.02.03 11991
744 올록볼록 입체감 있는 버튼을 만들어 보자! [6] file ★소프트™ 2002.04.10 12008
743 [동영상강좌] 제15회차 - Path로 이미지를 그려보자 [12] 아이티스터디 2006.02.02 12023
742 3D입체텍스트만들기-해보면 쉬워요 [19] 송승호 2002.07.29 12024
» 나름대로 책 휘어보기 [29] file Ricky 2003.04.02 12029
740 간단한 Innor Glow효과의 활용으로 깔끔한 네모박스 만들기 [5] file 박종규 2005.05.09 12029
739 [초급] 맞물려 돌아가는 Gear 만들기 - 1 file 박승제 2004.04.19 12041
738 네코네 포토샵팁~!! 레이어 너를 파해쳐주마 첫번째장 [6] file 인디네코 2005.01.16 12041
737 브러쉬 툴을 이용 붓으로 칠한 효과 [7] file rombardi 2003.07.06 12043
736 [기초]링크걸기.. [13] file 입픙체리냥♬ 2003.02.25 12044