<gif 애니/간단 애니메이션/이미지레디>나름대로 애니메이션 gif파일로 만들기


 

포토샵에서 간단하게 애니메이션을 나름대로 만들어 보자~~gif파일로 저장하면 용량도 작고    
그냥 정지된 이미지 보다 훨씬 더 재미를 줄 수 있어서 블로그를 운영할 때도 나름 재미와 활기
수 있게 된다.

난 소프트웨어 독학(?)을 즐기는 사람인지라~이거 저거 눌러보고 하다보니~~
비교적 간단하게gif 애니를 만들수있는데, 못할 때는 엄두를 못냈다.               
그래서 나 처럼 버벅족을 위해서 나름 착실히 설명해 볼까한다~^^ㅋ    

          

나는 소프트웨어를 구리구리~옛날 버젼으로 걍~쓰고 있다.  포토샵도 7.0버젼을 ~ㅡㅜ

불법루트로 계속 구하기도 좀 그렇고(사실 능력도 없고ㅎㅎ) 툴이나 프로그램이 문제가 아니라
그림은 역쉬나 실력의 문제라고 생각해서~나름 만족하면서 구버젼을 쓴다.                          

어쨌든 이제 포토샵을 열어서 새로운 파일을 만든다~   내가 예시로 만들 애니는                   
초간단 스마일 얼굴이다~~그림을 못그리는 사람도 시도해 볼수있도록 간단하게 그렸다~ㅋㅋㅋ

 

[스마일 얼굴 그리기 과정]

 


<gif 애니/간단 애니메이션/이미지레디>

 

일단은 얼굴을 그리기 위해서 도구툴에서 원형 점선툴을 선택하고~
새로 만든 파일 위에서 드레그해서 그린다.

 

<gif 애니/간단 애니메이션/이미지레디>

 

동그라미를 그릴 때~~자판기의 shift를 누른채로 드래그하면 동일한 비율로

찌그러지지않는 원을 그릴 수가 있다.

 

 

▲   선택된 상태에서 Edit-Fill을 선택하면 색을 채울수가 있다.Fill을 열면

배경색(Background color)이나, 앞칼라(Foreground color)를 선택해서 채울수가 있다. 

도구툴에서 선택되어있는 칼라를 보고서 원하는 칼라를 지정하면 된다.

 

 

<gif 애니/간단 애니메이션/이미지레디>

 

▲ 나는 기본적인 노란색을 앞칼라로 선택했기 때문에 그냥 Foreground color로 채웠다.

 

 

 

이때, 되도록이면 얼굴색을 채울때 Layer에서 새로운 레이어를 추가해서 그린다~
나중에 배경색이 없이 얼굴만 나오게 하기 위해서는 Backgroud 레이어가 열쇠로 잠겨있는데
삭제하면 된다.  그러면 배경없이 형태만 애니메이션되게 할 수 있다. 
물론 배경색을 원하면 백그라운드 레이어에다가 원하는 색을 채우면 된다.

 

새로운 레이어를 추가해서 노란 얼굴 위의 레이어에 다가~ 표정을 그려본다. 

간단히 붓툴로 그려도 좋고~  나는 원형툴로 원을 그린 후에 드레그 한 상태에서

 Alt키를 누르면서 선택툴을 (-)시키면서 정형화된 딱 떨어지는 느낌으로 그렸다. 

이게 어렵다면 쉽고 자연스럽게 붓이나 연필툴로 그려도 좋다~~ 

다른 표정을 각각의 레이어에 몇개 그려본다.  나는 총 3개의 표정을 그렸다.

 

계속 애니를 하다보면 아래 레이어의 위치를 참고해서 그리거나 변형하지 않으면 어색해지는
걸 느끼게 된다.  그럴때는 Layer 우편위에 보면 각각의 레이어의 투명도를 설정할 수가 있다. 
OPacity나, Fill으로 투명도를 설정하면 아래 표정이 비치기 때문에 새로운 표정을 자연스럽게
위치 시킬수가 있다.

 

