메타모니
접속 : 4904   Lv. 58

Category

Profile

Counter

  • 오늘 : 17 명
  • 전체 : 117829 명
  • Mypi Ver. 0.3.1 β
[개발일지] 도트를 그나마 쉽게 찍는 방법 (2) 2015/07/24 AM 10:01

레벨32님께서 쪽지로 도트 찍는 방법을 궁금해 하셔서 이렇게 올려봅니다~

준비물 : 포토샵
포토샵 내에서 사용하는 툴 : 펜툴, 지우개툴

제가 포토샵으로 도트를 찍게 된 이유는 어차피 UI 도 포토샵으로 하게 될테니 그나마 한 툴에 익숙해지면 어떠할까 해서 포토샵을 선택했습니다.

실제 포토샵에서 사용하는 툴은 펜툴, 지우개툴 그리고 색 외엔 없어요.

사이즈를 변경할때 Nearest Neighbor (hard edges) 옵션을 주는 이유는 픽셀의 뭉게짐을 방지하기 위해서입니다.

막상 설명하려니 전달이 어려워서 스샷을 찍어가면서 했는데도 전달이 잘 될지 모르겠네요;; 일단 도트를 찍는 순서를 아래와 같습니다.

1. 포토샵을 켜고
2. New 로 Width 와 Height 를 64 로 하며 (Pixels 로)
3. 레이어 하나를 추가 후 본인이 사용하지 않을 색을 깔아놓고 (저는 #f62ef1)
4. 단축키 B 를 눌러서 Pencil Tool 선택 후 (지우개 툴의 단축키는 E)
5. Ctrl + '+' 를 이용해서 확대
6. 펜툴과 지우개툴로 그린 후
7. Ctrl + Alt + i 로 Image Size 에서 Resample 을 Nearest Neighbor (hard edges) 를 선택 후
8. Width 와 Height 를 Pixels 로 바꾸고 64 로 작업을 했으니 512 정도로 바꾸고 OK (64가 짝수니까 짝수로 바꿔주셔야 찍은 그대로 사이즈가 변경이 됩니다.)
9. 게임에 이용.

아... 막상 한번 해보면 쉬운데 설명하기 어렵네요 ㄷㄷ
모르는거 있으면 덧글 주세요~

신고

 

레벨32    친구신청

정말 많은 도움이 됐어요! 감사드립니다!

메타모니    친구신청

도움이 되셨다니 다행입니다~ :D
막상 설명하려니 힘들더라구요 ㄷㄷ
아래는 도트 참고하는 사이트 들이에요 ㅎㅎ

https://www.tumblr.com/search/pixelart%20game
http://1041uuu.tumblr.com/
http://www.strayrobotgames.com/
X