본문 바로가기

유니티5 독학 & 게임 제작/일러스트 독학126

포토샵에서 스프라이트 시트 만들기 안녕하세요? 이번 포스팅에서는 내용이 정말 간결한 것을 다루어 보고자 합니다. 일단 다른 것도 아니고, 바로 게임엔진에서 작업할 수도 있지만, 그래도 디자인을 하는 단계에서도 필요할 수도 있기에, 스프라이트 시트를 포토샵에서 만드는 방법에 대해서 포스팅 해 보고자 합니다. 일단 Adevena라는 곳에 가서 포토샵 스크립트를 다운로드 받아야 합니다. 이 스크립트가 포토샵에는 원래 없던 기능을 추가로 가능하게 만들어 주는 듯 합니다. 그리고 기존에 만들어 놓지 않았는 png파일로 투명한 상태의 스프라이트를 웹 및 장치용으로 저장해 놓도록 합니다. 이 과정은 먼저 대기 부터 시작했습니다. 그렇게 해서 일단 위 스크린샷에서 볼 수 있는 것처럼, 일단 하나 png파일 형태로 내보내는 것이 가능해 지도록 합니다. .. 2021. 4. 14.
캐릭터 애니메이션 만들기 -걷기- 8 안녕하세요? 이제 정면에서 걷는 애니메이션까지 만드는데 성공했는데, 마지막으로 뒤에서 보는 모습을 만들어 봐야 겠다는 생각이 듭니다. 일단 이 작업을 하기 위해서, 할 것은 그렇게 많지는 않았고 생각보다 간단해서 이번 포스팅의 길이도 그렇게 길지는 않습니다. 다만, 이번 포스팅으로 어떻게 기본적인 애니메이션은 만들어 보는데 성공했으며, 당음으로 해야 할 것을 생각해 봐야 겠습니다. 일단 기존에 있던 정면으로 보는 레이어를 복사해서, 사본으로 만든 다음에 이름부터 한번 변형해 보도록 합니다. 이렇게 해서 이제 준비는 되었습니다. 일단 얼굴을 구성하고 있는 눈코입을 다 제거했지만, 무언가 부족한 것이 보이는데, 귀의 처리를 더 해봐야 할 듯 합니다. 이렇게 제거하는 것으로 어떻게 되기는 되었습니다. 이제 이.. 2021. 4. 14.
캐릭터 애니메이션 만들기 -걷기- 7 안녕하세요? 이래저래 어떻게 해서 정면에서 걷는 모습을 그리는데 성공하기는 성공했습니다. 다만 100% 완성은 아니기는 하지만, 아무튼 이걸 가지고서 어떻게 해서 애니메이션으로 만드는 것 까지 일단 하나 올리고자 합니다. 그럼 완성본이 만들어 지는 것을 목표로 해서 포스팅을 올려 보겠습니다. 그리고 나서 다음으로 하나의 완성된 레이어를 만들어 줍니다. 물론 이걸 그냥 변경하지 말고, 일단은 복제한 다음에, 다음으로는 변형을 사용해 보도록 합니다. 이래저래 이전엔느 다른 모습으로 있던 것이 선명해 지기는 졌고, 이제는 하나의 동작을 하고 있는 모습으로 보입니다. 다만 이건 잘 쳐줘도 1프레임 입니다. 그리고 나서 다음으로 진행한 것은 역시나 위 스크린샷에서 볼 수 있는 것처럼, 일단 멀리서 보아도, 그렇게.. 2021. 4. 13.
캐릭터 애니메이션 만들기 -걷기- 6 안녕하세요? 어느덧 측면에서 걷고있는 애니메이션을 만들고 나서, 다음으로 정면에서 걷는 모션을 만들어 보는 작업에 들어갔는데 이번 포스팅에서는 다른 것이 아니라, 일단 일러스트를 그려가는 과정을 담아서 한번 실험노트에 기입하는 형식으로 올려 보고자 합니다. 먼저 앞으로 걸을 때는 1픽셀 낮아지기 때문에 - 다리가 알아서 늘어나는 것이 아니라 골반이 내려가기 때문에 이를 반영해서 1픽셀 제거해 주도록 합니다. 선택메뉴로 남은 부분을 선택한 다음에, 이렇게 1픽셀 가지고 내려 오도록 합니다. 이렇게 내려오게 해서 이제 1픽셀 키가 낮아지게 합니다. 그리고 나서 이렇게 해서 하나의 레이어를 이루었으니, 이것도 역시 이름을 바꾸어 주도록 합니다. 그리고 차후에 사용할 것이라면, 일단 복사해서 사용하도록 합니다... 2021. 4. 13.

티스토리툴바