나는 간단하게 설명하느라 노란얼굴 레이어를 따로 그리고 표정만 각각 레이어를 잡아서 그렸지만, 더 자연
스러운 애니를 만들기 원한다면 아예 얼굴과 표정을 하나의 레이어로 만들어서 그 얼굴 자체로 움직일 수 있도
록 하면 더 좋다.  그러면 더 자연스러워 진다.  애니는 많이 해보면서 움직임의 자연스러움을 연구해 갈수록
더 좋아진다.

 


 

이제 포토샵에서 재료는 모두 준비되었다~~ 도구툴 하단에 보면, 이미지 레디로 직행할

있는 툴이 있다.  그것을 과감히 누르면 ImageReady 프로그램이 열린다. 
여기에서 애니메이션을 만들어 볼거다.

(이미지레디에 가서도 포토샵 툴로 다시 왔다리 갔다리 할 수가 있다)

[스마일 얼굴 GIF 애니 과정]

<gif 애니/간단 애니메이션/이미지레디>

 

자~이제 같은 파일인데~이미지 레디로 들어왔다. 

일단은 레이어에 눈버튼에서 보이게 설정 어있는 대로

위 그림에서 처럼 Animation도구에 장면하나가 있다.  

이 장면은 현재 레이어에서 눈으로 보이게 설정한 이미지가 그대로 반영된다. 

그러므로 레이어에서 가장 첫번째로 넣고 싶은 표정을 눈툴로 보이게 설정한다. 

나머지 표정은 당연히 안보이게 설정해야 한가지 표정만 나타나게 된다.

애니메이션 툴의 바로 아래에 보면 2sec라고 되어 있는데~ 여기에서 이 장면의 시간을 설정
하게 되어있다.  눌러보면 초를 바꿀수가 있다.  일단 1초등으로 설정하고 나중에 Play하면서
바꾼다.

 

 

 

 

계속해서 Animation툴의 우측 상단에 보면 화살표 버튼이 있는데~

여기에서 New Frame으로 장면을 또 하나 추가한다. 

그래서 다음 표정을 다시 설정해야 한다.

 

 

 

<gif 애니/간단 애니메이션/이미지레디>

 

이때, 레이어에서 눈아이콘으로 새로운 장면에 들어갈 표정만 보이게 설정하고 또 다른 표정
들은 안보이게 설정해야 중복되지 않고 장면에 저장된다.  그림을 참고하면 쉽게 지금 쓰지
않는 표정이 눈아이콘을 클릭해서 안보이게 설정하는 것을 알수 있을 거다. 

이런식으로 세개의 표정을 모두 장면으로 추가해서 설정하게 된다. 
여기까지 하면 거의 애니가 다 된거다~ㅎㅎ

 

<gif 애니/간단 애니메이션/이미지레디>

 

다 된 애니를 확인해 보고 초당 시간을 계속해서 바꾸고 가장 자연스러운 시간을 설정한다. 
이제 저장할 일만 남았다.  File-Save OPtimized As...을 누르면 gif 로 저장하는 화면이 뜬다.
확장자를 gif로 설정하고 Settings-Default Settings를 선택해야 깨지지 않는다.

이름을 정해서 저장하면~~초간단 gif 애니메이션이 완성되었다ㅋㅋㅋ

 

         

이것이 완성된 파일이다~~정말 간단하구마이~^^;;;어쨌든 나는 이런식으로
애니를 만들어서 블로그에 활용하고 있다.  내 프로필도 이런식으로 만든 gif애니다. 
자~프로필 애니도 첨부하자면~~ㅎㅎ

나름 연구한 간단 애니 자료 잘~ 활용하셔서 활기찬 홈피 만드세요^ㅇ^

 

 

공감되신다면 0.5초만 시간을 내셔서~손가락 버튼 누질러 주셔요~
당신의 작은 시간과 손짓하나로도 진실나무는 힘을 얻습니다~  ^ㅇ^

 

  1. +소금+ 2013.04.04 09:35 신고

    잘 배워갑니다~~ 프로필 애니 넘 귀여워요~~ ^^

+ Recent posts