옛날 유튜브에서 헬테이커로 gif 위젯을 만들어 바탕화면을 장식하는 영상을 본 적이 있다.. 그 영상을 보자 마자 ‘이거 명빵 sd로 만들면 ㅈㄴ귀여울거같은데’라는 생각이 들었다. 그 유튜버는 머 코딩을 어떻게저떻게 해서 뚝딱 만들던데, 코딩을 해봤어야 그걸 따라하든 하지, 엄두가 안나더라. 그렇게 한 1년을 고민만 하다가 방법을 알아냈다.
바로 Rainmeter 라는 프로그램이다!
Rainmeter는 원래 바탕화면을 제 입맛대로 바꾸는 프로그램이다. 옛날에 이 프로그램을 사용해 명빵 테마 바탕화면도 만들어져 념글에 올라왔던 걸 기억한다.
자 그럼 어떻게 GIF위젯을 만들 수 있는지 알아보자!
먼저 인터넷에서 Rainmeter 프로그램을 다운받자.
그냥 중앙에 다운로드 누르면 된다.
다운로드가 완료되었다면 위와 같은 위젯이 생성되는데, 그냥 하나하나 우클릭 후 스킨닫기를 눌러 지워주면 된다.
그 후 앱을 실행시키면 이런 화면이 뜨는데, illustro폴더를 우클릭해 폴더로 이동하자. 그리고 상위 폴더인 Skins 폴더로 이동해 illustro 폴더는 삭제해 주도록 하자. 쓸모없다.
자 이제부터가 복잡하다. 게임 내 sd를 추출해 gif파일로 만들어야 하고, 그 gif를 편집해 배경이 투명하게 만들어야 한
다.
https://prts.wiki/w/%E9%A6%96%E9%A1%B5
위 링크는 중섭의 명일방주 위키 링크이다. 인게임 sd를 추출해서 다운받을 수 있는곳을 여럿 찾아 보았는데, 몇몇은 없어지거나 운영을 멈춰 버그가 가득했다. 이 중국위키도 버그가 많아 안정된 파일이 다운될 때까지 노가다를 계속해야 하지만, 다른곳보다는 확률이 큰 편이다. 클라를 뜯어서 파일을 조달하는건 진입장벽이 너무 클 것 같아 시도도 하지 않았다.
빨강으로 표시한 부분이 오퍼레이터 정보이다.
들어가면 파랑으로 표시한 줄에 있는 버튼이 페이지 이동이다. 여기서 자신이 원하는 오퍼레이터를 선택하자. 이 글에선 수르트로 설명할 예정이다.
오퍼레이터 창에 들어간 후 스크롤을 가장 밑으로 내리면 빨강으로 표시한 파란박스가 나온다. 이것이 선택한 오퍼의 sd애니메이션이 나오는 곳이다.
누르면 위와 같은 창이 나오는데, 빨강색은 스킨선택, 노란색은 모션 선택, 그리고 초록색은 다운로드 버튼이다. 위 sd에 마우스를 가져다대고 스크롤하면 sd를 확대축소 할 수 있으며, 드래그해서 위치 조정도 가능하다. Sd가 움직여도 최대한 잘리지 않게 크기와 위치를 조정한 뒤, 다운로드 버튼을 누르면 다운로드가 된다.
그러면 이렇게 파일이 다운로드 되는데, 여기가 중요하다. 파일의 용량을 확인했을 떄 100KB보다 작으면 그 파일은 잘린 파일이다. 아까 말했던 랜덤성, 노가다성이 여기서 나온다. 이게 중국위키라 그런지 몰라도 다운로드가 제대로 안되고 영상이 잘리거나 그냥 꺠진 파일로 다운로드 된다. 꼭 다운로드를 한 후, 영상을 브라우저에서 재생기켜 완벽한 모션이 이루어 지는지 확인하자.
자, 완벽하게 다운이 되었다면 아래 링크로 이동하자.
방금 다운받은 webm파일을 gif파일로 변환시켜 주는 사이트 이다.
빨간 박스로 표시한 곳에 들어가 파일을 선택하고 Upload Video!를 누르면
위와 같은 화면이 나오는데 이곳에서 꼭!!!! 제대로 다운받았는지 확인하고!!!! 다음단계로 넘어가자. 나는 이단계에서 확인 안하고 다 만들었다가 파일이 꺠져있어서 몇 시간을 허비했다.
확인한 후에 Convert to GIF! 를 누르면 아래쪽에 변환된 파일이 움직이고 있을것이다. 그 아래 다운로드 버튼을 눌러 gif파일을 저장하자.
자! 그러면 gif파일의 뒷배경을 없애보자! 지금 상태로 만들면 까만 박스가 생겨 깔끔한 위젯으로 사용할 수가 없다.
https://www.unscreen.com/upload
Gif의 뒷배경을 없애주는 사이트이다. 여기에 아까 다운받은 gif파일을 올려 뒷배경을 없애주자. 캐릭터 외에 뒷배경만 깔끔하게 잘렸는지도 확인해야 한다.
그 후에는 다시 ezgif사이트로 돌아가서 이번에는 gif파일을 프레임하나하나 분리해 주어야 한다. 빨간 박스로 표시된 split으로 들어가자
방금 배경을 없앤 unscreen 파일을 올리고, Split to frames! 를 누르면
위 사진처럼 각 프레임으로 나뉘게 된다. 빨간 박스를 눌러 압축파일로 다운받자.
압축을 풀면 이렇게 이미지파일로 나온다.
이 이미지들을 전체선택 해 준 후, 가장 앞 파일 이름을(0)으로 바꾸어주면 뒤 파일들이 순서대로 (1), (2), (3)… 으로 변하게 된다. 파일명을 이렇게 바꾸어야 나중에 설정할 명령어가 잘 실행된다. 혹시나 파일이 png가 아닌 다른 형식으로 저장되엇는지 확인해보고, 다른형식이라면 png로 변환을 해주도록 하자!
여기까지가 Rainmeter 위젯을 만들기 위한 파일의 준비가 끝났다!
파일이 완벽히 준비가 되었다면 Skins 폴더에 해당 오퍼레이터 명으로 하위폴더를 만들고, 그 폴더 안에 텍스트파일을 생성하자.
텍스트파일 내용은 아래 내용을 복사 붙여넣기 하면 된다.
[Rainmeter]
Update=80
[Metadata]
Name=Arknights
Author=
Information=
Version=
License=
[ImageNumberCalc]
Measure=Calc
Formula=Counter % 11
[ImageMeter]
w=170
h=170
Meter=Image
ImageName=#@#ImagesFrames([ImageNumberCalc]).png
AntiAlias=1
DynamicVariables=1
가장 위 Update값과 중앙 Fomula, 그리고 imageMeter의 w,h
이 세 값이 중요하고, 나머지 값은 조정할 필요 없다.
Update는 gif파일의 재생속도,
Formula는 gif파일의 프레임수,
W,h값은 위젯의 크기값이다.
재생속도가 빠른거나 느린 것 같으면 Update값을 조정하고, Fomula값은 gif파일의 총 프레임 수, 즉 우리가 분리해 둔 png파일의 숫자를 적으면 된다. 우리는 이미지파일의 숫자를 0에서 시작했으니 마지막 번호에 1을 더하면 된다. 위 수르트 이미지는 11개 이므로 11로 적었다. w,h값은 기본적으로 170으로 해놓았지만 작은것 같거나 가로세로비율이 맞지 않을 때 조정하면 된다.
텍스트파일을 완성했다면 그 파일의 확장자를 .txt에서 .ini 로 바꾸어주어야 한다.
여기까지 했다면 실행파일이 완성된것이고, 아까 분리해 두었던 이미지파일을이 폴더 안에 넣어야 한다.
위 스크린샷들처럼 surtr 폴더 안에 @Resources폴더를 만들고, @Resources 폴더 안에 ImageFrames폴더를 만들고 그 안에 이미지를 순서대로 넣으면 된다. 파일명은 위 형식을 따라야 실행이 되도록 설정해두었기 때문에 꼭 따라주어야 한다.
자 이제 다시 Rainmeter를 실행해 수르트가 잘 움직이는지 확인해보자!
수르트가 잘 움직이고 있다!
아래는 본인이 만들어둔 젤리 기본, 젤리수영복, 케쟝, 보카디, 수르트 스킨 파일이다. 드라이브에 들어가 다운받고, 안에 폴더들을 아까 Skins 폴더에 붙여넣으면된다.
https://drive.google.com/file/d/1p2zRVKPc8XmOK5bhlKmWtXPiBktEopMU/view?usp=sharing
여기서 위치는 다른 행동을 할 때 위젯이 가려지지 않게 하는 기능이다. 기본은 보통으로 되어있으며, 가장 위 고정으로 해두면 웹서핑을 하면서도 귀여운 오퍼레이터들을 볼 수 있다.
Rainmeter는 메모리 용량을 10mb정도 잡아먹는다. 그러기에 성능이 조금 받쳐주는 pc에서 사용하길 권장한다.
지금까지 Rainmeter를 이용해 gif위젯을 만드는 방법을 알아보았다! 코딩에는 문외한이고, 이런걸 만드는것도 처음이라 더 간소화하고 쉽게 만들 수 있는 방법이 있다면 알려주면 고마울것같아! 게임 내 에셋을 추출해 gif로 만들 수만 있다면 어떤 게임이든 가능하니깐 명붕이 뿐만 아니라 다른 모바일 게임을 즐기더라도 꼭 만들어 봐서 사소한 덕질을 즐기길 바라!
해보고싶은데 어려운 사람은 위에 내가 올려둔 파일을 쓰거나 막히는 부분 댓글로 물어보면 꼭 알려줄께! 긴 글 읽어줘서 고마워!!!
명일방주 정보글 미니 갤러리에도 올려줄 수 있음?
거가 어디임?
https://gall.dcinside.com/mini/mibjdb
ㄱㅅ
뭔진 모르겠지만 개추
근데뭔가 수르트 이미지가 깨져보이는데
원본이 작아서 여기 올리니깐 깨지는듯;;
아니 수르트 움직이는 파일 보면 몇몇 부분이 없는데 저 ezgif 홈페이지에서 unscreen 하는 과정에서 이미지가 날라가는듯?
아 그거 애초에 중국위키에서 다운받을 때 프레임이 11개밖에 다운이 안됬음 중국위키 살짝 맛갔더라
다른 오퍼들 특히 초기오퍼들은 프레임 70~80개씩 되는데 수르트만 11개더라
검이 허공에 떠있다니까
아 미안... 지금봤어... 진짜 그런것같네...하아...
차라리 프레임별로 사진 다운받고 포토샵에서 배경 잘라
그러면 과정이 너무 늘어져서 그냥 사이트에서 퉁칠라고 했지... 저렇게 깨지는 애들이 있으면 포샵으로 지우는것도 고려해봐야겠다... 암튼 알려줘서 고마워!