16
이가 없으면 잇몸으로! 파워 포인트로 그래픽 리소스 만들기 터틀 크림 박선용

[NDC14] 파워포인트로 그래픽 리소스 만들기

Embed Size (px)

DESCRIPTION

NDC14의 코인박스 세션에서 발표한 '파워 포인트로 스프라이트 만들기' 튜토리얼 슬라이드 입니다.

Citation preview

Page 1: [NDC14] 파워포인트로 그래픽 리소스 만들기

이가 없으면 잇몸으로! 파워 포인트로 그래픽 리소스 만들기 터틀 크림 박선용

Page 2: [NDC14] 파워포인트로 그래픽 리소스 만들기
Page 3: [NDC14] 파워포인트로 그래픽 리소스 만들기

나는 게임 개발자다 우리 팀엔 아티스트가 없다 누구한테 외주 줄 돈도 없다 내가 아티스트 역할을 해야 하는데 난 그림을 그려본 적이 없다

Page 4: [NDC14] 파워포인트로 그래픽 리소스 만들기

파워포인트를 이용해서 저렴하고, 쉽고, 빠르게 꽤 괜찮아보이는 그래픽 리소스 만들기

Page 5: [NDC14] 파워포인트로 그래픽 리소스 만들기

그럼 지금 이자리에서 파워포인트를 이용해 캐릭터를 만들어보겠습니다

Page 6: [NDC14] 파워포인트로 그래픽 리소스 만들기

이제 이녀석을 가지고 애니메이션을 만들어보겠습니다

Page 7: [NDC14] 파워포인트로 그래픽 리소스 만들기

http://www.gdcvault.com/play/1014676/Living-Crowds-AI-Animation-in

이런 스프라이트 이미지 위에 오브젝트를 그리면 더 효과적이겠죠.

Page 8: [NDC14] 파워포인트로 그래픽 리소스 만들기

만든 이미지를 모두 그룹화 한 뒤 ‘그림으로 저장’ 하시면 투명 배경을 가진 png 파일을 얻을 수 있습니다. 이미지의 한 부분 (예: 팔/다리)를 따로 그림으로 저장한 뒤 Plane에 띄운 뒤 관절 애니메이션을 만들 수도 있습니다.

Page 9: [NDC14] 파워포인트로 그래픽 리소스 만들기

이렇게 텍스트를 만들 수도 있고요.

Page 10: [NDC14] 파워포인트로 그래픽 리소스 만들기

이런 애니메이션도 만들 수 있습니다.

Page 11: [NDC14] 파워포인트로 그래픽 리소스 만들기

영화 ‘6현의 사무라이’ 중

기존 이미지를 참고하면 좋은 퀄리티의 이미지도 만들 수 있죠.

Page 12: [NDC14] 파워포인트로 그래픽 리소스 만들기

파워포인트를 잘 활용하면 이런 애니메이션도 만들 수 있습니다.

Page 13: [NDC14] 파워포인트로 그래픽 리소스 만들기

세가지 팁:

애니메이션에 맞게 관절을 미리 만드세요 사이즈 조정할 때는 그룹화 후 움직이세요 트레이싱 하지 마시고, 참고만 하세요

Page 14: [NDC14] 파워포인트로 그래픽 리소스 만들기

1cm = 60px 2cm = 119px 3cm = 178px

파워포인트의 단위는 cm 입니다. 이미지를 만드실 때 참고하세요.

Page 15: [NDC14] 파워포인트로 그래픽 리소스 만들기

파워 포인트를 이용하면

- 벡터 이미지를 쉽게 만들 수 있다 - 라이트 없이 입체적인 효과가 가능하다 - 싸게 만들 수 있다 (정품 사용을 가정할 때)

Page 16: [NDC14] 파워포인트로 그래픽 리소스 만들기

thank you!