본문 바로가기

픽셀아트183

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.
배경용 타일의 마무리 작업 -7- 안녕하세요? 드디어 마지막 포스팅이라고 해야 할까요? 일단 이 배경을 만들기 위한 타일을 만드는 작업을 끝내기 위한 작업을 하고자 합니다. 물론 100% 완성은 아니기는 합니다만, 그래도 일단 여기까지 가 보도록 합니다. 일단 이 풀밭과 맨땅의 경계를 한번 다 만들어 보도록 합니다. 그리고 이렇게 그림자까지 넣어준 것을 한번 원거리 윈도우에서 한번 보도록 합니다. 일단 멀리서 보는 결과는 그렇게 위화감이 별로 나오지 않았습니다. 그래서 일단은 변형시킨 블록은 위 스크린샷에서 볼 수 있는 것처럼 같은 레이어로 먼저 병합을 시켜 놓았습니다. 이제 다음 단계에 들어가 보도록 합니다. 먼저 변형이 된 레이어를 복제하고, 이걸 이동시킨 다음에 편집 메뉴에 있는 것처럼 일단, 변형이라는 메뉴안의 회전을 사용해 보도.. 2021. 4. 22.

티스토리툴바