포토샵 GIF 넣기 - potosyab GIF neohgi

포토샵 GIF 넣기 - potosyab GIF neohgi
엠키2016. 7. 22. 22:28

포토샵 GIF 넣기 - potosyab GIF neohgi

진짜 재밌는 움짤만들기 또 가져왔어용!!

제목만으로는 감이 잘 안오시죠?

시네마 그래프는 움짤 내에서 영역을 정해

멈출 부분과 움직일 부분을

나누어준 것이었다면

사진에 움짤 합성하기는 말 그대로

각기 따로 있는 사진과 움짤을

하나로 합쳐주는 거에요.

이걸 잘 사용하면 너무 재미있는

작품을 만들 수가 있답니다.

맛보기로 완성작 하나 보여드릴게요.

포토샵 GIF 넣기 - potosyab GIF neohgi

빈티지한 TV 안에서 춤.신.춤.왕.님이

댄스혼을 불태우고 계심!!

포토샵 GIF 넣기 - potosyab GIF neohgi

요즘 춤신춤왕으로 전성기를 누리고 있는ㅋㅋ

저걸 살려준 뮤직뱅크도 대단함b

어쨌든 이렇게 만들 수가 있다는 것입니당!

완전 재밌죠!!!ㅋㅋㅋㅋㅋ

이제 저만 따라오시면 만들 수 있어용~

포토샵 GIF 넣기 - potosyab GIF neohgi

포토샵을 켜고

(저는 CS5 버전을 사용하였습니다.)

먼저 바탕이 될 사진을 가져옵니다.

파일 - 열기 (또는 Ctrl + o)

포토샵 GIF 넣기 - potosyab GIF neohgi

사진은 저처럼 TV도 좋고~

컴퓨터도 좋고~ 핸드폰도 좋고~

화면을 넣을 수 있는 것이면 무엇이든 좋아요.

되도록 정면에서 찍은 사진이면

만들기 쉽겠죠!

다만 사진 크기가 크면 나중에 저장할 때

오류가 생기므로 이미지 크기를 조정해줄게요.

이미지 - 이미지 크기 클릭!

포토샵 GIF 넣기 - potosyab GIF neohgi

스타일 비율 조정에 체크가 되어 있다면

폭만 조절해도 높이는

저절로 조절이 될 거에요.

폭은 1200px이 넘지 않도록 해주세요.

다 설정했으면 확인을 클릭!

포토샵 GIF 넣기 - potosyab GIF neohgi

다음은 TV화면을 뚫어주는 과정이에요.

검은 화면을 뚫어서 뒤에 움짤을 넣으면

TV속에서 영상이 나오는 것 같은

효과를 낼 수 있겠죠?

선택도구 위에서 마우스 오른쪽을 클릭하면

저렇게 도구 모음이 나와요.

자동 선택도구를 클릭!

포토샵 GIF 넣기 - potosyab GIF neohgi

마우스 커서가 요술봉 모양으로

바뀌었을 거에요.

요술봉으로 검은 화면을 클릭하면

저렇게 화면만 점선으로 선택이 됩니다.

잘 선택이 되지 않으시면

다각형 도구로 직접 그려서

선택할 수도 있는데요.

그냥 처음부터 구분이 확실한 사진으로

만드시는게 속편합니당ㅋㅋㅋ

포토샵 GIF 넣기 - potosyab GIF neohgi

화면을 쓰고 싶은게 아니고

화면을 제외한 나머지 영역을

쓰고 싶은 것이기 때문에

Ctrl + Shift + i 를 눌러서

선택영역을 반전시켜줍니다.

그러면 검정화면을 제외한

나머지 부분이 점선으로 선택되어요.

포토샵 GIF 넣기 - potosyab GIF neohgi

이 선택영역은 Ctrl + c를 눌러

복사를 해두시고요.

레이어 창에서 새 레이어를 만들어줍니다.

빨간 네모 안에 있는 아이콘을 누르면 돼요.

포토샵 GIF 넣기 - potosyab GIF neohgi

그 다음 새로 만들어진

레이어를 클릭하고 Ctrl + v를 누르면

하얗던 레이어 미리보기에

복사된 사진이 들어간 것을 볼 수 있어요.

포토샵 GIF 넣기 - potosyab GIF neohgi

레이어 창에서 배경이라고 되어 있는

레이어의 눈을 클릭해서 끄면

화면이 뚫린 사진이 보일거에요.

배경 레이어는 저렇게 눈만 꺼두셔도 되고

삭제해도 상관없어요.

포토샵 GIF 넣기 - potosyab GIF neohgi

이제는 화면 속에 들어갈 움짤을 불러옵니다.

파일 - 열기 클릭

포토샵 GIF 넣기 - potosyab GIF neohgi

저는 뮤직뱅크 무대를 움짤로 만들어뒀어요.

움짤 만드는 방법은 그동안 많이 알려드렸는데

모르는 분은 ↓↓ 아래 링크에서 확인해주세요.

꼭 1번 방법으로 만드셔야 합니당!!!

움짤크기는 480정도가 적당해요.

길이는 되도록 3초를 넘지 않도록 해주시고요.

그리고 창 - 애니메이션을 클릭해주세요.

포토샵 GIF 넣기 - potosyab GIF neohgi

