사진찍는듯한 느낌의 필름이미지

강좌-사진찍는듯한 느낌의 움직이는 필름이미지 ①

 

 

처음 단계는 필름을 만드는것인데요.

다른걸로 할까 하다가, 일단 같은걸로 해야 이해가 빠르실거 같아서 필름으로 하기로 했어요

결과물을 먼저 볼까요? ^^

 

 

                                                       

 

    

       바로 이런 사진찍는 듯한 효과를 주는 움직이는 필름 이미지를 만들어 보도록 하겠습니다.

             제가 과연 잘할수 있을지 의심스럽지만, 그래도 열심히 해보겠습니다 ^^;;

 

 

 

                                                 일단 포토샵을 여신후에,

 

                       

 

                                          이런 사이즈의 새창을 만들어줍니다.

                                                          그런다음,

 

                                

 

                                    마퀴툴(M)을 선택하신후에 위에 옵션바를 보시면,

        스타일옵션창에서 Fixed Size 를 선택하신후 가로 세로 사이즈를 8, 14 픽셀로 마춰줍니다.

                                           즉, 구멍뚤린 필름을 만들기 위함이지요.

 

                                                           

 

 

                    그런다음 마퀴툴로 선택영역을 잡고, Shift키를 누른체 밑에다 또 잡아줍니다.

             적당한 싸이즈로 알아서 잡힐겁니다. 그리고 페인트통을 이용하여 검정색을 채워줍니다.

 

                             

 

                                            그다음 배경색을 흰색으로 설정한후,

                     Image -> Canvas Size로 가셔서 위의 수치만큼 사이즈를 늘려줍니다.

    이때 주위하실점은 Relative항목에 체크가 되어있는지 확인하시고 OK버튼을 클릭하여 줍니다.

 

                                

 

                              캔버스 사이즈가 위의 그림만큼 넓어진게 확인되셧다면

                                                    이제 필터로 갑니다.

                필터 -> Blur -> Gaussian Blur로 가신후에 래디어스 값을 위만큼 설정해줍니다.

                     래디어스값은 여러분들이 필요하신 만큼 주시면 됩니다. 1.0~2.0픽셀 사이로.

                                                  저는 1.0만큼 주었습니다.

 

                        

 

                       여기까지 하셧다면 다음은 필름의 네모부분의 색을 좀더 표현하기 위해

                                      Image->Adjustments->Levels(Ctrl+L)에서

                                 적당한 수치를 줍니다. 저는 저만큼 주었습니다.

 

                         

                            

 

                        그럼 결과물이 위에처럼 보이시나요? 잘 따라오셨는지 모르겠군요.

 

 

                          

 

                                              그다음, 마퀴툴(M)을 선택한후,

                   여기서 아까 설정해준 스타일옵션에 Fixed Sized를 다시 노멀로 변경한후에

                                     마퀴툴로 선택영역을 저렇게 잡아줍니다.

 

 

 

                           

 

                                              그다음 Image -> Crop를 선택하여

                                                  선택영역만큼 잘라냅니다.

 

 

 

    그다음,

    Image -> Adjustments-> Invert (Ctrl+I)를 클릭하면

    이미지가 이렇게 필름구멍부분엔 흰색, 배경은 검은색인

    필름이 만들어진것을 볼수 있습니다.

    여기까지 되었다면, 이제 패턴을 등록해줍니다.

    Edit -> Define Pattern 를 선택한후,

    패턴네임에 이름을 줍니다. 편의상 저는 film 이라고 주었습니다.

    이제 이 패턴이 등록되었습니다.

 

 

                             

                             이제 만든 패턴을 가지고 필름을 만들어 보겠습니다.

 

                                    파일 -> New 에서 새로운 작업창을 엽니다.

                                 여기서 주의할점은 새로운 작업창의 사이즈입니다.

        필름의 넓이는 상관이 없지만, 필름의 높이는 좀전에 만든 패턴의 높이와 맞아야 하겠지요?

                     맨처음의 높이 150픽셀 + 캔버스사이즈로 넓어진 15픽셀을 합친 높이인

                                                    165픽셀이 되는겁니다.

                                      Width의 수치는 여러분 나름대로 넣으세요

                         하지만 너무 넓으면 필름보다는 일반 사진처럼 보이겠지요?

                                             저는 500픽셀을 주었습니다.

 

                                따라서 필름의 Size는 500 * 165 픽셀이 되는겁니다.

 

                                         이러한 작업창을 새로 만든후에,

                      Edit -> Fill을 선택한후, Use 항목을 선택하여 Pattern으로 변경한후,

                       밑의 Custom Pattern에서 좀전에 등록해준 film 패턴을 선택합니다.

                                           그럼 밑의 그림처럼 되겠지요?

 

 

            

 

                                        자, 여기까지 따라오셨나요?

                    그 다음, 여러분들이 넣고 싶은 이미지를 파일 -> OPEN에서 불러옵니다.

                     사진의 사이즈는 가운데 검은부분에 들어갈 사이즈여야  하겠지요?

                                        저는 사진 4장을 넣을겁니다.

                             사진 4장의 사이즈가 필름의 넓이와 동일해야겠지요.

                     다만 높이는 필름의 구멍부분을 제외한 사이즈와 맞아야 하는거구요.

 

                                    제 필름의 사이즈는 500 * 165 입니다.

                    따라서 제 이미지의 한장당 사이즈는 대략 125 * 121 정도가 됩니다.

             125는 500을 4로 나눈 수치이고 121은 필름구멍을 뺀 나머지 사이즈가 되는거지요.

                              여러분의 필름넓이와 높이에 따라 조절하시면 됩니다.

 

 

            

 

             저는 제가 너무 좋아하는 이누야샤의 이미지를 불러왔습니다. >>ㅑ~ 넘 귀엽다 ^^;;

             불러오신후에 각각의 이미지를 필름 레이어위로 드래그하여 저렇게 정렬해줍니다.

 

 

         

 

 

 

          그다음, 레이어 파레트로 갑니다.

          레이어 파레트에서 필름작업을 한 Layer 1을

          드래그하여 맨 위로 이동시켜 줍니다.

         

 

 

 

 

 

                           

                            

                                 그다음에 방금 이동시킨 레이어 1을 선택한후

        마퀴툴로 사진이 들어갈 검은 부분만 선택영역을 잡아줍니다. 그다음 위에 옵션창에서 Layer -> New -> Layer via Cut 을 선택합니다.                   그럼 레이어 파레트가 이렇게 변한것을 볼 수 있습니다. 맨위의 레이어 6을 선택한후 Opacity를 30~50% 사이로 마춰줍니다. 저는 30%를 주었습니다. 제 이미지들이 그리 밝은 편이 아니라서 이미지의 밝기에 따라서 적당히 주세요.               여기서, 왜 이런 과정을 거치느냐 생각하시는 분들이 잇을지도 모르겠네요. 왜냐하면, 필름의 구멍부분과, 사진이 들어갈 검은 부분을 따로 잘라준것이지요. 필름의 좀 어두운듯한 효과를 이미지가 들어갈 부분에만 주기 위함이지요. 이해가 가시나요? 필름을 생각해보시면 필름구멍이 있는 부분과 그안의 사진이 있는곳의 색감이 조금 다릅니다. 사진이 있는곳이 약간 어둡지요. 그 효과를 위함입니다.   여기까지 하셧다음 일단, 기초단계인 필름이미지는 완성이 되었네요.   완성작입니다. 약간 이미지 부분이 어두워 진것이 확인 되시나요?    
      이제 2단계입니다. 위의 필름이미지를 가지고  움직이는 트윈효과를 만들어보지요.               일단 위의 필름이미지 원본 레이어에서 레이어를 Ctrl + E해서 하나의 레이어로 합쳐줍니다.   그다음, 마퀴툴(M)을 이용하여 위처럼 순수한 사진한장의 사이즈만큼을 선택해줍니다. 정확한 사이즈를 모르시겠다면 옵션툴의 윈도우로 가셔서 Info창을 열어줍니다.         Info창을 여셨다면 밑에 w, h의 사이즈가 확인되시나요? 즉, 인포창에서 보여지는 저 수치는 마퀴툴로 선택한 부분의 정확한 사이즈를 알려주는 겁니다.                                      저의 사진한컷당의 사이즈는                                               125 * 121 이네요.                   여기까지 확인하셨다면 Image -> Canvas Size로 가신다음 Width의 수치를 위의 인포에서 확인한 이미지 한장당의 가로사이즈 125만큼 줍니다. 또, Anchor를 저렇게 설정합니다.      

   

 

 

            OK버튼을 클릭하면 아래와 같이 된것을 볼수 있을겁니다.         이렇게 되셧나요? 이렇게 되었다면 저처럼 맨 왼쪽의 처음 필름 한컷 크기만큼 마퀴툴(M)으로 선택한다음 Ctrl + C 해서 이미지를 복사한후, Ctrl + D 로 선택영역을 해재합니다. 그다음, Ctrl + V 해서 복사한 이미지를 붙여줍니다. 그럼 맨 왼쪽의 이미지가 복사되었습니다. 툴박스의 이동툴(V)를 선택한다음, 캔버스 사이즈로 늘려준 흰 공간으로 복사한 이미지를 이동시켜줍니다.   그다음, Layer -> Merge Down (Ctrl + E)를 해서 이미지를 하나로 합쳐줍니다.   자, 여기까지 따라오셨나요?             제대로 잘 하셨다면 이렇게 된 이미지가 확인 되실겁니다.   그다음, 다시 파일 -> New 로 가셔서 필름한컷당의 이미지크기만한 새 작업창을 불러옵니다.    

 

    가로 125 * 165 의 필름한컷 크기의 작업창을 설정한후 OK 해줍니다.        

 

