본문 바로가기

도트아트81

UI 디자인의 실습 -2- 안녕하세요? 지난번 포스팅에서 UI버튼하나를 만드는 과정을 실습하다가 일단 중단을 했는데, 이번 포스팅을 마지막으로 해서 일단 일러스트 - 주로 픽셀아트 독학은 대충 마무리를 짓고, 이제 본격적으로 오래전부터 생각해본 프로젝트인 게임의 제작을 들어가 봐야 겠다는 생각이 듭니다. 아무튼 간에 일단 위 스크린샷에서 볼 수 있는 선택이라는 메뉴에서 수정이라는 항목이 있는데, 이 항목을 가지고서 확대를 클릭합니다. 이게 편집항목에 있는 변형에서 자유변형으로 키우는 것과 어떤 차이가 있는지는 모르겠습니다. 다만, 이렇게 하는 것으로 인해서 일단 3픽셀씩 키우도록 했습니다. 이렇게 해서 선택선이 커진것을 확인할 수 있었습니다. 차이가 있다면 일단 있는 것이 바로 이렇게 키워지는 대상이 다르다는 생각이 듭니다. 이제.. 2021. 4. 25.
UI 디자인의 실습 -1- 안녕하세요? 드디어 중요하다면 중요한 것이라고 할 수 있는 UI를 디자인 하기 위한 실습에 들어가 봐야 활 단계라는 생각이 듭니다. 아무튼 이런 작업을 하기 위해서는 일단 어떻게 다른 사람이 하였는지 한번 봐야할 필요가 있고, 그래서 실습을 하고, 이렇게 블로그로 작업 내용을 남겨 놓고자 합니다. 역시 이런 작업을 하기 위해서는 일단 32 X 32 필셀로 일단 위 스크린샷에서 볼 수 있는 것처럼, 일단 새로운 캔버스를 하나 만들어 주도록 합니다. 이렇게 하나 만들어 주고 나서는................... 그리고 나서 새로운 빈 레이어를 만들어 주고 나서, 여기다가 다시 24 X 24 픽셀 사각형을 만들어야 하니까, scaffold라는 레이어도 같이 만들어 주도록 합니다. 일단 하얀색으로 하나 만들.. 2021. 4. 25.
타이틀 문구 실습 -3- 안녕하세요? 이번 포스팅은 다른 것이 아니라 바로 타이틀 문구를 실습해본 내용을 마지막으로 올려 보는 정리하는 포스팅을 한번 해 보고자 합니다. 일단 하다보니 3개의 포스팅으로 나누어지게 되었는데, 이것으로 마지막 포스팅이 되었습니다. 아무튼 실습한 내용을 기록을 하면서 동시에 포스팅으로 올려보고자 합니다. 먼저 모든 문자열을 하나의 레이어로 병합하는데 성공했다면, 이제 편집 메뉴에 있는 획 메뉴를 눌러 보도록 합니다. 이렇게 해서 테두리를 만들어 보고자 합니다. 일단 안쪽이아니라 바깥쪽을 선택해서 이번에는 검은색의 테두리를 만들어 주도록 위 스크린샷처럼 설정을 짜 주도록 합니다. 이렇게 해서 겉면에 어떤 타이틀 문자에 글씨를 만들어 주는데 성공하기는 했습니다. 이제 다음으로 해야 할 것을 지정해 봐야 .. 2021. 4. 24.
타이틀 문구 실습 -2- 안녕하세요? 지난번 포스팅에서 타이틀 문구를 만들다가 말았는데, 일단 내용이 생각외로 길어서 몇개의 포스팅이 더 나올 듯 합니다. 아무튼 간에 일단은 계속해서 이어가서 하나하나 완성해 보도록 해야 합니다. 일단 작업을 상대적으로 쉽게 - 글자의 색상만 바꾸기 위해서, 일단은 위 스크린샷에서 먼저 투명 잠금을 하도록 합니다. 이렇게 하는 것으로 이제 다음으로 할 것은......... 일단 색상을 짙은 자주색으로 바꾸어 주는데, 이렇게 할 수 있는 것이 바로 Alt + Delete를 눌러서 바로 바꾸어 줄 수 있기는 있었습니다. 그리고 나서 그림자를 우측으로 2픽셀, 그리고 아래로 2픽셀 내리는 것으로 일단 위 스크린샷에서 볼 수 있는 것처럼 어떻게 입체감이 나오도록 만드는 데는 성공했습니다. 이런 식으로 .. 2021. 4. 24.

티스토리툴바