본문 바로가기

유익 자료 약간 재미

포토샵으로 움짤 만들기, GIF 움직이는 사진 만들기

반응형

포토샵으로 GIF파일을 만드는 방법을 설명 드립니다.

 

먼저 GIF파일이 뭔지 간략하게 말씀을 드리면...(가장 간단하게~ 전문적인 내용 빼고_)

디지털카메라로 사진을 찍어 컴으로 저장을 하면 사진에 JPG라는 글자가 붙어 저장이 되는데 이렇게 사진에 붙는 이미지의 저장 형식의 한 방법이 GIF입니다.

 

(예) JPG파일의 보기 -  대개 디지털 사진을 찍어 컴에 저장을 하면 아래와 같은 확장자(JPG)로 저장이 됩니다.

 

 

이것 말고...오늘 만들 GIF 파일의 이미지 보기

요런거...

 

아니면..

 

 얘들이 모두 GIF 파일 형식입니다.

 

 

일단 숨 좀 고르는 의미에서 재미있는 거 몇 개 더...

 

 

요런 햄스터도 일당도...

 

 

 

 우리집 뭉치와 길동이도..

 

 

 

암튼... 이런 재미있는거는 다음에 많이 소개하여 드리고 이런 형식의 이미지들이 모두 확장자가 GIF로 되어 있다는거...

 

 

...............................................................

 

이제 본론으로...

 

 

 

일단 앞 뒤 설명 생략하고...

GIF로 저장을 하는 방식은 특정 색을 투명으로 처리해 다른 색의 배경 위에 겹쳐 표시할 수 있다는 점, 그리고 1개의 파일에 여러 개의 이미지를 저장할 수 있다는 점, 복수 이미지 저장 기능을 이용해 간단한 애니메이션 효과(움직이는 사진)를 구현할 수 있다는 점.. 등등..이 장점입니다.

일명 웹에서 많이 사용하는 단어인 움짤(움직이는 짤림방지)을 만들어 저장하고자 할때 GIF파일을 사용합니다.

 

............................................................

 

 

오늘 제가 설명하는 건 이 중에서 움직이는 사진, 일명 움짤을 만드는 방법인데요.

이걸 포토샵으로 만드는 방법입니다.

 

뭘 설명 할때 가장 학씰히 귀에 들어 오는건 꼭 같이 따라하는 방법입니다.

아래 방법대로 천천히 따라하여 보시면 누구나 쉽사리 움직이는 사진, 음짤을 만드실 수 있을 것입니다.

 

※ 움짤을 만들려면 일단 소스가 필요 합니다.

아래 예로 든 사진을 가지고 같이 만들어 보시길 바랍니다.

 

예로 든 사진이 아주 허접한데 ..ㅎㅎ

어제 불금에 부어라 마셔라 하고 오늘 아침 늦잠으로 일어나니 얼큰한 해장국이 그립지만 감히 곤히 주무시는 마나님을 깨울 용기는 없꼬.. 제 좋아하는 속풀이 라면을 끓여 찍은 것입니다. 아침부터 라면을...

일단 정말 허접한 소스 입니다...ㅋㅋ

일단 6장의 사진을 사용하여 만들어 보겠습니다.

 

 

사용된 이미지 보기(아래 이미지의 확장자는 모두 JPG입니다. 이걸 움짤로 만들면 확장자가 GIF가 되는 것입니다.)

 

모두 6장의 사진이 똑 같아 보이지만 시간차를 두고 찍은 것이라 각각 뽀글뽀글이 조금씩 차이가 납니다.

 

※움짤을 만들때는 카메라를 고정시켜놓고 사진을 여러장 찍는 것이 중요한데 일단 이건 각자 재주껏 찍어야 됩니다.

방법을 대략 말씀 드리자면 삼각대를 사용하여 리모컨 스위치를 이용하는 것이 가장 확실하고 리머컨 스위치가 없다면 삼각대를 이용하면서 타이머를 2초 정도 설정하여 찍으면 됩니다.

하여튼 일단 움직이는 장면을 찍은(카메라는 절대 움직이지 않고)촬영한 사진이 여러 장 있어야 됩니다.

 

 

일단 속풀이 해장라면(계란한개 풀고..)을 찍은 사진을 6장 준비 해 봤습니다.

 

 

 

 

 

 

 

그 다음 이걸 이제 포토샵으로 옮겨 움짤을 만들어야 겠죠.

포토샵을 열고 사진을 불러 들입니다.

 

위 사진 6장을 본인의 컴에 먼저 자장을 한 다음 여기서부터는 꼭 같이 따라 하시면 됩니다.

최대한 천천히 상세하게 설명을 드리겠습니다.(잘 모르시면 다 보신 다음 맨 아래 동영상을 참고 하세요.)

 

 

이 정도는 누구나 할 수 있는 것..

FILE - OPEN하여 사진을 불러 들입니다.

 

 

 

 

요렇게 6장의 사진을 불러 들였습니다.

 

 

 

그 다음 맨 앞의 사진 한장을 옆으로 약간 재껴 놓으세요,

 

아직까지는 쉽죠잉..^^

 

 

자 이제부터는 정신 차리고 잘 따라하여 보세여..

 

 

왼편 도구상자 중에 맨 위에 있는 무브툴을 마우스로 잡습니다.

 

 