불러오셧다면 필름 한컷만한 새로운 작업창으로 위의 그림처럼 필름이미지의 작업창이 활성화 된 상태에서 이동툴(V)를 선택한다음   드래그하여 복사이동 시켜줍니다.             새로 불러운 작업창의 모습입니다. 처음 복사를 해서 이동을 한다면 옆의 그림처럼 맨 왼쪽의 처음 이미지가 보이지 않습니다. 그렇죠? 툴박스의 이동툴(v)를 선택한다음 맨 왼쪽의 처음이미지가 위치하도록 이동툴로 이미지를 움직여줍니다. 이동툴로 정확하게 한컷의 크기를 마추기 어려우시다면 방향키 [<-] 살살 움직여서 마추시면 됩니다. 그럼 옆의 그림처럼 이미지가 되겠죠?             여기까지 다 따라오셨다면 일단은 포토샵에서의 작업은 끝났습니다. 이제 이상태로 이미지레디로 넘어갑니다.         넘어가시면 애니메이션 파레트 창에 맨 왼쪽의 처음 이미지 하나가 확인되실 겁니다. 그 애니메이션 창에서 아래 그림과 같이           1과정-하단의  Duplicates current frame 버튼을 누르셔서 프레임을 추가해줍니다. 그럼 맨처음 이미지가 하나 더 추가되보일것입니다. 첫번째 이미지에서 두번째 이미지로의 자연스런 움직임을 표현해야 하기 때문에 툴박스로 간다음 이동툴을 선택하고 필름의 두번째 이미지가 정확하게 프레임에 올수 있도록 이동시켜줍니다. 그럼 위의 그림처럼 두번째 이미지가 정확히 보일 것입니다.   그다음은 자연스러운 움직임 효과를 표현하기 위해 애니메이션 파레트 하단의  

                                                           

                                  Tweens Animation Frames 버튼을 누릅니다.

                                        그럼 아래와 같은 설정창이 뜹니다.

 

 

    2과정-위의 그림처럼 프레임추가를 5로 설정해준다음 OK 버튼을 클릭합니다.   5 프레임을 추가해준다는 의미는, 다시 말하면 첫번째 애니메이션에서 두번째 애니메이션으로 바뀌기까지 5단계의 과정을 거친다는 뜻이 됩니다.   여기까지 하셧다면 다음의 결과물이 확인됩니다.           여기서 왜 프레임이 25일까요? 총 이미지가 5장입니다. 1과정과 2과정을 5섯번 해줘야 한다는 의미겠죠? 즉, 1과정과 2과정을 마지막 오른쪽의 다섯번째 이미지까지 모두 적용해주는겁니다. 쉽게 말해서 프레임추가 -> 이동툴로 완전한 다음 이미지로 이동 -> Tween에서 프레임 5를 추가 이것을 마지막 이미지까지 적용해주는 거지요. 이해가 되시나요? 중요한 부분인데 ^^;; 제가 말한 마지막 이미지까지 1과정과 2과정을 모두 하셨다면 위의 그림처럼 총 25개의 프레임이 생성된것을 확인할수가 있습니다.    

 

                            

                                    여기까지 하셧다면 이제 이미지에 시간을 주는겁니다.

                        하나의 필름 이미지가 완전하게 보이는 프레임에 하단 삼각형 버튼을 클릭하여

                                          0.5 Sec 씩 시간을 설정해줍니다.

                                                 왜 이런 작업을 하냐면

                          필름이 돌아가다가, 이미지 한컷씩 정지되는 듯한 느낌을 주기 위함이지요.

 

 

 

  그렇다면, 1, 7, 13, 19 프레임에 0.5초씩 시간을 설정해준다음,   맨 마지막 25번째 프레임의 이미지는 드래그하여 휴지통에 버립니다. 그 이유는 1번이미지와 25번의 이미지가 같은 이미지이므로 그대로 나둔다면 같은 이미지가 두번 나오겠죠? 25번 프레임을 지워주면 자연스럽게 24번 프레임 다음에 1번 프레임의 이미지로 연결되어 이미지가 자연스럽게 됩니다. 이해가 되시나요? 위에 네장의 이미지다음에 이미지 한컷 크기만큼 컨버스 사이즈를 늘린다음 첫번째 이미지를 붙여주는 이유가 바로 이것때문입니다.   자 이제 움직이는 이미지가 완성되었습니다. 플레이 버튼을 눌러서 확인해볼까요?      

                                                      

 

                              자 이렇게 일단 필름의 돌아가는듯한 이미지는 완성이 되었습니다.

                                         이제, 플래쉬 효과만 주면 되는군요. 힘드네요 ^^;;

                                      강좌가 넘 길어져서 두번째에다 올리도록