:+:+: 사랑愛 - Ever after :+:+:

밋첼™'s Blog is powered by Tattertools

※ 아래의 이미지들은 제 둘째아이 사진이므로 스크랩 및 무단 사용을 금합니다

포툐샵을 워낙 잘하는 분들이 많다보니, 포토샵을 잘 모르는 제가 이런 글을 올리는 것도 우습지 싶습니다.

특히! 입질의 추억님 같은 분들께선 패스해주세요^^;;;

저보다도 초보인 분들을 위해.. 사진을 가지고 간단한 애니메이션 파일 혹은 움직이는 GIF 를 만드는 간단한 방법을 소개하고자 합니다.

가장 먼저 준비되어야 할 것으로... 네~ 사진들이 필요합니다^^;; 예를 위하여 아들 사진을 올려봅니다.

대부분의 내용은 캡쳐를 떠서 그 안에 내용을 담았습니다. 



먼저 사진들을 호출합니다. 각각의 사진들이기에 레이어를 추가해가며 그 각각의 레이어에 사진을 담습니다.




Window -> Animation 을 실행합니다.

CS2 버전까지만 해도 좌측 툴바에 Image Ready 버튼이 있었으나 CS3 에는 이곳에서 실행을 합니다.




아래로 Image Ready 와 같은 창이 떴군요^^



원하는 사진으로 이미지 배치를 해야합니다. Animation 창 아래 레이어 버튼을 눌러 레이어를 추가합니다.

(빨간 화살표가 가르키는 부분)



이 때 레이어를 추가 한 뒤엔~ 원하는 사진을 제외하곤 레이어의 눈을 꺼줘야 합니다.

그렇지 않으면 모든 사진이 동일해질 수가 있습니다.



재생시 해당 이미지가 멈춰있을 시간, 즉 보일 시간을 세팅해줍니다.




이렇게 레이어를 추가해가며, 해당 레이어에 보일 사진을 넣고~ 그 사진들이 보일 시간들을 설정해주면 됩니다.

그리고~ 저장을 해야겠죠? ^^  File -> Save for Web & Device... 을 눌러줍니다.





그럼 위와같은 창이 뜨게 되는데요~ 오른쪽 상단의 Save 버튼을 누른 뒤 저장될 경로를 지정하고~

파일명을 입력해주면 끝~ 입니다^^ 그럼 아래와 같은 파일이 만들어지는데.....



사진이 딱딱하게 바뀌고 장르가 다른 마지막 사진이 갑자기 확~ 바뀌니 좀 어지러운가요? ^^

그럴때 사용할 방법이...추가적인 사항으로 ~ Animation 창 을 보면 사슬 모양의 버튼이 있습니다~

레이어를 겹치게 하며 자연스레 창이 바뀌게 하는 툴인데~




Tweens Animation Frame 이라는 버튼을 눌러줍니다.




위와같이 프레임을 몇개를 더할 건지 물어오는데 디폴트 값이 5개 입니다~ 그냥 그대로 OK 해봅니다~

다음 이미지에서도 같은 동작을 해주며~ 마지막 이미지에서도 해줍니다~

그런 후 아래의 플레이 버튼을 눌러서 화면을 미리본 후 저장을 하면 끝~ 입니다.


완성된 이미지 입니다^^



예를 들기 위해 프레임 변화되는 시간을 늘렸습니다. 이 부분을 줄여주시면 사진은 끊김없이 보다 자연스레 바뀐답니다^^


포토샵은 거의 모르는 제가 이런 글을 올렸습니다^^;;; 공자 앞에서 문자쓴다... 는 표현이 이럴 때 딱이겠군요.

에게? 이걸 올렸어? 라고 웃지 말아주시고.. 애썼다! 라고 생각해주세요..ㅎㅎㅎ

(티스토리를 사용하는 분이라면 슬라이드쇼 기능을 통해 간단히 해결되겠군요!)

어제가 초복이었고... 오늘은 날씨도 화창하며 더더욱 더워지네요~

이제 열대야도 계속 될 것이라 하니, 한동안 불쾌지수도 올라가겠습니다. 게다가 주말에만 비소식입니다..^^;;;