왼편 위의 있는 사진 한 장을 무브툴로 잡아서 오른편에 있는 별도의 사진 한 장에 옮겨 넣습니다.

그냥 사진을 마우스로 잡아 오른편으로 내리면 사진이 복사가 되어 딸려 내려 옵니다.

 

※주의 할 점은 옮겨 온 사진의 네 귀퉁이가 기존 있던 사진과 일치하게 잘 겹쳐져야 합니다. 이것 일치하지 않으믄 나중에 엉망이 됩니다.

 

 

사진을 한 장 옮겨 놓고 우측에 보면 레이어가 하나 추가 되어 있는 것을 확인 할 수 있을 것입니다.

 

 

그 다음, 일단 사진 한장을 복사하여 무브툴로 옮겨 왔으니 이 사진(왼쪽 위의 맨 앞 사진)은 사용이 된 것이니 지우든지 다른 곳으로 옮겨 놓으시길 바랍니다.

저는 아래와 같이 왼쪽 밑으로 치워 놓았습니다.

 

 

 

 

이제 한 장을 옮겼으니 다음 사진을 옮겨야 합니다.

방법은 첫번째와 동일 합니다.

 

일단 옮기는 방법은 위에 설명을 한번 하였기 때문에 재차 설명 생략 합니다.

옮기고 나면 우측에 레이어가 다시 하나 추가되어 있습니다.

 

 

 

 

이런 방법으로 하나 옮기고..  다시 옮긴 사진 어디로 치우고..  다시 하나 옮기고...

이런 식으로 나머지 사진을 한 장에 모두 옮겨 넣습니다.

재차 반복 주의 사항은 옮긴 사진과 기존 있던 사진의 네 귀퉁이가 일치하여야 합니다.

 

 

 

사진을 다 옮기고 나니까 레이어가 총 6개가 되었습니다.

사진이 모두 6장이니까 당연한 ...

 

여기서부터 다시 집중...

 

 

포토샵 창 안에 애니매이션 창을 띄우는 건 해 두셨져? (위 빨강색 창)

애니매이션 창이 없다면 상단 메뉴에서 원도우 창을 열어 애미매이션 창을 띄우면 됩니다.

 

이제부터 아주 간단 합니다.

 

우측의 레이어를 맨 하단의 하나만 놔 두고 모두 껍니다.

 

 

 

그 다음 애미매이션 창에서 프레임을 하나 추가 합니다.

 

 

 

2번째 프레임에서 우측 레이어 창의 밑에서 위로 두번째 레이어의 눈을 켜고 맨 밑의 레이어 눈은 꺼 버립니다.

위의 내용과 아래의 내용이 일치해야 합니다.(아주 쉬운건데 글로 설명 하려니....)

 

 

 

 

 

다시 애니매이션 창에서 프레임을 하나 더 추가 합니다.

 

그리고 우측의 밑에서 두번째 레이어 눈을 켜고 다른 눈은 꺼 버립니다.

 

 

 

같은 내용으로 두번의 설명을 했는데 .. 이와 같은 방법으로 프레임을 하나씩 추가하고 추가한 프레임에다가 우측 레이어 눈을 위로 올라가면서 하나씩 켜고 나머지는 꺼면 됩니다.

 

그럼 다음과 같이..

 

 

6개의 프레임이 나타나 있고..

 

 

레이어도 6개가 모두 한번씩만 켜여 지겠죠.

 

 

이제 완성이 바로 코 앞 입니다.

 

애니메이션 창의 PLAY 버턴을 클릭해 보세요.

 

 

 

왓따매...

라면이 너무 급하게 끓고 있네요.

조금 천천히 끓여야 겠습니다.

 

 

 

마우스로 전체 프레임을 블록(파랗게 잡아서)시켜서 그 중 하나의 프레임에 있는 ▼ 표시를 클릭하면 프레임간의 시간 조정이 나타납니다.

이걸 적당하게 맞춰 조정을 합니다.

 

일단 저는 이리저리 해 보니 딱히 정해진 것이 없어 Other을 클릭한 다음 0.17초로 맞춰 라면을 끓였습니다.

그 결과...

 

 

 

이제 라면이 적당하게 잘 끓고 있네요.

 

자 이제 끝났구요. 저장만 하면 됩니다.

 

 

 

File 클릭하여 위 줄을 클릭하면 저장 창이 따로 나타 납니다.

 

 

내용 옵션은 아래와 같이 설정하고 저장을 하면 끝입니다.

 

 

 

 

이제 끝...

 

불금 열술(폭탄)하고 해장라면을 끓인 것으로 GIF 움짤을 만들어 봤는데 ...

아해가 잘 안되는 부분은 아래 동영상을 참고 바랍니다.

위 내용 그대로 일부러 천천히 해 본 것이니 누구나 보시면 쉽게 이해가 되시리라 생각이 됩니다.

 

 

 

<완성>

 

 

 

 

 

아래 동영상은 위 설명을 그대로 천천히 한 것입니다.

위 설명이 부족하다면 아래 동영상을 참고 하셔서 천천히 따라 하여 보시길 바랍니다.

 

말로 설명을 드리면서 할까 하다가 제 목소리가 그리 매력적이지 못하여 음성 설명은 생략..ㅎ

 

 

 

 

다음에는 포토샵보다 GIF 파일을 만들기가 휠씬 더 쉬운 GIFCAM의 내용을 올려 드리겠습니다.

 

 

반응형