타이틀 이미지를 만들면서 포토샵이나 일러스트를 잘못다뤄서 단순한 글자와 그림을 이용해서 만들어 놓은것을 보면서 매번 
아쉽다는 생각이 들다가.. 이웃분의 스킨을 도와주다 이웃분이 한RSS버튼은 선물받은거라서 절대 삭제하지 말아달라고 부탁을 했습니다. 그 이미지를 보니 타이틀이미지에도 이렇게 약간 움직이는 효과를 넣으면 괜찮지 않을까 싶어서 만들어 보게 됐습니다.
 


" 타이틀 이미지에도 움직이는 효과를 넣으면 ...??!! "



재료 : 포토샵7.0기준 , 타이틀 이미지,  효과줄 이미지




만든는 방법


1. 타이틀이미지에 효과줄 이미지룰 추가시켜줍니다 레이어를 추가해줍니다.

- 효과줄 이미지를 불러와서 Ctrl + C로 복사해서 Ctrl + v로 붙여넣으면 레이어가 추가딥니다.


2. Ctrl + shift + M을 눌러 이미지레디로 이동합니다.


3. 보기 > 애니메이션창을 활성화시킵니다.




4. 애니메이션창을 늘려줍니다.

- 간단하게 만들어보기 위해서 3칸만 늘렸습니다.




5. 눈모양(레이어)을 끄거나 켜서 나타나거나 사라지는 효과를 줄수 있습니다.




6. 애니메이션 아래부분의 초부분을 수정해주면 시간을 조절할수 있습니다.

- 1, 3번은 원본이미지 그대로고 2번을 0.2초동안 잠깐 사리지게 하는 효과를 넣어줬습니다.
 



 7. Ctrl + shift + alt + s를 이용해서 최적화로 저장을 해줍니다.




8. 주의사항 파일은 확장자는 gif, 파일이름은 영어로 해주셔야합니다.

-파일이름이 한글 일 경우 6.0 에서는 보이지 않았습니다. 꼭 영어로 해주셔야합니다.



9. 완성된모습




10. 응용한곳 보러가기
















후기
- 익스6.0, 8.0 파이어폭스에서 테스트완료



댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 오, 멋진데여, 저두 부탁 드리면 않될까여?
    아직도 전 타이틀을 만들지 못해 그냥 깔금하게 비워두고 쓰는데여.ㅠ.ㅠ
    대구의 이미지를 담은 내용으로 하려는데 고민이...

    2010.04.12 13:58 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 비밀댓글입니다

    2010.04.12 14:00 [ ADDR : EDIT/ DEL : REPLY ]
    • 넵..알겠습니다.
      그리고 제 세컨블로그는 정말 세컨블로그 운영하려고
      만든건아니고 그냥 시험삼아 만든거예요 ^^;

      http://pnara.tistory.com

      나중에 생각하셔서 메일 주시면 허접하지만 만들어드릴꼐요 ^^;

      2010.04.12 14:30 신고 [ ADDR : EDIT/ DEL ]
  4. 오웃. 멋지네요~!!! ^_^;;
    포토샵이라..누군가의 말을 듣고 깔려는 있지만...건드린 적이 없는....ㅎㅎㅎ

    한결 나아보입니다~! @.@ ㅎㅎ
    일주일의 시작 건강하고 행복하게 시작하세요!!! ^^:;

    2010.04.12 14:01 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 지금 좀 정신이 없어서요
      이따가 시간나면 눠한님꺼도 변경해드릴께요
      박스 옆에 ? 가 사라졌다가 나타났다가 어때요?

      오늘 즐거운 하루보내세요 ^^;

      2010.04.12 14:04 신고 [ ADDR : EDIT/ DEL ]
  5. 와우!! ㅎㅎㅎ 아무것도 모르는 저한테는 좋은 정보네요..
    흠.. 저도 저만의 알릴수 있는 그림이나 타이틀을 정하고 싶은데,,, 블로그 머리 써야 하는게 한두가지가 아니군요;;
    드디어 내일 모니터가 와요~~!!! 꺄악~~~~~~~~~~~~~!

    2010.04.12 14:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아..저는 이 깡통모니터 버리고 싶네요 ㅠ 너무 부러워요!!!!
      저도 자신만의 이미지를 생각해배는게 제일 어렵더라구요
      제가 지어드릴께요..

      " 아름다운 빠삐코의 매력속으로 "

      어떠세요 ㅋㅋ 즐거운 한주보내세요 !!

      2010.04.12 14:56 신고 [ ADDR : EDIT/ DEL ]
  6. 단순한 타이틀이 뭐져 지는데요. 오늘 포토샵을 익혀 애니메이션을 만져봐야지. 포토샵을 잘 다루시는 것 같아요.

    2010.04.12 14:52 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아니예요 ㅋ 해보시면 아시겠지만 정말 단순해요
      레이어를 껏다가 켜주는것만으로도 그렇게 보여요 ^^;
      조금만 신경쓰면 정말 멋진 타이틀 이미지도
      만들수 있을것 같더라구요. 오늘 한번시도해보세요
      즐거운 한주시작하세요~! ^^

      2010.04.12 15:07 신고 [ ADDR : EDIT/ DEL ]
  7. 귀한 초대장을 받아 티스토리를 만들어 놓고보니 머시냐 그 안에 블로그가 둘씩이나 다시 만들어지고
    난감합니다. 티스토리를 기존의 즐고그 말고 왜 만들어야 하는지 그확실한 장점을 알았으면 합니다.
    도움 주실랍니까?
    인사차 들렀다가 부탁만 하고 가네요. 이거 참 두루 신세만 지고 사니... 편안한 나날 되세요.

    2010.04.12 15:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 블로그 2개 만들어졌다고 당황하실필요 없으세요
      계정당 5개를 만들수 있어요 ^^;
      티스토리의 장점은...
      1. 네이버나 다음 블로그에 비해서 디자인을 자기가 원하는데로 바꿀수 있어요
      2. 블로그 광고를 ( 구글애드센스 , 링크프라이스) 설치할수 있어요

      참새님도 즐거운 한주 시작하세요 ^^

      2010.04.12 15:25 신고 [ ADDR : EDIT/ DEL ]
  8. 이렇다니까요.. 종전의 <참새>를 쓸 수도 없고...

    2010.04.12 15:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 종전의 참새를 사용할수 없다는말이
      티스토리 대화명말인지 다음뷰인지 모르겠네요
      티스토리측에서 누가 참새를 사용하고 있는것같네요^^;

      2010.04.12 16:49 신고 [ ADDR : EDIT/ DEL ]
  9. 음... 이번에도 좋은 정보 보고 갑니다^^
    블로그 방향 설정이 정확히 끝나서 여유가 되면 저도 손 좀 봐야 할 것같아요.
    매번 티비님께 많은 도움을 받아서 감사합니다^^
    그리고 요즘에 많이 바쁘셨나봐요? 글이 안 동안 안 올라온 것 같아서요.ㅎ

    2010.04.12 19:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 아직 블로그 방향을 잡기가 참힘들더라구요
      유용하게 읽어주셔서 감사합니다. ^^;
      연습삼아 세컨드 블로그를 만들어서 내용을 채운다고
      좀 바쁘네요 ^^;;;

      Z-D님 즐거운 저녁되세요 ^^

      2010.04.12 20:04 신고 [ ADDR : EDIT/ DEL ]
  10. 저는 실력이 부족해서, 만들기보다는 퍼서쓰는게...ㅎㅎㅎ
    잘 보구 갑니다

    2010.04.12 20:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 손재주가 없어서 이미지 같은것은
      무료아이콘이나 이미지사이트서 퍼쓰는데요
      저도 역시 느낀점은 퍼쓰는게 제일 좋은것 같아요 ㅋㅋ

      즐거운 저녁보내세요 ^^

      2010.04.12 20:12 신고 [ ADDR : EDIT/ DEL ]
  11. 비밀댓글입니다

    2010.04.12 21:35 [ ADDR : EDIT/ DEL : REPLY ]
    • 만드는데 몇분 안걸리는데요 ^^;;
      급하게 만든다고 어떤지 제대로 테스트로 못해봤네요
      일단 달아보고 마음에 안들면 사용안하셔도되요 ㅋㅋ

      오늘 하루 마무리 잘하세요!!

      2010.04.12 21:40 신고 [ ADDR : EDIT/ DEL ]
  12. 비밀댓글입니다

    2010.04.12 21:57 [ ADDR : EDIT/ DEL : REPLY ]
    • 왜 같은 크기의 타이틀 이미지를 달아줬는데.. 메뉴바가 밀려버릴까요?
      가로폭이 저랑 달라서 그러시나 -0-;;;

      그런데요 지금 6.0에서 보니.. 타이틀이미지가 안보이네요
      다시 올려주셔야겠어요 ^^;;;

      2010.04.13 07:15 신고 [ ADDR : EDIT/ DEL ]
  13. 저두 이 기능 알고 신기 했었는데, 근데 움직이는 이미지가 많으면 팔이 힘듭니다....ㅜㅜ
    부드럽게 움직이는건 어떻게 하는지 아시나요?

    2010.04.13 10:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 방문해주셔서 감사합니다.
      저도 부드럽게는 생각을 안해봤는데요
      아마 부드럽게 움직이려면 애니매이션처럼 여러장을 넣어줘야 될꺼 같아요
      그런데 움직이는 그림이면 한장면 한장면 다
      그려줘야되서 그리기 실력도 좀 있어야될꺼 같아요
      방문해주셔서 감사합니다. ^^

      2010.04.13 10:10 신고 [ ADDR : EDIT/ DEL ]
  14. 티비님의 정보덕분에 블로그 메인 화면을 움직이게 바꿨습니다.
    여기 오면 항상 많은 도움을 얻는 것 같습니다...^^

    2010.04.13 16:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 우와~~!!!! 정말 자연스럽게 활용잘하셨어요
      도움받다니요 오히려 제가 배운것 같아요!!
      저렇게만 돈이 저축되면 금방 부자될꺼 같은데요 ㅋㅋ

      2010.04.13 16:35 신고 [ ADDR : EDIT/ DEL ]
    • ㅎㅎㅎ..티비님 말대로 그림처럼 계속 돈이 들어오면 좋겠네요...반복되서 돈이 계속 들어 온다는건 생각 못하고 있었네..ㅋㅋㅋ

      2010.04.13 17:21 신고 [ ADDR : EDIT/ DEL ]
  15. @.@ 저를 위해서 따로 이미지까지 또 만들어주시다니. ^^; 감사드립니다. !!!

    2010.04.23 00:15 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 처음엔 깜빡이는게 신기했는데..
      나중에 되니.어색해보이더라구요.
      오히려 조금움직이는게 괜찮아보여서
      바꾸는김에 다 바꿔봤어여 ㅋ

      2010.04.23 05:38 신고 [ ADDR : EDIT/ DEL ]
  16. 비밀댓글입니다

    2010.05.08 17:30 [ ADDR : EDIT/ DEL : REPLY ]
  17. 어...달리기 하는 거였던거 같은데.. 잘못봤나.. 어쨌던 이걸로 응용하면 되겠네요.. 티비님 고마워요..
    오늘 응원 많이했어요.. 전 오늘 장사한다고 발이 퉁퉁 부었네요..혹시나 티비님이 답글달았나 하고 들어왔죠...
    티비님 또 한번 고마워요.. 잘쓸께요.. 티비님 같은 착한 님이 있어 행복하네요..

    2010.06.13 00:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 예전에 다 알았지만 세월이 지나니 전혀 기억이 안나네요 ㅎ
    이미지 레디 딱 하나 기억나고 ㅎㅎ

    안그래도 버튼 하나 만들랬는데 티비님 덕분에 잘 만들었어요.
    티비님 블로그는 보물상자같아요 ㅋㅋ
    오늘 제가 최소 6시간 접속해있었을거에요. ㅋ
    감사합니다~

    2010.07.20 15:29 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 옷,, 사진에 어떻게 움직이는 사진을 넣을지 고민중이였는데
    감사드립니다. ㅎ

    2010.09.29 00:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 푸딩

    유용한 정보네요..
    감사히 잘보고 한번따라 해보려구요...

    2010.10.26 19:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 我々は、ブログの記事のアイデアのすべてを提供することに関連する、最も重要なのは、だけでなく、彼女自身の大学院の研究を準備するときにジェシーを提供して豪華なアイデア

    2012.11.19 20:24 신고 [ ADDR : EDIT/ DEL : REPLY ]