예아 반갑습니다 동도대 열었는데?
동갤에 도트작업이 익숙한 사람이 거의 없다보니?
아무래도 일반적인 그림에 비해 접근성이 떨어지기 때문에..

도트 제작을 무슨 프로그램으로 해야 하는지, 또 어떻게 사용하는지 전혀 모르겠고 감도 안와 참여를 못하고있는 동붕이들을 위해 글을 남긴다



1. 사용 프로그램

솔직히 그림툴이면 왠만해서는 다 도트 찍을수 있음

다만 도트를 더 편하게 찍을수 있는 도트 특화 프로그램들이 따로 있는데,

pc라면 Aseprite, piskel(무료) 등이 있겠고
모바일이라면 dotpict, pixel studio 등이 있음

본격적으로 찍어보겠다고 하면 aseprite를 추천하겠지만
접근성 문제도 있고(유료임)

무엇보다 본인이 군머에 있기 때문에 폰밖에 쓸수가 없어서

이 글에서는 android버전의 pixel studio에 대해 다룰것


38



원래 도트찍을때 쓰던 프로그램 있으면 그거써도 됨ㅇ
근데 원래 찍던사람이..이글을 읽어서 얻을 게 있을지??


2. pixel studio

pixel studio는 이름에서도 알 수 있듯 대놓고 도트용으로 만들어진 프로그램임

android 버전을 기준으로 다루지만
안드로이드, ios, pc 버전이 모두 존재하므로 상관없음

그리고 본인이 pro버전 결제를 했기때문에
pro버전을 기준으로 작성됐지만
무료 버전과 그리 큰 차이는 없기때문에 걱정하지 않아도 된다


3. 설치

픽셀 스튜디오는

플레이스토어,
앱스토어,
마이크로소프트 스토어, 스팀

에서 다운이 가능함

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cadda7f364dcf196f36bd18aeda40b41d30b2c28074f062d552102c5b07eddf8e143f76f1a042601e7b235db3fedd9ddeacc450e1683a1a589d208dfac6c062e2b949ee

^ 플레이스토어에서의 모습

무료버전과 프로버전이 따로 등록되있는데

1. 무료버전에서 인앱 결제를 통해 프로버전으로의 업그레이드가 가능하고

2. 인앱 결제는 크게 할인(40%) 을 하기 때문에

프로버전 살까 하는 애들도 걍 무료버전 받으면 됨ㅇㅇ


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2cfeaa9ef765e6a19863277ef408614080859e1a1bc9851dfa6afb34b6e954711b4de6758015d0a971ff13ccf07c3caf5e9

^ 설치가 완료된 모습..씹덕캐 어디갔노


4. 실행


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cadda7f364dcf196f36bd18aede40e61c67b6c08374f062c2634686c019267f96cec527b08b3b0275b960dc270ffad4a514bfde0de3a9be32bbe8ebcc5851fc

최초 실행시의 화면
이제부터 기능을 알려주겠다


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2c4bfaabb730d3c4a8650d8a62f279a6d6421c2c6c8d63481439b

1. 새 캔버스를 만듦

2. 저장소에 저장된 파일을 불러올수있음
    지원 확장자는 png, gif등 사진 파일과
    psp(Pixel Studio전용 확장자), aseprite(aseprite전용 확장자, 불러오기만 가능. 어떻게 확장자가 .asepriteㅋㅋ) 등이 있다

    기본 경로는
    (₩storage₩emulated₩0₩DICM₩Pixel Studio) 임
    해당 폴더 내의 파일들을 불러올수 있음.

3. 말그대로 앱을 종료한다

생성을 눌러보자

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2c0ecffed70093b1f86505dea686febc8993d6db50b410a633781

우왓 복잡한 창

이라고 생각할수도 있지만 내가 무지성 박스질 해놔서 그렇고
사실 별거없다

여기서 봐야할건 사실 2번이 전부라고 봐도 됨
움짤질 할거면 6번도 볼필요가 있지만? 어차피 도트 첨하는거 아님? 냅둬도 됨ㅇㅇ

응애 동붕이도 대충 만져보면 금방 파악할수있지만 일단 알려주겠다


1. 프로젝트의 이름임
2. 캔버스의 너비와 높이임 단위는 픽셀
3. 너비와 높이의 비율을 고정시킨채 수정하게해줌
4. 너비와 높이를 사전 설정된 2승수로 세팅해줌
5. 배경 색을 설정할수있음
    투명, 흰색, 검은색이 있는데 그냥 투명으로 놔두셈

6. 프로젝트의 유형인데 얘는 모를수 있다
    일단 눌러보면
    Layers in frame, Frames in Layer, Basic font가 나올거다


31

이게.. 이게 도당체 모순 소리여???...

괜찮다! 움짤할거 아니면 좃도 중요하지 않으므로 빠르게 알아보자



