[스크랩] 1.파도,물결 만들기

                              
                                   SWISHmax 허만수 홈페이지

           파도 작업요령을 편의상 2 가지의 설명으로 구분했지만, 그 차이는
           파도 이미지 준비일 뿐이다.

 

 

 

 

                  

 
   이 방법은  Photoshop에서 파도를 이룰 투명 이미지를 별도로 준비하는 과정과
   이를 이용하여 파도를 만드는 작업이다.

 

    ● 포토샵에서 파도 이미지 만들기
       포토샵에서 파도가 이뤄질 부분을 올까미툴로 짤라 별도의 투명이미지(gif)를
       준비한다..

      <보기>

배경 이미지 (waves.jpg)	파도 이미지(waves-1.gif)

 

      ● 파도 만들기

         ㅇ 배경 이미지 (waves.jpg)를 삽입하고
             다시 파도 이미지(waves-1.gif)를 삽입

          

     
       ㅇ Outline에서 파도 이미지(waves-1.gif) 에 마우스 오른쪽 버튼 눌러
           <Break> ▶ <Break into Pieces>하여
                                    

     

        ㅇ <Break into Pieces> 창에서
             Column "0" X Row "30" 정도로 하여 <OK>한다
                             

 

       o Timeline의 1번 프레임에서 마우스 오른쪽 버튼 눌러
          <Core Effects> ▶ <3D Wave>하고

            

      

      ㅇ<미리보기>하면 아래와 같은  파도형태가 일어난다 

 

     ㅇ 파도의 파고와 주기 조정

        1. Timeline에서 효과( 3D Wave) 다블클릭하여
           <3D Wave Settings>에서 아래와 같이 수정한다
                         

                 Duration ---------  90
                 Amplitude--------- x= 1   y= 2    z=2
                 Constraints ------  윗쪽에 첵크

                 * 위 제원은 파도의 크기와 물결형태를 나타내므로 이미지에 따라
                    임의대로 조정이 가능함

                 * 특히 Constraints 의 4개 ㅁ은 화면 상하좌우의 어느쪽에 파도를 크게
                   일어나게 할 것인지 선택할 수 있다
                   

          2. 조정후 <미리보기>하여 재조정해 나간다

                 

 

      ㅇ 다른 작업과 관련하여 파도가 계속 일어나게 하기 위해서는
           이를 Sprite로 만들어 둔다.  

                                   

 

     

               

 

 
   이 방법은 SWISHmax화면에서 파도를 이룰 부분의 이미지를 새로 만들어
   파도를 만드는 작업이다.

    ● 스위시에서 파도 이미지 만들기
        파도 이미지 만들기의 상세한 작업요령은
        <SWISHmax(기본)> ▶ <image 편집> ▶ <이미지 자르기>설명 참조         
       

       ㅇ  파도가 있는 배경이미지 준비

배경 이미지 (waves.jpg)

        ㅇ 배경이미지 (waves.jpg)를 삽입하고
            툴 박스에 있는 Bezier(만년필촉) 도구를 이용 파도부분을 클릭해 나간다
      
            

        ㅇ 파도 부분을 전체적으로 연결시켜 클릭하면 아래처럼 된다.
            

         ㅇ Outline에서 이미지(waves.jpg)와 Shape를 동시에 블록,
             <Grouping> ▶ <Group as Shape>하고
             아래 창에서 <예(Y)>하면 Outline에는 하나로 묶어진다.

            

         ㅇ 이때 Shspe페널의 Fill 란에
            <Clipped image>를 누르면  드롭 창이 뜨는데
            거기서 다시 <Clipped image> 선택하면  Layout 화면의 파도 부분이
            배경색으로 바뀐다.     
           

        ㅇ Outline에 묶어진 이미지에 마우스 오른쪽 버튼 눌러
           <Grouping>▶ <Ungroup>하여 분리하면  
            원본 이미지와  복제된 이미지가 새로 생성된다.
                                 

        ㅇ 여기서 아래쪽의 있는 이미지는 배경이미지가 되며
            위쪽의 이미지가 곧 새로 생선된 파도이미지가 된다.

                                 

    ● 파도 만들기
        ㅇ 이제 배경 이미지와 파도 이미지가 삽입된 상태가 되었으므로 .........

        ㅇ 포토샵에서 준비한 파도이미지 처럼 이를 조각내어 순서대로 작업한다.
            - 이하 생략-

 

               

 

       한마디(편집 후기)
          
                파도 작업은 물결 만들기만으로  만족해야 했던 분야를
                새롭게 제시한 내용이다.
           
                이런 파도를 보면 누구나 신기하게 느껴질 것이다.
                그럼에도 이런 파도를 만듦에 있어서 상상외로 너무 쉽다는데
                또한번 감탄하지 않을 수 없을 것이다.

               .

 

                                                                 끝

 

출처 : 블로그 > 사랑하며 | 글쓴이 : 하늘색꿈 [원문보기]