◈ - 공부방/- ◈ - 포샾기초

레이어끼리 마스크효과를 내는 레이어 클리핑

웃어봐요 2012. 1. 6. 12:49

레이어끼리 마스크효과를 내는 레이어 클리핑

 

clipping.psd

 

 수업과정 1 : 클리핑마스크만들기와 그라디언트로 자연스럽게 합성하기

 

                

    - 원본 이미지 -            - 클리핑마스크 -           - 레이어 위치이동 -       - Bevel & Emboss -         - Out Glower -

 

- 완성된 이미지 -

 

01) File > Open을 클릭해서 'clipping.psd'파일을 불러오면 작업창에는 겹쳐진 이미지(위에 있는 첫번째 이미지)가 있고,

     (레이어 팔레트)에는 작업한 레이어들이 모두 들어있다.

 

02) (하트 레이어)를 선택한 뒤에 오른쪽 마우스를 클릭하고 create clipping mask를 선택하면 유리구두안으로 '하트모양'이

     무늬로 들어간다.[클리핑마스크]가 적용된 레이어의 썸네일 앞에는 아래로 꺾여지는 화살표가 붙는다.

      참고 : (하트레이어)와 (유리구두레이어)의 가운데 있는 선위에서 Alt를 클릭한 채 마우스를 가져가 보면 - 주전자 모양 -이 생기는 데

                    이때 클릭하여도 [클리핑 마스크]가 실행된다.

 

03) (풍선레이어)를 (유리구두레이어)위로 이동시킨다.

     그러면 풍선이미지도 유리구두 안으로 들어간다. 즉 유리구두 안에는 풍선이미지와 하트이미지 2개가 들어간 셈이다.

 

04) (하트레이어)를 선택하고 레이어팔레트 아래에 있는 아이콘 중에서 3번째에 있는 [Add Vector Mask]를 클릭하면

      레이어 뒤에 썸네일 마스크가 붙는 (마스크 레이어)가 만들어진다.

 

05) 전경색=검정, 배경색=흰색을 설정하고 [그라디언트툴]을 클릭한 후에 옵션바의 첫번째에 있는 [Liner Gradient]를 선택하고

     구두 처음에서 끝까지 드래그하면 마스크에 그라디언트가 적용되면서 이미지가 자연스럽게 변한다.

 

수업과정 2 : 레이어에 다양한 효과주기

 

06) (유리구두레이어)를 선택하고 레이어 아래쪽에 있는 2번째 f를 닮은 [Add a Layerstyle]을 클릭한 후에 Bebel and Emboss를 클릭하고

     Style=inner bebel, size=10px을 선택하고 나오면 유리구두에 볼록한 느낌이 들어간다.

 

07) (유리구두레이어)를 선택하고 레이어 아래쪽에 있는 2번째 f를 닮은 [Add a Layerstyle]을 클릭한 후에 Outer Glow를 클릭하고

    spread=20%, Size=50px을 선택하고 나오면 유리구두 바깥쪽으로 연한 노란색의 빛이 들어간다.

 


 

수업과정 3 : 글자 쓰고 글자에 효과넣어 입체적인 글자로 만들기

 

 

 

 

 

 

 

08) 글자를 써야하므로 구두를 이동시켜야 한다. (하트레이어)와 (풍선레이어) 그리고(유리구두레이어) 3개를 선택하고

     오른쪽 마우스를 클릭하여 Merge Layers를 클릭하면 (하드레이어)와 (백그라운드레이어) 2개만 남는다.

     (하드레이어)를 선택하고 [이동툴]을 클릭한 후에 구두를 적당한 위치로 이동시킨다.

 

09) [Type]툴을 선택한 후에 헤드라인M, 48, 진하게 등의 설정을 해놓고 - 명품구두 대 바겐세일 - 이라고 입력한 다음에

     Ctrl키를 클릭한 채고 썸네일을 클릭하면 글자가 선택된다.

     글자가 선택되었으면 아래쪽 2번째에 있는 f를 닮은 [Add Layer Style]아이콘을 클릭하고 Gradient Overlay효과를 선택한 후에

     [Gradient Editor]창으로 들어가서 마음에 드는 것(Spectrum)을 클릭하면 글자에 무지개색이 들어간다.

 

10) 글자가 선택되었으면 아래쪽 2번째에 있는 f를 닮은 [Add Layer Style]아이콘을 클릭하고 Stroke효과를 선택한 후에

     color=흰색, Size=2px을 주면 글자에 흰 선이 들어가면서 또렷해진다.

 

11) [Type]툴을 선택한 상태에서 위의 옵션바에서 [Create Warped text]를 클릭해서 창이 뜨면 Style=Arch를 선택한다.

     그러면 글자모양이 '아치형태'로 바뀐다.

 

12) 새레이어를 추가하고 [Type]툴을 클릭한 채 - 장소 : 현대 백화점 로비, 시기 : 7월 25일(월) ~ 7월 31일(토) - 이라고 입력한다.

 

13) 글자가 선택되었으면 아래쪽 2번째에 있는 f를 닮은 [Add Layer Style]아이콘을 클릭하고 Stroke효과를 선택한 후에

     color=빨간색, Size=2px을 주면 글자에 빨간 선이 들어가면서 또렷해진다.

 


 

 알아두기 1 : Clipping이란?

                        * Clipping이란 '오려낸다'는 뜻으로 레이어 윤관 안으로 다른 이미지를 보이게 하는 기능이다.

                          Clipping 그룸에서 맨 아래에 있는 레이어는 윤곽을 잡아 형태의 기준이 되고

                          그 위에 레이어 이미지가 보이게 만드는 기능이다.

 

 알아두기 2 : Bevel and Emboss 효과

                        *입체적인 효과를 줄 때 많이 사용하는 Bevel and Emboss 효과에는 5종류의 엠보싱효과가 있다.

                         즉, Outer Bevel, Inner Bevel, Emboss, Pilow Emboss, Stroke Emboss가 있다.

                         이 스타일들은 조금씩 차이가 있는데 어떤 스타일을 선택하느냐에 따라서 입체적인 느낌이 달라지므로

                         작품의 성격에 따라 선택하는 요령이 필요하다.