애니메이션 창을 열면 프레임이 쫙 뜰거에요.

만약에 프레임이 하나 밖에 뜨지 않는 분들은

애니메이션 창 오른쪽 가장자리에 있는

Ξ 모양 아이콘을 클릭하셔서

레이어에서 프레임 만들기를 누르세요.

저처럼 프레임이 다 떴으면

Ξ아이콘을 눌렀을 때 나오는 메뉴 중에

모든 프레임 선택을 클릭해줍니다.

포토샵 GIF 넣기 - potosyab GIF neohgi

그러면 프레임이 모두 선택이 되고요.

다시 Ξ 아이콘을 클릭해서 이번엔

프레임 복사를 눌러줍니다.

포토샵 GIF 넣기 - potosyab GIF neohgi

이제 아까 만들어두었던

사진 창으로 다시 가서

Ξ아이콘을 누르고 프레임 붙여넣기를 클릭!

포토샵 GIF 넣기 - potosyab GIF neohgi

붙여넣기 방법은

선택 항목 위에 붙여넣기를 눌러주시고

확인을 클릭!

포토샵 GIF 넣기 - potosyab GIF neohgi

그러면 애니메이션 창에 아까 복사해뒀던

움짤 프레임들이 쫙 들어가고

오른쪽 레이어 창에도

레이어가 쫙 생겼을 거에요.

보기 쉽게 하기 위해서

그룹으로 만들어줄게요.

맨 위에 있는 레이어를 클릭하고

Shift를 누른 상태에서

아래로 내려 첫번째 레이어를 클릭합니다.

사진 레이어는 선택하시면 안 돼요.

움짤 레이어들이 한 번에 선택이 됐으면

Ctrl + g를 눌러 그룹으로 만들어주세요.

포토샵 GIF 넣기 - potosyab GIF neohgi

그룹으로 만들었으면 선택도구를 클릭한 뒤

변형 컨트롤 표시체크해주세요.

포토샵 GIF 넣기 - potosyab GIF neohgi

가장자리에 생긴 검정색 네모들을

드래그해서 TV화면에 맞게 조정해주시고

확인을 클릭 (또는 마우스 더블 클릭)

포토샵 GIF 넣기 - potosyab GIF neohgi

움짤이 TV화면에 맞게 들어갔으면

변형 컨트롤 표시는 다시 체크 해제해주세요.

포토샵 GIF 넣기 - potosyab GIF neohgi

이제 사진 레이어를 선택해서

빨간 네모 안에 있는 아이콘을 클릭해줍니다.

레이어 가시성 통합이라는 것인데

따로 놀던 사진과 움짤을

합쳐서 보여주는 역할을 합니다.

가시성 통합을 누르기 전에

애니메이션 창을 보면

프레임 바탕이 모두 투명으로 되어있죠?

포토샵 GIF 넣기 - potosyab GIF neohgi

포토샵 GIF 넣기 - potosyab GIF neohgi

그리고 사진 레이어가

그룹 레이어보다 위에 오도록

레이어 순서를 바꿔줍니다.

드래그해서 옮겨주시면 돼요.

포토샵 GIF 넣기 - potosyab GIF neohgi

여기까지 완료하면 애니메이션 창에서 봤을 때

투명이던 배경이 사진으로

바뀐 것을 알 수 있을 거에요.

움짤도 TV화면 뒤로

자연스럽게 들어갔을 거고요.

재생을 눌러서 움짤이 잘 움직이는지

확인을 해보세요.

포토샵 GIF 넣기 - potosyab GIF neohgi

완성된 움짤은 파일 - 웹 및 장치용으로 저장

눌러서 저장을 해줍니다.

포토샵 GIF 넣기 - potosyab GIF neohgi

파일 형식이 GIF로 되어있는지 확인해주시고

저장을 클릭!

저장을 누르고 나서

비라틴 문자가 어쩌구 하는 창이 뜨면

그냥 확인 누르시면 돼요.

포토샵 GIF 넣기 - potosyab GIF neohgi

포토샵 GIF 넣기 - potosyab GIF neohgi

이건 진짜 TV에서 나오고 있는거 같지 않나요.

ㅋㅋㅋㅋㅋㅋㅋㅋ

주토피아 마지막 장면인데

가젤언니 옆에서 춤추는 호랑이들

시선강탈자임ㅋㅋㅋㅋㅋ

포토샵 GIF 넣기 - potosyab GIF neohgi

핸드폰 속으로 들어간 제 블로그 화면!

아래로 드래그하는 장면을 찍어서

움짤로 만들어 넣어봤어요.

싱기하죠!!!

포토샵 GIF 넣기 - potosyab GIF neohgi

폴라로이드 사진 프레임에

넣어서 시원한 움짤도 만들어보기!

감성적인 것도 만들면 예쁠 것 같아요. ><

시네마 그래프 만들기 만큼 재밌죠!!!

과정을 풀어서 설명하느라

엄청 오래 걸릴 것 같이 느껴지시겠지만

익숙해지면 저렇게 만드는데

5분도 안걸려요ㅋㅋㅋㅋ

막막 아이디어가 떠오르는데

우선은 여기까지ㅋㅋ

더 재밌는 움짤 많이 만들어보세용~ :)

포토샵 GIF 넣기 - potosyab GIF neohgi