이전시간에는 포토샵 애니메이션 만들기 방법에 대해 알아보았는데 사진과 사진 사이에 프레임 만들기 하지 않았기 때문에 글씨가 갑자기 생겨나는 방식으로 애니메이션 만들기 했습니다.
이번시간에는 이전시간과 다르게 중간에 프레임 구성하여 자연스럽게 사진이 변화하도록 할수 잇도록 애니메이션 만들기 방법을 알아볼것이며 또한 그냥 gif 파일로 저장을 하면 안되고 gif 애니메이션 저장 방법이 따로 있는데 이방법에 대해서도 알아보겠습니다.
처음 포토샵 애니메이션 만들기 한다면 약간은 어려울수 있지만 필자가 알려드리는 방법대로 한다면 쉽게 익힐수 있을거라 생각하며 마지막에 애니메이션 결과물도 추가로 올리도록 하겠으니 참고 하시기 바랍니다.
포토샵 cs6 실행 시키고 상단에 윈도우 그리고 애니메이션 선택합니다.
그러면 위와 같이 애니메이션 창이 뜨는것을 확인 할수 잇으며 캔버스에 네이버 검색창 이미지를 가져왔습니다.
그리고 레이어 창에 타노스의 IT 글씨 입력합니다.
그리고 하단에 프레임 복사 버튼을 클릭하면 위와 같이 하나의 프레임이 복사가 됩니다.
그리고 1프레임선택을 하고 아까 입력 했던 글씨는 안보이게 합니다.
그리고 2프레임을 선택하고 이번에는 글씨가 나오도록 설정을 합니다.
이제 중간 프레임 구성하여 글씨가 자연스럽게 나타나도록 해야 합니다.
그리고 사진이 보여지는 시간은 0.2초 정도로 설정 하겠습니다.
그리고 하단에 보면 점4개가 연결 되어 있는 선이 있는데 포토샵 애니메이션 기능에 있어서 중요한 기능입니다.
점4개가 연결 되어 있는 아이콘 선택합니다.
그러면 위와 같이 중간 프레임을 자동으로 생성 할것인데 몇장의 사진을 생성 하겠냐라고 나오게 됩니다
필자는 3장으로 설정을 했지만 중간 프레임을 많을수록 자연스러운 gif 애니메이션 나오게 됩니다.
자 위와 같이 사진 사이에 중간 프레임이 3장 생성 되었습니다.
중요한것은 그냥 생성만 된것이 아니고 1프레임과 5프레임 사이에 사진을 자동으로 생성한다는 것입니다.
무슨 말인지 아래를 보면서 설명 하겠습니다.
자 3프레임을 선택하면 위와 같이 글씨가 약간 흐릿한것을 알수 있는데 필자는 아까 이렇게 설정을 한적이 없습니다.
없거나 있거나 이렇게만 설정을 했지 흐릿하게는 설정을 한적이 없으며 중간 프레임을 자동 생성 하면서 생겨난 사진이라 보면 됩니다.
그리고 마자믹 프레임은 위와 같이 글씨가 잘 나타나도록 되어 있습니다.
이렇게 1프레임 부터 5프레임까지 글씨가 안보였다가 보여지도록 중간 사진을 자동으로 생성하는 기능을 사용하여 움짤만들기 하면 됩니다.
움짤 만들기 방법이 그렇게 어려운 것이 아니고 캐릭터나 사진이 움직이는 모습을 만드는것인데 사람 사진을 가지고 하는 것은 불가능 하겠지만 간단한 캐릭터 사진을 가지고 움짤 만들기 같은 경우는 위와 같은 기능을 사용한다면 충분히 가능합니다.
그리고 마지막으로 포토샵 gif 애니메이션 저장 방법입니다.
gif 파일로 저장이 되는데 저장 방법이 약간 다릅니다.
파일에서 save for web 선택을 해야 하며 애니메이션 단축키 같은 경우는 alt + shift + ctrl + s 이렇게 동시에 눌러야 합니다.
그러면 위와 같은 창이 뜨는데 여기서 저장을 해야 움직이는 gif 사진이 완성 됩니다.
위와 같이 포토샵 gif 애니메이션 만들기 결과물이 나왔습니다.
중간 프레임이 3장 박에 없기 때문에 약간 딱딱한 느낌이 있는데 이미 이야기 했지만 중간 프레임이 많을수록 gif 애니메이션 사진은 자연스럽게 나옵니다.
처음에는 어려울수 있지만 그래도 필자가 알려준 방법을 사용한다면 그나마 쉽게 애니메이션 만들기 할수 잇을거라 생각하며 오늘도 좋은 하루 되시기 바랍니다.
'포토샵' 카테고리의 다른 글
포토샵 cs6 얼굴보정, 포토샵 인물보정 턱선 갸름하게 및 피부톤 보정 방법 (0) | 2016.04.18 |
---|---|
포토샵 cs6 도장 스캔 후 도장 따기, 포토샵 도장 배경 투명 효과 주는법 (13) | 2016.04.17 |
포토샵 cs6 애니메이션 만들기, 포토샵 gif 애니메이션 저장 방법, gif 배너만들기 (0) | 2016.04.15 |
포토샵 cs6 강좌 눈키우기, 포토샵 눈동자 크게 하기 (2) | 2016.04.14 |
포토샵 cs6 강좌 모서리 둥글게, 포토샵 사진 테두리 둥글게 만들기 (2) | 2016.04.13 |