일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 장학팀
- 도트
- 자원순환보증금관리센터
- COSMO
- 애니메이션
- 스마일게이트
- TOOL
- 픽셀아트
- layer
- 에이세프라이트
- photoshop
- 반환원정대
- 멋쟁이사자처럼
- 모작
- menu
- Aseprite
- 포토샵
- 드로잉 연습
- 인디게임 개발
- 채색
- Pixelart
- 픽셀 아트
- 드로잉
- 도트공부
- 노하우
- 기초
- 개발
- 연습
- pixel art
- 서포터즈
- Today
- Total
목록pixel art (11)
소소한 나의 하루들
이번 작품은 300*200 크기로 제작했다. 이전 글에서도 밝혔듯, 이제부터는 남은 시간을 본격적으로 내 실력향상을 위해 효율적으로, 계획을 세워서 쓸 생각이다. 그래서 이번에는 이전에도 아쉬웠고, 실력이 부족하다고 많이 느꼈던 '구름'을 그리는 연습을 했다. 유튜브 내 '구름 그리기', 혹은 'pixel art clouds'라고 검색하면 나오는 다양한 영상들을 많이 참고했는데 해당 영상들에서 주요 key point로 강조하는 부분과 내가 직접 그리면서 '이 부분은 신경써야겠다 이건 이렇게, 저 상황에서는 이렇게 하는게 좋겠다'라고 느낀 부분을 3가지로 정리해봤다. 가장 중요한 것은 그리려는 그림의 크기나 분위기, 상황을 고려한 상태에서 구름의 전체 크기에 따라 색상을 3가지 이내(많게는 4가지 정도 허..
이제 본격적으로 Aseprite를 활용해서 그림을 그릴 시간이다. 우선은 비교적 기초적인(?) 도형부터 그려보자. 마음같아서는 여러 구도로, 여러 명암으로 그려보고 싶은데 그게 쉽지 않다. (앞에서 미리 그려봤었는데 아직 도형도 여러 구도로 그리는게 어려워서 보류했다.) 사실 명암을 넣는 것도 숙달되지 않고, 그냥 겉보기로 따라하는 식으로 그리고 있어서 원래 명암도 넣어주지 않으려고 했는데, 안그러면 입체감이 살아나질 않을 것 같아서 넣어봤다. 바닥과 명암을 사용하여 입체감을 살려준 공을 그려준다. 그 다음 스프링을 그려주고.. 공을 그릴 Layer 1, 스프링을 그릴 Layer 2, 하얀색 Background Layer을 생성해 준 후, 애니메이션을 구성할 Frame을 여러 개 만들어준다. Frame ..
보호되어 있는 글입니다.
Aseprite를 제대로 활용하기 위해서 Palette 및 다양한 Tool에 대해서 알아보자. Canvas에 그려가면서, 해볼 생각이다. +여기에 애니메이션 제작법이나.. (Layer, Frame을 포함한) 타임라인 등을 추가로 공부할 예정이다. 그 다음 제대로 하나하나 그리는 스타일, 캔버스 크기, 소재 등을 바꿔가면서 그려볼 계획이다. 이렇게 점점 내 드로잉 스타일이나 습관이나 하나하나 구체화해나가야겠다. Sprite를 생성하면 3가지 부분으로 나뉘어서 보일 것이다. 가장 좌측의 Palette, 우측의 큰 비중을 차지하는 Canvas, 우측 하단부의 Timeline 이렇게. 우선, 오늘은 Palette에 대해서 알아본다. Palette는 브러쉬의 색상을 변경할 수 있는, 말 그대로 여러 색상들이 있는..
※본 글은 추가적으로 계속 업데이트 될 예정이다. *최종 업데이트: 2021.11.04.(version 1.2.30) 이제 마지막으로 View, Help 메뉴에 대해서 알아보자. View 메뉴는 보는 방식이나 시점과 관련된 메뉴, Help 메뉴는 도움말과 같이 도움을 얻고자 할 때 참고할 수 있는 메뉴이다. Aseprite으로 작업을 할 때 좀 더 디테일하고 작은 부분에 다양한 것들을 표현해야 할 경우, 이를 확대하거나 시점을 달리하여 확인해가면서 작업하는게 중요하다고 생각하는데, 그런 부분에서 잘 알아두면 디테일한 작업을 할 때 좋을 것이다. 이전과 마찬가지로 동일한 Sprite를 생성한다. 각 메뉴에 대해 간략하게 설명하고 각 메뉴-탭의 주요 기능에 대해 기술한다. ▪View(메뉴) View 메뉴는 ..
※본 글은 추가적으로 계속 업데이트 될 예정이다. *최종 업데이트: 2021.11.04.(version 1.2.30) 이제 File, Edit, Sprite, Layer 메뉴까지 알아봤다. 이번에는 Frame, Select 메뉴를 알아본다. 간략하게 Frame 메뉴는 애니메이션을 만들 때 필요한 기능, Select 메뉴는 특정 영역을 선택하는데 초점이 맞춰진 기능이다. File, Edit, Sprite, Layer 등 모든 메뉴 하나하나가 굉장히 유용하고 필수적인 기능들로 구성되어서, 이렇게 모든 메뉴에 대해서 대략적인 기능들을 알아보고 넘어가는 것은 Aseprite를 사용하는데에 굉장히 도움이 될 것이라고 생각한다. 또 유튜브나, 관련 커뮤니티나 여러 사람들에게 물어봐도 "잘 안쓰는 기능이다"라고 답변..
※본 글은 추가적으로 계속 업데이트 될 예정이다. *최종 업데이트: 2021.11.03.(version 1.2.30) Aseprite의 메뉴-File, Edit을 알아봤다. 이번 글에서는 Sprite, Layer 메뉴에 대해서 알아보겠다. 확인해보니, 기능이 워낙 다양하고 또 메뉴에 설명한 기능 이외에 범용적으로 활용 가능한 경우가 많아서 이는 실제 써보면서 겪어봐야 제대로 알 수 있을 것 같다. 그 과정에서 알게 된 추가로 쓸 수 있는 경우나, 기능들은 추후에 업데이트 할 생각이다. 이전과 동일하게 같은 설정(앞 글 참고)의 Sprite Sheet을 생성해준다. 이전 글과 마찬가지로, 각 메뉴에 대해 간략하게 설명하고 각 메뉴-탭의 주요 기능에 대해 기술한다. ▪Sprite(메뉴) Sprite Shee..
※본 글은 추가적으로 계속 업데이트 될 예정이다. *최종 업데이트: 2021.11.01. (version 1.2.30) Home 화면과, 환경설정 내 기능들을 알아봤다. 이제 본격적으로 Aseprite의 Sprite(=시트)를 생성하여, Pixel Art를 배워볼 차례이다. 하지만, 그 전에 Sprite 생성 후, 활성화되어 사용가능해진 Aseprite의 메뉴들 (File, Edit, Sprite, Layer, Frame, Select, View, Help)에 대해서 상세하고 완벽하게 파악해야, 이 캔버스를 제대로 활용할 수 있을 것이라고 생각한다. 나는 이전까지 Windows에서 제공하는 그림판(또는 그림판 3D) 프로그램을 이용해 그림을 간간히 그려왔던 터라 Layer나 Animation 등의 기능에..
※본 글은 추가적으로 계속 업데이트 될 예정이다. *최종 업데이트: 2021.10.30. (version 1.2.30) 이제 Aseprite를 구매했으니, 제대로된 연습을 하기 전에 Aseprite를 갖고 뭘 할 수 있는지 알아봐야겠다. 기능은 뭐가 있고.. 그 기능들로 어떤 것을 할 수 있는지,, Aseprite가 워낙 유명한 프로그램이다보니, 공식 홈페이지, 유튜브나 블로그의 포스트 등을 통해 쉽게 관련 정보를 찾아볼 수도 있겠지만 좀 더 세세한 기능들 같은 경우, 간단히 소개하고 넘어가거나, 영어 혹은 외국어로 소개하기에 알아듣기 힘든 경우가 있다. 또는 아주 기본적이지만 이를 놓쳐서 활용 못하는 경우가 종종 있었다. 그래서, Aseprite의 모든 기능들을 파악하고, 이를 적극적으로 잘 활용해서 ..
https://www.aseprite.org/ Aseprite Animated sprite editor & pixel art tool www.aseprite.org 앞서 말했듯이, 추천받은 3가지 Pixel Art Tool 중 가장 전문적이고, 다양한 표현이 가능한 Aseprite를 사용하기로 결정했다. Aseprite는 구매할 수 있는 경로가 꽤 다양하다. 1. 공식 홈페이지에서 구매. 2. Steam(스팀)에서 구매. 3. Humble Bundle(험블 번들)에서 구매. 사실, 공식 홈페이지에서 구매하면, 험블번들을 통해 해외결제하게되는 방식이지만 공식 홈페이지를 통해 결제할 때 받는 이점이 있다. (험블 번들 본인 계정 필요_Steam key를 위해서라도?) Humble Bundle(험블 번들)에서..