더운 날씨 속에서도 건강하고 행복 가득한 하루하루 되시길 소망합니다~^^



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

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. Favicon of http://bloping.tistory.com BlogIcon 새라새  댓글주소  수정/삭제  댓글쓰기

    블로그를 하다보면 정말 포토샾이 도움이 많이 되는것 같아요..
    아직 포토샾을 사용 안하는데 이런방법은 알아두었다 나중에라도 도움이 되겠어요
    잘 배워 갑니다.^^

    2010.07.21 09:30 신고
  3.  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    2010.07.21 10:35
  4. Favicon of http://singojjang.tistory.com BlogIcon 싱고짱  댓글주소  수정/삭제  댓글쓰기

    모델 사진이 좋아서 그런지 내용이 더 쏙쏙 잘 들어오네요~ㅎㅎ
    움직사진도 잘 만드는 아빠~ 센스쟁이세요~~~!

    2010.07.21 13:43 신고
  5. Favicon of http://www.saygj.com/ BlogIcon 빛이 드는 창  댓글주소  수정/삭제  댓글쓰기

    오오...저도 이렇게 해보고 싶었는데..
    좋은 정보 감사해요.

    2010.07.21 15:52 신고
  6. Favicon of http://vdenber.tistory.com BlogIcon 보라곰  댓글주소  수정/삭제  댓글쓰기

    포토샵 너무 어려워요! - 시간과의 싸움!!인듯

    2010.07.21 17:55 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      시간도 시간이지만.. 배우지 않고는 못쓰겠더라구요..ㅎㅎ
      저도 입질의 추억님을 통해서도 배우고, 여기 저기서 조금씩 배우는데, 정작 쓰기는 힘들더군요^^;;;

      2010.07.22 08:41 신고
  7. Favicon of http://nearyou7.tistory.com BlogIcon nearyou7  댓글주소  수정/삭제  댓글쓰기

    밋첼님~~~ 포토스케이프에 대해 쓴글 한번 읽어봐주시라고 하려던 참이었는데~~
    말도 꺼내기전에 미리 와주셔서 봐주시고 댓글까지 남겨주시고 ~~~ 너무너무 고마워요 ~~
    앞으로는 움직이는 사진 만드실때 더 편리하게 이용하시길바래요~!!!

    2010.07.21 18:26 신고
  8. Favicon of http://isblog.joins.com/jk7111 BlogIcon 둔필승총  댓글주소  수정/삭제  댓글쓰기

    크핫, 이게 바로 샤방샤방의 비법이군요.~~

    2010.07.21 21:05 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      ㅎㅎ 정말 샤방샤방하게 만드는 분들은 블러와 샤프니스 등 여러가지를 써서 만드시던데...
      전 어려워서 따라가기도 힘들더라구요..ㅋ
      벌써 목요일입니다~ 행복한 하루 되세요^^

      2010.07.22 08:43 신고
  9. Favicon of http://coolmoo.net BlogIcon 나비오  댓글주소  수정/삭제  댓글쓰기

    시우가 아빠를 전문가로 만드는군요
    저번에 사진 너무 이뻤는데 오늘 움직이는 사진을 보니 마음이 더 따뜻해 지네요
    많이 많이 사랑하시고 항상 건강과 행복이 넘치세요

    2010.07.21 22:39 신고
  10. Favicon of http://withvelo.tistory.com/ BlogIcon 묵쓰  댓글주소  수정/삭제  댓글쓰기

    포토샵좀 배워야지 했는데,
    아이의 미소가 나오는 순간,,,
    이전의 기억은 온데간데 없네요~ㅎㅎ
    너무 귀엽고 사랑스러워요~~

    2010.07.22 09:58 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      귀엽고 사랑스럽다고 해주시니.. 팔푼이 아빠는 그저 좋습니다..ㅎㅎ

      저도 포토샵 공부 좀 해야 하는데, 봐야지 봐야지 하면서도 정작 할 일이 적더군요

      2010.07.22 10:37 신고
  11. Favicon of http://usfusionhome.tistory.com BlogIcon 베니  댓글주소  수정/삭제  댓글쓰기

    넘 완전 넘어 갔어요. 넘 귀여워서..
    울 손녀딸도 조렇게 해서 올려 봐야지...

    2010.07.22 11:19 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      ^^ 귀엽게 봐주셔서 감사합니다..ㅎㅎ
      포토샵으로 만드는 방법도 올렸는데.. 이것보다 포토스케이프 를 이용한 방법이 더 간단해보이는군요^^

      2010.07.22 13:00 신고
  12. Favicon of http://besharp.tistory.com BlogIcon besharp  댓글주소  수정/삭제  댓글쓰기

    움짤이군요 ㅎ 저도 이거 써본적있는데 하다보면 재밌더라구요 @_@)
    저는 예전에 배운거 다 까먹었어요 ㅡ,.ㅡ.

    2010.07.22 12:56 신고
  13.  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    2010.07.23 10:35
  14. Favicon of http://blog.hisastro.com BlogIcon 그별  댓글주소  수정/삭제  댓글쓰기

    시우가 너무 잘생겼군요... ^^*
    딸만 둘을 키우다 보니 아들이 가끔 부럽기도 합니다. ^^

    아니... 근데, 이런 포스팅을 하려면 시간이 상당히 많이 걸리는데... ^^;
    대단하세요. 밋첼™님.. ^^b

    이런 건 써먹질 않으면 잊어버리기 쉽상인데...
    필요할 때마다 밋첼™님의 포스트 기억하고 와서 따라해야겠습니다.
    고맙습니다. (_ _)

    2010.07.24 01:00 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      좋게 봐주시니 감사할 따름입니다^^;;
      전 둘째도 딸이었으면.. 하고 바랬었는데.. 그게 맘처럼 안되더군요..;;;;

      포토샵과 이런 것들.. 저도 할 때만 기억하고, 시간이 지나면 모두 잊어버리는지라..
      잊어버리지 않기 위해 남겨놓는 포스팅이랍니다..ㅎㅎㅎ;;

      아주 기초적인 거니, 부끄러울 따름인데 좋게 말씀해주셨네요^^
      감사합니다~ (___)

      2010.07.22 17:44 신고
  15. Favicon of http://hthttp://vibary.tistory.com/ BlogIcon 비바리  댓글주소  수정/삭제  댓글쓰기

    후하`~~~
    어려운 포스팅~~`
    그나저나.시우..많이 컸네요.

    딸하나.아들하나..
    만점아빠세요^^*

    저도.cs3 깔고 싶은디..우앙...
    도움..좀..주세요..

    2010.07.25 21:43 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      전 딸딸이 아빠가 되고싶었는데.. 그것도 맘대로 안되네요..
      포스팅은 저언혀 어려운거 아니었구요~ㅋ

      CS3 도움드릴께요~ 방명록으로 찾아뵙겠습니다^^

      2010.07.26 09:03 신고
  16. 망고  댓글주소  수정/삭제  댓글쓰기

    댕큐땡큐~ 사실 저장하는게 안됐는데 우연히 보다가 알게됐어요 고마워요

    2010.09.03 10:52 신고
  17. Favicon of http://blog.wincomi.com BlogIcon 윈컴이  댓글주소  수정/삭제  댓글쓰기

    하하 감사합니다 ;)

    2010.09.11 20:41 신고
  18. 패황  댓글주소  수정/삭제  댓글쓰기

    오! 잘하신다
    전 그 길드대문이 깜빡하는거 배우고싶슴다 ㅎㅎ
    너무잘하시는데여? 그리구 그 아이너무 귀여워요 ㅎ
    하긴....저도 옛날엔.....하..부럽다 그 아이가 ㅋㅋㅋ

    2011.11.06 17:01 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      잘하는 분들이 워낙 많으셔서 이 내용은 그냥 빙그레 웃으며 봐주시면 되는 글이랍니다..ㅋ
      부족한 글에 칭찬 남겨주셔서 감사합니다~ 행복 가득한 한 주 되세요...

      2011.11.07 07:52 신고
  19. 리카  댓글주소  수정/삭제  댓글쓰기

    gif 사진을 가져와서 애니메이션 작과 같이 수정하는법은 없나요 ㅠㅠ

    2011.11.15 11:51 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      애니메이션작.. 이라는게 어떤걸 말씀하시는 건지요? ^^;;;;
      말씀하신 대로 애니메이션으로 보이도록 자연스레 흘러가는 것 말씀이신가요?
      그렇다면 다른 방법을 이용하시는게 나을 듯 합니다~

      http://sarange.net/291 에 사진으로 만든 영상이 있습니다.
      sony vegas 와 다른 툴 하나를 더 이용했었는데 그 방법이 나으실 듯 하네요~

      2011.11.15 12:19 신고
  20. BlogIcon 드릴테크  댓글주소  수정/삭제  댓글쓰기

    그림을 만들엇는데요 사이즈좀 줄이고 싶은데 어떻게 해야될까요? ㅜㅜ

    2012.03.09 14:55 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      Marquee 툴을 이용하여 범위를 설정합니다. 잘 모르신다면 Rectangular Marquee Tool 선택을 하신 후 Ctrl + A 누르세요~
      전체 범위가 선택이 되셨다면? 상단의 Image -> Image Size 들어가셔서 원하는 사이즈로 조절하시면 됩니다.
      사이즈 조절은 꼭 포토샵이 아니더라도~ 대부분의 툴에서 가능합니다~
      방법 역시? 비슷합니다^^

      2012.03.09 15:22 신고
  21. Favicon of http://basteln.tistory.com/ BlogIcon 스더맘  댓글주소  수정/삭제  댓글쓰기

    포토샵 익히시는분께 참 많은 도움이 되게 도가다를 수행하셨네요.
    정말 수고 많으셨어요.

    2012.10.29 20:42 신고
    • Favicon of http://sarange.net BlogIcon 밋첼™  댓글주소  수정/삭제

      제가 궁금해서 하나하나 해보던 것을이었습니다^^;;
      잊어버리기 전에 담아두자는 생각으로 썼던 글이었는데~
      가끔씩 도움이 되는 분들도 있으신가봐요....ㅎㅎㅎ

      2012.10.30 08:12 신고
BLOG main image
:+:+: 사랑愛 - Ever after :+:+:
제 사진은 예술이 아닌 추억의 부분입니다. 방법도 이론도 없으며, 즐겁게 담고 기록으로 남길뿐입니다 <Facebook> Mitchell Jung
by 밋첼™

카테고리

분류 전체보기 (541)
사랑愛 (177)
사진愛_Photo (99)
가족愛 (0)
개발자愛 (63)
음악愛 (15)
그외愛 (179)
리뷰愛 (8)

달력

«   2017/09   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
textcubeDesignMyselfget rss