본문 바로가기

애니메이션35

부스터 UI와 애니메이션 추가 안녕하세요? 이래저래 작업을 이어나가고 있는 와중에 어떻게 작업이 제대로 이루어 지고 있다는 것을 알려드리기 위해서, 일단 중간 보고를 겸해서 작업 결과물을 일부 올려 보고자 합니다. 생각외로 그냥 가만히 있는 UI를 그리는 작업과는 다르게, 애니메이션을 그리는 것은 한 프레임 하나하나 그려야 해서 많이 힘들었습니다. 일단 중간에 기준선을 그려야 겠는데, 하나하나 점을 찍어서 하는 것이 너무 시간이 걸려서, 이런 경우를 위해서 안내선을 새로 만들어 보고자 했습니다. 이렇게 하는 것으로 정말 손쉽게 어떻게 해서 선을 그리는 것은 매우매우 쉬웠습니다. 아무튼 이를 가지고서 일단 기준선을 그어놓은 다음에 픽셀을 그려 주면 됩니다. 일단 1차적으로 부스터 게이지를 어떻게 만들어 주기는 주었는데, 문제는 너무 게.. 2021. 5. 11.
색상과 이펙트(effect)의 처리 -3- 안녕하세요? 지난번 포스팅에서 어떻게 불꽃이 일렁이는 이펙트를 만들다가 중간에 끊었는데, 그 내용을 이번 포스팅에서 이어서 가 보고자 합니다. 일단 이 내용을 어떻게 하기 위해서, 남은 내용도 실습을 해 보기는 보았고, 기록이자 한번 포스팅으로 남기기 위해서 올려 보았습니다. 이제 마지막 프레임을 만들기 위해서 마지막 레이어를 만들어 주도록 합니다. 여기서도 역시나 같은 내용의 작업 내용이 기다리고 있기는 있습니다. 그리고 나서 다음으로 볼 수 있는 것으로, 일단 마지막 프레임의 불꽃 움직임과 불똥을 표현하기는 했습니다. 다만, 이게 제대로 그려진게 맞는지는 저도 잘 모릅니다. 그리고 나서 다음으로 진행을 하고자 하는 것은 바로 팔레트에 3가지 색상을 써서 어떻게 불꽃을 표현하고자 하는 것 입니다. 다만.. 2021. 4. 17.
색상과 이펙트(effect)의 처리 -1- 안녕하세요? 이번 포스팅부터 일련의 시리즈에서는 이전에 흑백이 아니라, 이번에는 색상을 사용해서 이펙트를 만들때는 어떻게 만들어 갈지에 대해서 실습을 하였고, 그 내용에 대해서 한번 포스팅을 하면서 실습한 내용을 올려 보고자 합니다. 역시 해보고 나니, 색상이 있는 편이 더 편하다는 생각이 듭니다. 일단 새로운 작업을 시작하는 것이면, 역시나 제일 먼저 시작되는 것으로는 역시 새로운 프로젝트를 생성해 주어야 하는 것을 잊으면 안되기는 안됩니다. 다음으로 해야 할 것으로는 역시나 위 스크린샷에서 볼 수 있는 것처럼, 일단 색상을 지정해야 하기는 하는데, 우선 위 생상에서 밝은 쪽인 왼편으로 갈수록 확장되는 것이고, 오른쪽으로 가면 수축이 되다가 사라지는 것을 연출하기 적절한 색이라고 할 수 있습니다. 그리.. 2021. 4. 16.
이펙트(effect)를 만드는 실습 -5- 안녕하세요? 어떻게 이펙트에 다양한 입체감을 준다고해서 좋았기는 좋았는데, 문제는 이게 지난번 포스팅에서는 다 완성이 되지 않았습니다. 그래서 이번 포스팅에서 마져 마무리를 하고 나서, 이 관련된 내용들을 가지고서 한번 gif파일까지 올려 보도록 해 보고자 합니다. 먼저 3번째 레이어 이자 프레임에 입체감을 주기 이전에 일단 연필의 크기를 4픽셀로 키워서 어떻게 광택을 줄 수 있는 작업에 들어가 보도록 합니다. 이렇게 기존의 하얀색 바탕에다가 위 스크린샷에서 보이는 것처럼, 일단은 검은색 톤을 처리해 주도록 합니다. 이렇게 해서, 일단 흰 바탕에 검고 진한 것이 있는 것처럼 나왔습니다. 그리고 나서 이번에는 연필심의 사이즈를 줄여서 한번 작업에 들어가 보도록 합니다. 이렇게 하는 것으로 일단 처음의 작업.. 2021. 4. 16.

티스토리툴바