• 자유 게시판
  • 유머 게시판
  • 질문/답변 게시판
  • 정보/강좌 게시판
  • 소설 게시판
  • My Games Top 10

정보&강좌 게시판

>> 이미지 꾸며보기 강좌 #1 - 아바타 오려내기

서명 이미지를 만드는 과정을 한번 알아보도록 하겠습니다.
상세한 설명을 위해서 하나하나마다 이미지를 모두 첨부하였습니다.
먼저 아바타를 깔끔하게 오려내고, 배경을 투명하게 만들어 보도록 하겠습니다.

1. 아바타 캡쳐를 위해서 해당 아바타가 보이는 웹페이지로 이동합니다.
2. 키보드의 상단부분의 F12키 바로 오른쪽에 위치한 3개의 키중에서 윈도우
   화면전체를 캡쳐할 수 있는 [Print Screen] 키를 눌러 캡쳐합니다.
   캡쳐시 별다른 반응은 없습니다.
leaf_00.gif

3. 포토샵을 실행하고 New를 누릅니다.
leaf_01.gif

4. 캡쳐를 해놨기 때문에 기본 사이즈가 해상도 사이즈로 나타납니다.
leaf_02.gif

5. 새로운 레이어가 생겼습니다.
leaf_03.gif

6. EDIT -> Paste 를 누르면 "붙여넣기"가 됩니다.
   단축키로 Ctrl + V를 눌러도 됩니다.
leaf_04.gif

7. 위 1,2번에서 캡쳐를 해놓았기 때문에 임시저장되어 있던 캡쳐 이미지가 나타나는 겁니다.
leaf_05.gif

8. 이제 작업을 수월하게 하기 위하여 아바타 부분만 오려내야 합니다.
   아래 그림에 보이는 Marquee Tool을 선택합니다.
leaf_06.gif

9. Maqruee Tool을 사용하여 그림과 같이 적당하게 선택을 합니다.
leaf_07.gif

10. 이제 선택된 영역을 복사합니다. (단축키 : Ctrl + C)
leaf_08.gif

11. 새로운 레이어를 하나 만듭니다.
leaf_09.gif

12. 복사된 이미지가 있으므로 그 영역에 맞는 사이즈가 기본으로 나타납니다.
leaf_10.gif

13. 새로운 레이어가 만들어 졌습니다.
leaf_11.gif

14. 복사되었던 것을 붙여넣기 합니다. (단축키 : Ctrl + V)
leaf_12.gif

15. 새로운 레이어에 오려낸 이미지가 잘 나타났지요.
leaf_13.gif

16. 이제 투명 이미지를 만들어야 합니다.
     현재 배경은 오려낸 상태 그대로 흰색이기 때문에 배경이 될 이미지들에 올려놓으면
     흰색 배경이 사각형 모양으로 다 나타나기 때문에 아바타만 싹뚝! 오려내어야 합니다.
     아래 그림에 보이는 Magic Wand Tool을 선택합니다.
leaf_14.gif

17. Magic Wand Tool을 선택하고 나면 상단에 선택된 툴에 대한 여러가지 간단한
    설정 메뉴들이 보입니다. 테투리를 부드럽게 해주는 Anti - aliased 모드에 체크를
    해제하여야 합니다. 체크를 해제하지 않으면 경계선이 매끄럽게 짤리지 않기 때문입니다.
leaf_15.gif

18. 이제 Magic Wand Tool로 아래 그림에 보이는 위치에 커서를 놓고 클릭합니다.
leaf_16.gif

19. 그러면 아래 그림과 같이 흰색 영역만 깔끔하게 선택됩니다.
leaf_17.gif

20. 필요한건 흰색 영역이 아니라 아바타 이므로 아래 그림에 보이는 메뉴를
     선택하여 반전(Inverse) 을 시켜줍니다.
leaf_18.gif

21. 이제 반전되어 아바타만 선택되었습니다.
     그런데, 자세히 보면 팔과 머리 사이로 흰색이 그대로 남아있는게 보입니다.
leaf_19.gif

22. 아래 그림과 같이 보이는 상태 표시 View 창에서 확대해 봅니다.
leaf_20.gif

23. 확대해서 보면 아래 그림과 같이 선택되지 못한 영역이 보입니다.
     이미 Magic Wand Tool로 선택된 아바타 영역이 있기 때문에 그냥
     Magic Wand Tool로 선택을 해버리면 이전 영역이 해제가 되버립니다.
     [Shift + 선택되지 않은 흰색 영역을 클릭] 하면 아래 그림과 같이 + 표시가
     나오면서 자연스럽게 선택되어 집니다.
leaf_21.gif

24. 자, 이제 깔끔하게 선택이 되었습니다.
leaf_22.gif

25. 잘 선택되어진 이미지를 이제 투명으로 만들어야 하니
    선택된 아바타를 복사합니다. (단축키 : Ctrl + C)
leaf_23.gif

26. 새로운 레이어를 만듭니다.
leaf_24.gif

27. 역시 마찬가지로 복사된 이미지가 있으므로 해당 사이즈가 기본으로 나타납니다.
     하단 부분을 보면 White, Background Color, Transparent 의 선택형 메뉴가 있습니다.
     White는 말 그대로 배경색을 흰색으로 한다는 것이며, Background Color 은
     현재 배경색으로 선택되어 있는 색을 배경색으로 한다는 것입니다.
     마지막으로 지금 아래 그림과 같이 선택되어 있는 [Transparent] 는 투명을 의미합니다.
leaf_25.gif

28. 새로운 레이어가 만들어졌습니다. [투명입니다.]
leaf_26.gif

29. 이제 아바타 이미지를 붙여넣기 합니다. (단축키 : Ctrl + V)
leaf_27.gif

30. 이제 작업이 완료되었습니다.
     아바타만 깔끔하게 오려내는데 성공하였습니다.
     이번 강좌에서는 여기까지만 하고 다음강좌에 이 오려낸 아바타를
     사용하여 좀 더 멋진 이미지를 만들어 보겠습니다.
leaf_28.gif

31. 저장을 해야겠지요?
leaf_29.gif

32. 투명 이미지는 반드시 GIF 포맷으로 저장해야 합니다.
leaf_30.gif

33. 아래 2개의 이미지의 차이점은 배경이 흰색이란 것과 투명이란 것입니다.
     그냥 보기엔 별 차이를 못 느끼겠지만 왼쪽의 투명! 오른쪽이 흰색입니다.
     드래그 해보시면 그 차이를 느낄 수 있습니다.
leaf_31_1.gif leaf_31_2.gif

P.S : 이 간단한 작업을 설명하는데 강좌로 사용한 캡쳐 이미지만 33개군요. 흐아~;;