자자~! 두번째강좌이군요 ㅎ

 

이번에는 이웃분들이 많이 궁금해하시는 Gif 파일만들때 기본적인 트릭인 움직이는 효과를 주는것입니다 ㅎ

 

이거 하나만 알고있으면 모든게 다 응용이 가능하다죠 ㅎ

 

저또한 간단한 트릭하나가지고 모든걸 응용해냈다죠..; ㅎ

 

그러면 좀 미약하더라도 강좌 시작해보것습니다

 

 

 

1. 자~! 이제 포토샵 을 불러와볼까요?
 

  2. 포토샵을 열고 원하는 그림을 한장 불러옵시다 ㅎ   저는 스즈미야 각하를 모델로 하겠습니다  

 

 

 

  3. 그리고 나서 왼쪽 텍스트 툴을 이용하여 원하는 문구를 한번 써봅시다   (이 강좌에서는 포토샵에 대한 기초적인 지식은 꼭 필요합니다!!)        

  4. 우리는 문구를 입력했기때문에 왼쪽하단 레이어창에 텍스트 레이어가 하나 생긴것을 발견할 수 있습니다          

  5. 음.. 문구를 하나 더 입력해볼까요? ^ㅡ^   (문구를 제외한 사진을 넣으셔도 무방합니다)        

  6. 자~ 이제는 레이어가 그림 1개 ,텍스트 2개로 이루어졌군요 ㅎ   우리는 이걸 가지고 이미지레디로 넘어갈 예정입니다 ㅎ          

  7. 자자~ 이미지 레디로 갑시다 ^ㅡ^//
 
  8. 이미지레디로 왔습니다 ㅎ   좀 복잡하죠..? (저도 처음에는 꽤 헷갈렸습니다)
 
 
  9. 이미지 레디에서 작업할때 우리가 살펴봐야하는건 이 두 창뿐입니다 ㅎ   다른건 안보셔도 될듯하군요 ㅎ   첫번째 창은 프레임들을 하나하나 관리하기도 하고 생성하기도 하는창이고   오른쪽 아래에 있는 창이 포토샵에서 익숙한 레이어 창입니다 ^ㅡ^//          
  10. 이미지레디 레이어창에서 두 문구의 눈모양을 제거하도록 합시다      

  11. 눈모양을 제거했더니 문구가 사라졌군요~? ㅎ   우리는 이 문구가 나타나게 할것입니다  

 

 

  12. 자~! 프레임 창으로 넘어오셔서 Duplicates crrent Frame (새로운 프레임을 생성)   을 클릭하시면 새로운 프레임이 방금 앞의 프레임과 똑같이 복제됩니다        

  13. 프레임 2가 선택된 채로 레이어창으로 넘어와 한 문구의 눈모양을 다시 살려보도록 하죠      

  14. 프레임 창을 유심히 보면 그림 아래에 프레임이 넘어가는데 걸리는 시간을 조정하는곳이 있는데   이곳을 알아서 맞춰주세요      

  15. 그리고 나서 재생버튼을 눌러보도록 하죠     짜잔~  

  이렇게 됩니다 ㅎ   (참고로 저장하시려면 [File]-[Save Optimized As...] 로 저장해주세요)       이제는 한단계 응용해보도록 할까요? ㅎ


  16. 다시 두 문구의 눈모양을 제거해주고 새로운 프레임을 아까와 똑같이 하나 만들어 주도록 합시다      

  17. 이번에도 마찬가지로 새로생성한 두번째 프레임이 선택된채로   레이어창에서 문구 하나의 눈모양을 다시 살려줍시다 ㅎ   또한 위에 보이면 Opacity 가 보이시죠? ㅎ   이건 투명,불투명도를 조절 하는겁니다 ㅎ   퍼센트가 낮아질수록 이미지가 희미해지는것이죠      

  18. 그러면 저는 아주 희미하게 20%를 주도록 하겠습니다   (0%로 하면 눈모양을 제거한것과 마찬가지로 해당 레이어가 완전히 보이질 않게 됩니다)    


  19. 희미해진거 보이시죠?          
 


20. 여기서 프레임을 하나 더 생성하여 세번째 프레임이 선택된채로 Opactiy 값을 50%로 좀더   밝게 하겠습니다 ㅎ   이 방법으로 계속 프레임을 생성하여 70%로 맞춰주고   다시 프레임을 생성하여 최종적으로 100%로 해줍시다      

  21. 프레임이 총 5장이 되었군요~? ㅎ   그리고 5번째의 프레임의 Opactiy값또한 100%가 되었군요      

  22. 이 상태에서 6번째 프레임을 생성한다음 눈모양을 제거해두도록 하겠습니다      

  23. 대신 다른 문구의 눈모양을 나타나게 해줍시다      

  24. 그리고나서 프레임창으로 와서 타이밍을 적절하게 맞춰주면
 

  짜잔~~ 이렇게 되는군요 ㅎ   "스즈미야 하루히" 부분이 희미해지고 다시 "Ume's Blog" 부분이 다시 나타나는 형식이군요       하지만 프레임 하나하나 Opacity 값을 정해주어야 한다는게 짜증나죠???   그래서 간편하게 할수있는 도구가 하나 있습니다        

  25. 프레임이 하나 있죠?? 이 프레임이 선택된 상태로 레이어창에서 원하는 문구의   눈모양을 만들어주시고 Opacity 값을 100%로 해주세요   (우리는 지금 점점 흐려지는걸 만드려고 합니다)    

  26. 그리고 나서 새로운 프레임을 하나 만들어준뒤에   Opacity 값을 0%로 해주세요      

  27. 그리고 나서 프레임창을 보면 위와같이 구슬이 날아가는듯한? 모양의 도구가 있을것입니다   바로 이것이 Opacity값을 자동으로 조정해주는 편리한 도구입니다 ㅎ      

  28. 클릭하면 이런창이 뜹니다   여기서 주목해야할것은 검정색 테두리로 된 부분인데 이것은 아까   100%로 설정했던 프레임과 0%로 설정했던 프레임 사이에 새롭게 생성될 프레임의 개수입니다   저는 그냥 무작정 2개로 설정했습니다        

  29. 확인을 눌러보면   정말로 프레임이 2개에서 2개가 더 추가된 2개로 늘어났군요?!   여기서 프레임들의 Opacity값을 잘 살펴보면   첫번째 프레임부터 100%->67%->33%->0%   이제 아셨겠죠???   100% 와 0% 프레임 사이에 일정한 간격으로 Opacity값이 조정됩니다 ㅎ       이를 응용하면..   점점 사라지다가 또다시 점점 나타나지고   등등.. 여러가지로 응용할수 있습니다 ^ㅡ^//     저도 이거 하나만 알고 별걸 다 만들어 냈다죠.. ㅎ       -강좌 후기-   아.... 이거 하나하나 다 캡쳐하느라 죽는줄 알았네요 -_ -;;   강좌만드는게 이렇게 힘들줄은...   무려 1시간 20분이나 소요..................................       ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━     이 포스트의 저작권은 유메 (http://blog.naver.com/junhyoung464)   에게 있음을 알려드립니다.     또한   위 자료는 불펌(덧글없는 스크랩) , 스크랩시 무단수정 , 네이버 이외의 타 사이트로의 자료이동   시 엄격한 처벌이 들어갑니다    

[출처] [본문스크랩] [강좌] 이미지레디를 이용한 Gif만들기|작성자 음원