웹디자인 강의
Photoshop 나름대로 책 휘어보기
2003.04.02 20:00
filter - distort - displace
기본적으로는 이 메뉴를 사용하는 것인데, 굉장히 멋진 필터인데 거의 사용이 없는것같아서 소개하려구요.
이 필터는 opacity 맵의 채도를 가지고 굴곡을 조절합니다.
흰색이면 위로 쳐올려주고, 검정색은 내려주고, 회색은 중간을 유지하죠. 꼭 이렇다는 건 아니고, 오파시티맵의 전체를 보고 움직인다고 생각하시면 됩니다. (역시 설명하기가 어려워..)
이제 그림보시면서 설명~~
![book01.gif](/files/attach/images/19360728/011/412/019/book01.gif)
[그림1] 일단 책처럼 구부릴 이미지입니다.
(제가 오아시스를 좋아해서 므훗 ^_^;;)
일단 이 이미지 하나만 한레이어에 위치해 있어야 합니다.
만일 다른이미지와 같이 한 레이어에 있다면 나중에 골때립니다.
레이어 분리는 프로 아마추어 가릴것없이 일의 편의를 위해~ 필수~
(쿨럭~ 저는 아마추어 ㅡ,.ㅡ)
일단 주의 하실점은 (밑으로 내려가보시면 알겠지만) 변형하실 이미지 보다 캔버스 사이즈를 크게하셔야 한다는 겁니다. 내려가보시면 압니다요 ^^;;
![book02.gif](/files/attach/images/19360728/011/412/019/book02.gif)
[그림2] free transform 으로 적당히 원근감이 나도록 휘익 휘어줍니다. 네개의 꼭지점에 마우스를 대고 ctrl 키를 누른 후 마우스를 클릭하시면 형태를 유지하지 않으면서 변형이 가능합니다. 그림처럼 말이죠 ^^
![book03.gif](/files/attach/images/19360728/011/412/019/book03.gif)
[그림3] 자자 이렇게 대강 되었으면 이제 다음 단계로 넘어갑니다.
아~ 여기서 잠깐, 지금까지 완료된 레이어를 백업해주세요..한개 더 복사해 두시라는 얘깁니다. 나중에 또 사용해야 하거든요..
이제 조금전에 알려드린, 흰색과 검정색을 사용해서 책이 휘어질 부분에 흰색을 브러쉬로 압력도를 낮게해서 차근차근 색칠해둡니다. 여기서는 뭐 레이어에서 작업하셔도 되고, 알파채널에서 작업하셔도 상관은 없습니다. 어차피 따로 저장할것이기 때문에 작업방식은 상관없습니다.
![book04.gif](/files/attach/images/19360728/011/412/019/book04.gif)
[그림4] 자자 대강 이런 이미지가 만들어졌습니다.
자자 급조해서 상당히 어설픕니다. 죄송합니다~~~ ㅠ_ㅠ
이제 이 이미지만 따로 psd 파일로 저장해둡니다.
그리고 다시 [그림3]의 레이어로 돌아갑니다.
그 레이어를 선택한후, filter -> distort -> displace 해줍니다.
그럼 메뉴창이 하나뜨는데, 여기서는 신경쓰실것이 없습니다.
패턴으로 적용할건지 뭐 이런걸 물어보는데, 어차피 적용할 이미지와 적용당할 이미지의 이미지 사이즈가 같아서 그냥 넘어가셔도 됩니다. 나머지 메뉴들은 시간있으실때 차차 테스트 해보시길 바랍니다.
그 메뉴에서 ok를 누르면 브라우져가 뜨는데, [그림4]를 저장한 psd 파일을 불러옵니다.
![book05.gif](/files/attach/images/19360728/011/412/019/book05.gif)
그럼 이렇게 변형이 +_+ !! (허접하군요 ㅡ,.ㅡ)
허전하죠? 허전하죠? 허전하죠?
할수없죠~~ 이럴땐 손을 써야죠~~
위에서 남겨둔 변형 직전의 레이어를 하단에 깝니다.
그리고 나서 drop shadow를 적용해서 적당히...음영을 넣어줍니다.
그리고 튀어나온 부분은 dodge 툴로 어두운 부분은 burn 툴로 문질러서 음영차를 확실히 해둡니다..
![book06.gif](/files/attach/images/19360728/011/412/019/book06.gif)
아마 이거랑 비슷한 결과물이 나오실겁니다. (제가 요번에 만든건 무지하게 허접하네요...쿨럭~)
아무튼 오늘의 주제는 displace 필터를 잘만 사용하면 아주 멋진 이미지를 만들수 있다는 거였습니다. 그럼 나름대로 강의 3편은 마치겠습니다..(--)(__)
기본적으로는 이 메뉴를 사용하는 것인데, 굉장히 멋진 필터인데 거의 사용이 없는것같아서 소개하려구요.
이 필터는 opacity 맵의 채도를 가지고 굴곡을 조절합니다.
흰색이면 위로 쳐올려주고, 검정색은 내려주고, 회색은 중간을 유지하죠. 꼭 이렇다는 건 아니고, 오파시티맵의 전체를 보고 움직인다고 생각하시면 됩니다. (역시 설명하기가 어려워..)
이제 그림보시면서 설명~~
![book01.gif](/files/attach/images/19360728/011/412/019/book01.gif)
[그림1] 일단 책처럼 구부릴 이미지입니다.
(제가 오아시스를 좋아해서 므훗 ^_^;;)
일단 이 이미지 하나만 한레이어에 위치해 있어야 합니다.
만일 다른이미지와 같이 한 레이어에 있다면 나중에 골때립니다.
레이어 분리는 프로 아마추어 가릴것없이 일의 편의를 위해~ 필수~
(쿨럭~ 저는 아마추어 ㅡ,.ㅡ)
일단 주의 하실점은 (밑으로 내려가보시면 알겠지만) 변형하실 이미지 보다 캔버스 사이즈를 크게하셔야 한다는 겁니다. 내려가보시면 압니다요 ^^;;
![book02.gif](/files/attach/images/19360728/011/412/019/book02.gif)
[그림2] free transform 으로 적당히 원근감이 나도록 휘익 휘어줍니다. 네개의 꼭지점에 마우스를 대고 ctrl 키를 누른 후 마우스를 클릭하시면 형태를 유지하지 않으면서 변형이 가능합니다. 그림처럼 말이죠 ^^
![book03.gif](/files/attach/images/19360728/011/412/019/book03.gif)
[그림3] 자자 이렇게 대강 되었으면 이제 다음 단계로 넘어갑니다.
아~ 여기서 잠깐, 지금까지 완료된 레이어를 백업해주세요..한개 더 복사해 두시라는 얘깁니다. 나중에 또 사용해야 하거든요..
이제 조금전에 알려드린, 흰색과 검정색을 사용해서 책이 휘어질 부분에 흰색을 브러쉬로 압력도를 낮게해서 차근차근 색칠해둡니다. 여기서는 뭐 레이어에서 작업하셔도 되고, 알파채널에서 작업하셔도 상관은 없습니다. 어차피 따로 저장할것이기 때문에 작업방식은 상관없습니다.
![book04.gif](/files/attach/images/19360728/011/412/019/book04.gif)
[그림4] 자자 대강 이런 이미지가 만들어졌습니다.
자자 급조해서 상당히 어설픕니다. 죄송합니다~~~ ㅠ_ㅠ
이제 이 이미지만 따로 psd 파일로 저장해둡니다.
그리고 다시 [그림3]의 레이어로 돌아갑니다.
그 레이어를 선택한후, filter -> distort -> displace 해줍니다.
그럼 메뉴창이 하나뜨는데, 여기서는 신경쓰실것이 없습니다.
패턴으로 적용할건지 뭐 이런걸 물어보는데, 어차피 적용할 이미지와 적용당할 이미지의 이미지 사이즈가 같아서 그냥 넘어가셔도 됩니다. 나머지 메뉴들은 시간있으실때 차차 테스트 해보시길 바랍니다.
그 메뉴에서 ok를 누르면 브라우져가 뜨는데, [그림4]를 저장한 psd 파일을 불러옵니다.
![book05.gif](/files/attach/images/19360728/011/412/019/book05.gif)
그럼 이렇게 변형이 +_+ !! (허접하군요 ㅡ,.ㅡ)
허전하죠? 허전하죠? 허전하죠?
할수없죠~~ 이럴땐 손을 써야죠~~
위에서 남겨둔 변형 직전의 레이어를 하단에 깝니다.
그리고 나서 drop shadow를 적용해서 적당히...음영을 넣어줍니다.
그리고 튀어나온 부분은 dodge 툴로 어두운 부분은 burn 툴로 문질러서 음영차를 확실히 해둡니다..
![book06.gif](/files/attach/images/19360728/011/412/019/book06.gif)
아마 이거랑 비슷한 결과물이 나오실겁니다. (제가 요번에 만든건 무지하게 허접하네요...쿨럭~)
아무튼 오늘의 주제는 displace 필터를 잘만 사용하면 아주 멋진 이미지를 만들수 있다는 거였습니다. 그럼 나름대로 강의 3편은 마치겠습니다..(--)(__)