포토샵 CS5 (한글판)에서 장면을 부드럽게 넘기는 GIF 효과 (페이드, 디졸브) 만들기!

 

안녕하세요!

'아모게' 입니다.

 

딱딱! 끊어지면서 넘어가는 기본적인 GIF 만드는 방법은 아래에 링크를 걸어놨습니다.

 

https://knowledgecafeyo.tistory.com/47

포토샵 CS5 (Photoshop CS5) 한글판 GIF 만들기 (그대로 따라하시면 됩니다)

 

GIF 만드는 방법을 보신 분들은 아시겠지만, 매번 같은 느낌으로 결과물이 나오면 지루함이 있기 마련입니다.

이럴 때  포토샵에서 장면 전환을 부드럽게 넘기는 '페이드 효과' 적용 방법을 공유해 드리고자 합니다. 

 

아래의 4개의 이미지는 동일한 사이즈로 맞춘 세로형 예시 이미지입니다.

 

GIF 제작 이미지 예시

파일 > 스크립트 > 스텍으로 파일 불러오기

레이어 불러오기 창이 뜨면

찾아보기 > 이미지 선택 후, 확인을 누릅니다.

 

포토샵 GIF 제작 설정

 

메뉴창에 창(W) > 애니메이션을 체크하면 하단에 애니메이션 창이 뜹니다.

그 창의 오른쪽 위에 작은 아이콘 클릭 > 레이어에서 프레임 만들기 > 레이어에 있는 이미지가 아래로 옮겨집니다.

순서는 보였으면 하는 순서로 드레그 해서 정렬해주시면 됩니다.

 

포토샵 GIF 제작 설정

 

여기서부터는 페이드 효과를 주는 부분입니다. 천천히 따라 하십시오!

Shift+1,2번의 이미지 선택 > 작은 네모박스(트윈) 클릭 > 창 하나가 뜹니다.

 

포토샵 GIF 제작 설정

 

트윈 창에서 추가할 프레임 10 입력하고 확인을 누릅니다.

(기본은 5인데 경험상 자연스러움이 조금은 떨어지는 것 같습니다. 즉, 숫자가 높을수록 더 부드럽게 넘어갑니다.

하지만, 너무 높이면 용량도 커지고 저장할 때 조금 버벅일 수 있습니다.

특히, 홈페이지나 블로그에 넣을 때 용량 제한이 생길 수 있습니다.)

 

처음 불러온 이미지 4개는 1s(초), 나머지는 0s(초)로 만들면 끝입니다.

 

포토샵 GIF 제작 설정

 

 

마지막 저장은 파일 > 웹 및 장치용으로 저장하시면 됩니다.

(글 처음에 링크를 참고하시면 저장방법은 동일합니다.)

.

.

.

결과물을 감상 TIME~!

.

.

.

일반적인 GIF 와 페이드 효과 적용 된 GIF

 

이렇게 두 가지 GIF를 비교해 보니 느낌이 많이 다르죠?^^

적용하시고자 하는 데에 잘 활용하시어 좋은 결과 있길 기대합니다!

 

감사합니다!