Layers in frame은 각 프레임마다 독립된 레이어 시트를 가짐
이게 무슨소리냐?

프레임마다 레이어 개수를 다르게 할 수 있다 이말이여
각 프레임의 동일 레이어가 서로 다른 레이어로 취급되기 때문임

처음 하는 입장에서 보면 제법 직관적이라고 볼 수 있다
프로그램에서 디폴트로 밀어주는 유형이기도함



Frames in layer는 모든 프레임의 레이어가 동일 레이어로 취급됨

다시말해 내가 1프레임에서 레이어를 지운다면
그 레이어는 다른 프레임에서도 모두 삭제가 된다

pc 프로그램중 aseprite가 이런 구조를 가짐
나는 aseprite를 사용했었기 때문에 이 유형을 쓰고있다


Basic font는 아스키 문자로 이루어진 폰트를 제작할 수 있는 완성형 프레임 시트임

모든 문자를 만들고 psp파일로 저장하면 그걸 폰트로 불러와 앱에서 사용이 가능하다

나는 pc에서도 알파벳을 폰트로 만들어 박아넣었기 때문에 여기서도 이걸 써봤는데 기본 지원 폰트들도 있기때문에 님들은 딱히 쓸일 없을것


즉 님들은 layers in frame, frames in layer중에 꼴리는거 쓰면 됨미다



정리하자

이름을 정하고(선택사항)

캔버스 크기를 설정후

7. 생성 버튼을 누르면 캔버스 생성이 끝난다

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cadda7f364dcf196f36bd18ae8147e04c66b097d574f0622a5fe04f8d64523483d19875b7d25be9503d3695dad0235ca0ac733fca8a79559c68f21659865ac7

와! 캔버스!!!

위에서 설명한거때문에 몬가..몬가 시작부터 어렵다고 느낄지도 모르겠는데..
직접 해보면 별거없음..
별 씨잘데기없는것까지 설명을 해서 그래보이는거임..

혹시? 도트입문 입구컷 당했을지모르는 사람들을위한거라?


참고로 이 캔버스의 사전 설정은
160x160px, 배경 투명, Frames in layer 임여

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2c7bcadbf760f301b865317c2218ef4827b50f99f3ece5c

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2cfbfabe871093d118653a07d1d80211d1ba1d7938c2b7307a406aa

이것들이 160x160픽셀 (x4업스케일)

내가 요즘 많이 쓰는 사이즈임


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a2c1e9fdbe200a6f1b8653595dbdd63e5bc4c67e4e17c0bc5d7a

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cc0b67b354cce1fba29917600a294eca2e8710c311b8653bc85446878915cc781c0ece9473f53

이것들이 128x128 픽셀 (x4업스케일)

예전에 많이 쓰던 사이즈

그림을 그려본적 없는 동붕이라면 이 사이즈도 존나 크게 느껴질것

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cadda7f364dcf196f36bd18ae8a46e71937e3c286749131fda25533d1a7aa685ab649d8b208

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0394e943cadda7f364dcf196f36bd18ae8b11b41d35e496d2749131ffcdca8fe258c1f0436f05bffe61367a9d1c4b945a

이것들이 256x256픽셀 (x4업스케일)

256x256은 진짜 존나 큰 사이즈이다 왠만하면 시도하지마라


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa0eede54a6ae5bce48adb5742107eb021364447b1c9016ca0b51475e4bfe082095c62

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa54bab21d60e2ebb18adb5742157db42217c8f4d4bb1694705b6c

이것들은 256x192 (x4업스케일) 임

참고로 256x192는 닌텐도 ds의 화면 해상도이고
나는 배경이 들어간 움짤 찍을때 자주 사용한다


viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa58ecb64e63e0e8b68ad85f42117eb462e88792

그리고 이건 64x64임 (x10업스케일)

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa5ce9b14963b3bae58ab90a135b29f100db7cfd091044

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa5be4b74361e2e9e78ab90a135b29f1819ab2ca

viewimage.php?id=39b2c52eeac7&no=24b0d769e1d32ca73deb86fa11d02831d16706cea37200d6da9182798675dc643b7a722ce0390ac66ac7dd7a3649ca18aa5aebb74260e3eee18aac08174f35c6231e3de3458de91cc877243ad5

이건 동방은 아니고 도트 제대로 잡기 시작할때즘 찍은것들

이것도 64x64임 (x4업스케일)




처음할때 흔히 하는 실수가 캔버스를 너무 크게 만들어버려서
제대로 만들질 못하는 경우니까

위에 참고해서 자기가 생각하는 적당한 사이즈로 생성하기 바람


나머지 실제 도트찍기에 필요한 기능은 다음 글에서 알아보겟읍니다

71

동도대 많이 참여해줘..

동갤 도트 대회 [동도대] 진행중