포토샵으로 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의 내용을 올려 드리겠습니다.

 

 

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 2015.05.23 19:45 신고 Favicon of http://duga.tistory.com BlogIcon 두가  댓글주소  수정/삭제  댓글쓰기

    어제 보약을 좀 하고 오늘 저녁 부랴부랴 만든것인데다 글자 틀린거와 내용 잘못된거를 전혀 확인하지를 못했습니다.
    오늘 야간산행 계획이 있어 조금 후 나가봐야 하는데 다녀와서 다시 시간되면 보충하거나 수정 해 놓겟습니다.
    혹 잘못 된것이나 궁금하거... 뎃글로 주시면 다녀와서 챙기겠습니다..^^

  2. 2015.05.24 00:26 신고 BlogIcon 하마  댓글주소  수정/삭제  댓글쓰기

    두가님 정말 대단하시고 존경합니다.
    어제의 보약탓에 오타 몇자있지만 이렇듯 상세한
    설명을 곁들여 주시네요..
    저야 설명보다는 직접 이렇게 저렇게 알려주셔야
    쬐꼼따라 할듯합니다만 영~~자신이 없습니다..
    야간산행 안전하게 다녀오시고 보충수업
    하셔야 할것같습니다.ㅋㅋ;)

    • Favicon of http://duga.tistory.com BlogIcon 두가 2015.05.25 13:15 신고  댓글주소  수정/삭제

      금요일 불금에 좀 많이 마시고 토요일 낮에는 이리저리 소풍다니고 저녁에 급하게 숙제하여 올리고 산행지로 떠났는데...
      아뿔사!!!
      야간산행의 필수 중에서도 필수인 해드랜턴을 안 챙겨 갔으니..ㅠ
      낮 산행에서도 비상시를 대비하여 소형랜턴 하나는 꼭 챙겨 가는데 이런 황당한 실수가..
      그래서 앞 뒤에 오르는 이의 불빛을 빌려 오른다고 고생 쫴끔 하였습니다.
      하마님 시간 되시믄 움짤 하나 만들어 보십시오.
      선호가 상당히 신기해 할 것 같습니다..^^

  3. 2015.05.24 17:08 신고 BlogIcon 창파  댓글주소  수정/삭제  댓글쓰기

    사실 예전같으면 먼저 컴 앞에 앉은다음 실행부터
    해본 다음 덧글을 올릴 것 같은데...
    이제는 덧글부터 먼저 올리고 있습니다.
    왜 그럴까요?!..
    해보나마나 한참 골머리를 앓기가 먼저 일테니깐요!
    그런데 이 공부를 전에도 한번 했던 기억이 있습니다.
    난이 눈이 살아 움직이는 공부였고....
    저는 몇번을 해도 조금 부자연스러웠는데....
    어쨌든 아우님이 만들어 보내준 난이 눈 껌뻑이는
    그 모습을 한동안 사용했던 생각이 납니다...
    지금도 어데 제 컴 한구텡이속에 있을 것 같습니다.
    그것도 한번 찾어 보고 싶습니다.
    덧글난에 조인스친구라는 분이 글이 보였는데..
    그때가.....
    그때도 이제는 세월이 흘렀다고 아련한 추억으로
    닥어 옵니다.
    매일 하루에 일과처럼...
    어느때는 실시간 대화도 이루어지고...
    이런 컴에대한 공부도 알아가는 재미에~~~~~
    아 옛날이여 ♪♪♪♪♪!

    • Favicon of http://duga.tistory.com BlogIcon 두가 2015.05.25 13:21 신고  댓글주소  수정/삭제

      형님 오래 전에 별것도 아닌 것 하나 만들어 드렸는데 이전에 애지중지 예뻐하였던 애완견 난이와 닮았다며 그리 좋아하시던 형님의 말씀이 새삼 생각납니다.
      그 시절의 조인스도 그립구요.
      전원생활하시면서 컴으로 하루하루 일과를 꾸며서 컴에 올려 보는것이 제 꿈인데 형님의 일상을 지켜 보면서 느낀것은 그것도 그리 쉬운일이 아니겠구나 하는것입니다.
      대구는 오늘도 무지 덥습니다.
      갑자기 더워지는 날씨에 건강 유의 하십시오..^^

  4. 2015.05.25 05:59 신고 에디  댓글주소  수정/삭제  댓글쓰기

    전에 움짤 맨드는 프로그램 몇개를 받아 이것 저것 해보다 하나 제가 쉽게 할수있는것 깔아 논게 하나 있는데
    이거이 뭐 어디에 써 먹을때도 없고 해서리 잊어 먹었었는데 다시 복습이나 해봐야 겄습니다....
    오늘 자상하게 설명해주신것도 연습해보고.....

    그나저나 두가님 수고 많으십니다.
    아니, 고생 많으십니다.ㅎㅎ

    • Favicon of http://duga.tistory.com BlogIcon 두가 2015.05.25 13:23 신고  댓글주소  수정/삭제

      에디형님 고맙습니다.
      오늘은 포토샵으로 해야하는 숙제라 조금 귀찮은 것인데 담에는 정말 쉽게 만드는 것을 함 소개하여 드리겠습니다.
      부처님 오신날.
      복된 부처님의 가피 가득하시길 바랍니다..^^

  5. 2015.05.26 14:05 신고 쏭이아빠  댓글주소  수정/삭제  댓글쓰기

    지각 출석입니다~~~ ^^
    두가님.. 쭈~~욱 내려 오면서 보았는데..무척 재미있습니다.
    긍데..제 결론은(에디 형님 흉내..^^) 써 먹을 때가 없어서 Pass 합니데이..
    사진도 제대로 못 찍는데..움짤까지.. ^^
    요즘은 제대로 컴 앞에 앉아있을 여유가 없습니다.
    집에 가서 제대로 보고 공부 좀 하겠습니다.

    • Favicon of http://duga.tistory.com BlogIcon 두가 2015.05.26 20:05 신고  댓글주소  수정/삭제

      쏭빠님, 요즘 많이 바쁘시나 봅니다.
      갑자기 더워지는 날씨.쉬어가면서 하시길 바랍니다.
      대구는 오늘 35도라나요.
      위에 올린 GIF 관련글은 전혀 일상에 도움이 되는거는 아니니 신경 쓰시지는 말구요..^^ㅎ
      그리고 바로 위에 댓글 다신 빗방님..
      전 순간 창파형님인줄 알았습니다.
      그냥 평소 쓰시던 닉으로 하시지 갑자기 청파라고 적으시니..

    • 쏭이아빠 2015.05.27 07:24 신고  댓글주소  수정/삭제

      요즘도 아침 6시면 사무실에 도착합니다.
      출근 후 이 메일을 확인하고 견적작업을 하고나면 직원들이 출근합니다.
      그러면 저도 장갑을 끼고 현장일 도와주고나서..
      오후에는 옷을 갈아 입고 거래처 영업을 나갑니다.
      예 전 처럼 앉아서 대리점 관리만 하면.. 현 상태 유지가 하긴 힘든 경기입니다.
      그래도 지구별에 잠시 들려서 늘 재 충전을 할 수 있으니
      지구별 모든 님들께 감사한 마음입니다.

    • Favicon of http://duga.tistory.com BlogIcon 두가 2015.05.27 21:22 신고  댓글주소  수정/삭제

      쏭빠님,
      날 잡아 불시 한양으로 올라가서 밤새 술이라도 같이 함 해야 겠습니다.
      시간되믄 연락 주십시오..^^

  6. 2015.05.29 20:31 신고 다이야  댓글주소  수정/삭제  댓글쓰기

    감상 잘 했습니다 동영상을 퍼가도 되겠습니까
    연습좀 해야 겠습니다
    좋은자료가 많습니다

prev | 1 | ··· | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | ··· | 1887 | next



▣ 전체 여행기와 산행기 한눈에 보기(클릭)
2016. 8월까지




티스토리 툴바