1편에서 머리 이미지랑 psd파일을 구했으면 psd파일 열고 레이어에 머리이미지 넣어서 병합하면 끝이고
특히 헤어는 옷이나 장갑처럼 모션을 일일히 넣는게 아니라 사진처럼 기본 자세, 엎드린 자세, 사다리나 로프
3개만 병합하면 끝남
대신에 병합하기전에 저런 캐릭터 몸까지 내려오는 긴머리는 따로 작업을 하나 해야하고
단발이여도 이미지 크기를 조절하면 psd파일에 병합할때 더 편해서 크기조절을 하는법을 알려드림
2. 머리 이미지 편집
이 사이트는 간단한 도트이미지 작업하는 사이트인데 이걸로 머리 이미지를 수정할거임
메인화면에서 Create Sprite을 누르면 이런 화면이 보일거임
먼저 머리이미지의 크기조정부터
저 화면 위에 머리이미지(alert_0.png)를 드래그해서 올려주면
이런 창이 나오는데 여기서
Resize to 여기에있는 숫자를 4로 나눠야함 280÷4=70 이니까 280을 지으고 70을 입력하면 반대쪽도 알아서 바뀜
숫자 바꿔주고 import를 눌러주면
이렇게 깔끔하게 불러와짐 나누기가 틀리면 딱 봐도 이상하니까 ctrl+z 눌러서 불러오기 취소하고 다시 불러오자
참고로 격자는 옆에 톱니바퀴눌러서 보이게 가능함
물론 지금은 이미지의 크기조정이 목적이라 격자가 상관없음
위에 사진에서 톱니바퀴 밑에 있는 위에서 4번째 사진모양을 누르면
EXPORT 탭이 열리고 PNG누르고 다운로드하면 1/4 크기의 머리이미지를 얻음
scale은 건드리면 안됨 1.0x 으로 해야 함
이 작업을 하는 이유는 psd병합할때 알게됨
위에서 말한 psd에 병합하는데 필요한 이미지가 3장인데 1편에서 코디시뮬로 이미지를 저장했으면 압축을 푼 이미지들 중에
alert_0.png / ladder_0.png / prone_0.png
이 세 이미지의 크기만 1/4로 줄이면 끝임
이제 위에서 말한 긴머리의 추가 작업인데 이게 왜 필요하냐면
psd 병합할때 원래는 앞머리파츠와 뒷머리파츠가 따로 존재하고 그걸 각각 병합해야함 저렇게 이미 완전한 상태의 머리를
병합해버리면
이렇게 헤어가 몸을 가려버림 그래서 긴머리는 앞머리를 따로 만들어야함
지금 만드는 헤어를 보면 여기가 앞머리구나 하는 부분이 있음
사진은 보기 편하려고 색을 칠한거
이제 저 앞머리 부분을 제외하고 몸부분의 도트를 지워주면 됨
지우개 툴을 써도 상관 없는데 넓은 면적을 지울거면 다른 툴을 쓰는게 편함
위쪽에 점점 커지는 네모는 툴의 크기
왼쪽에서 Stroke tool을 선택
왼쪽에서 팔레트를 누르고 투명색(회색흰색격자)를 선택
이거 선택안하고 왼쪽클릭말고 오른쪽 클릭을 해도 됨
그럼 이렇게 선으로 정해둔 색(여기선 투명색)으로 칠함 이제 펜크기를 조절하면서
몸을 안가릴정도로 머리를 지워주면됨
이렇게 지워주면 끝
참고로 앞머리라 생각하는 부분은 남기고 나머지는 캐릭터의 몸을 가리지 않을정도만 지워주면 됨
사다리타는 상관 없지만 엎드린자세도 앞머리와 뒷머리가 따로 있어서 같은 작업을 해줘야 함
위가 작업 전
아래가 작업 후
귀 주변은 그냥 적당하게 직선으로 지워버려도 상관 없음
이 작업의 목적은 그냥 헤어가 몸을 안가리게 하는게 목적이기 때문
몸을 가리는 헤어를 지워주는 작업까지 했으면 저장
이렇게 psd파일과 거기에 병합할 이미지가 준비됨
이제 병합만 하면 완성
3. PSD이미지 병합
공식사이트 가이드에서는 포토샵으로 하라고하는데 그냥 인터넷에서 찾은 온라인 포토샵을 이용할거임
따로 설치안해도 되고 내가 저걸로 만들어서 설명하기 편함
사이트를 들어가서 파일을 넣으라는 박스에 Avatar_Hair.psd 를 드래그해서 불러오면
psd파일이 열리고 오른쪽 레이어에서 case1.front폴더 옆 삼각형을 눌러서 폴더를 열어보면
딱 봐도 복잡해 보이는 레이어들이 잔뜩있다
이래서 하는법을 모르면 할 엄두도 안남
그래도 차근차근 작업해보고 하다보면 생각보다 쉽다는걸 알게됨
일단 보기편하게 만들어야함
일단 case1 폴더 안에있는 1-a.Nocap 과 1-b.Withcap 은 폴더를 접고 옆에 눈모양을 눌러서 안보이게 해주고
먼저 edithere:front_hairBelowBody_84 를 병합 해보자
일단 guide_ 라고 이름붙은건 작업할때 기준을 잡기 편하라고 표시용 레이어라 생각하면됨
왼쪽 위 탭에서 파일-열기 를 눌러서 미리 크기작업을 해둔 머리 이미지들을 불러온 뒤
뒷머리레이어 edithere:front_hairBelowBody_84 부터 병합하기위해 기본자세에서 뒷머리를 지우지 않은 이미지
사진에선 예시-기본자세2를 켜고 왼쪽 툴중에서 맨위 이동 도구를 누르고 ctrl+c로 복사
avatar_hair.psd탭을 누르고 edithere:front_hairBelowBody_84레이어를 선택하고 ctrl+v 로 붙여넣기를 하면
이렇게 선택한 레이어(edithere:front_hairBelowBody_84) 위에 복붙한 이미지가 레이어(Background)로 추가됨
이제 왼쪽에서 돋보기를 눌러 확대/축소 도구로 화면을 확대하고
돋보기 위에 손 도구로 보고있는 화면을 편하게 맞춰주고 다시 이동 도구를 누르자
이동 도구를 선택하고 복붙으로 생긴 레이어(background)를 선택한 상태면 이미지를 드래그하는걸로 움직이는게 가능함
이제 저 이미지를 움직여서 저 표시용 캐릭터의 머리에 딱 맞춰서 위치를 잡아주면 됨
위치잡는게 어려우면 대강 위치를 잡아두고 옆에 guide_character_face_43레이어를 눈표시를 눌러서 표시를 껏다 키면서
위치가 맞나 확인하면됨
여기서부터 중요함
위치를 맞췄으면 복붙한 레이어(background)를 edithere:front_hairBelowBody_84 아래로 옴기고
눈표시를 눌러서 edithere:front_hairBelowBody_84 를 안보이게 하고 ctrl을 누른상태로
edithere:front_hairBelowBody_84 와 background 레이어 두개를 선택하고
edithere:front_hairBelowBody_84 에 오른쪽마우스-레이어병합을 눌러주면
이렇게 edithere:front_hairBelowBody_84 레이어에 이미지를 병합하는데 성공함
이제 edithere 레이어들에 준비해둔 이미지를 병합하면됨
꼭 edithere 레이어의 표시를 끄고 복붙한 이미지레이어를 그 밑에 두고 병합을 눌러야 함
edithere:front_hairShade_46 레이어는 안건들여도 됨
이제 1-a 와 1-b 를 병합 해보자
먼저 1-b부터
1-b폴더를 표시하게 하고 폴더를 열어보면
guide_cap_samples 폴더와 edithere:front_hair_35 레이어가 있다
guide 폴더는 각종 모자 샘플인데 이 공략에선 애초에 머리 이미지에 원하는 모자를 넣었고 다른 모자를 끼는걸
고려하지 않고 만드는거라 폴더의 표시를 꺼버리고
edithere:front_hair_35 레이어에 준비해둔 뒷머리를 지우는 작업을 한 이미지를 병합하자
여기서부턴 뒷머리 레이어를 병합했으면 똑같이 해주면 됨
병합하려는 이미지를 위쪽 탭에서 선택하고 ctrl+CV로 psd에 붙여넣고
표시용 이미지(guide_character)에 맞춰서 이미지 이동시키고 병합할 이미지레이어 edithere 바로 아래로 옮기고
edithere 표시끄고 병합
case2.front_proneStab을 열어보면 case1과 구조가 같음
edithere:proneStab_hairBelowBody_84 레이어가 뒷머리를 담당하는 edithere:front_hairBelowBody_84 레이어랑 같고
위에서 병합해본 2-a 와 2-b 폴더도 case1과 같은 구조
방법은 똑같으니 case3으로 넘어가면
일단 case3은 왼쪽이 아니라 오른쪽에 표시됨
그리고 애초에 뒷모습만 보이는 모션이라 앞머리와 뒷머리 레이어가 따로 존재하지 않음
edithere:back_backHairBelowCapWide_94 와 edithere:back_backHairBelowCapNarrow_95 레이어가 있는데
몇 번 만들어봤는데 뭔차이인지 모르겠음
다른 레이어 병합하는 것처럼 사다리모션 이미지를 병합하면 되는데
얼굴이 보이는 기본 자세와 엎드린 자세랑 다르게 뒷모습은 위치를 잡기 힘든데 이건 1편에서 썻던 코디시뮬로 확인하면 됨
참고로 코디시뮬은 따로 캐릭을 삭제하는게 아니면 사이트를 꺼도 저장된 상태임
코디시뮬에서 만들어둔 코디를 머리만 표시하기 위해 꺼둔 body의 alpha값을 1로 다시 올리고
피부색을 바꾸는 것처럼 자세를 Ladder로 바꾸면 발위치로 대강 어느위치에 이미지를 두고 병합해야 하는지 알 수 있음
그게 아니라면 헤어의 alpha값을 0.4정도로 낮추고 psd에서도 이미지의 불투명도를 낮춰서 위치를 잡는 방법도 있음
사다리 자세의 이미지 위치를 잡았으면 병합 전에 복붙한 레이어(background)를 선택하고
ctrl+C ctrl+V를 하면 같은 위치에 같은 이미지의 레이어가 생김
그럼 복사한 레이어를 case3에 있는 edithere 레이어 밑에 하나씩 두고 각각 병합을 해주면
위치를 여러번 잡는 고생을 안함
edithere:back_backHair_91 레이어에는 사다리 자세 레이어3
edithere:back_backHairBelowCapWide_94 레이어에는 사다리 자세 레이어2
edithere:back_backHairBelowCapNarrow_95 레이어에는 사다리 자세 레이어1
을 각각 병합하면 이미지 병합도 끝
병합 작업이 끝났으면 위쪽 탭에서 파일-psd로 저장을 눌러 잘 저장해주자
이제 메이플월드를 키고 만든 머리를 확인하자
메월드 메인화면에서 만들기-아바타-헤어-새로만들기-PSD파일 선택 으로 만든 psd 파일을 불러오면 잘 불러와짐
이름과 설명을 적고 업로드 버튼 옆에 아바타 상품 등록 페이지로 가기를 눌러서 사이트를 하나 키고 업로드를 해두자
열어둔 사이트에서 로그인하고 아바타 아이템 목록에 보면 방금 업로드한 헤어가 있는데
이걸 상품등록을 하면 이제 헤어를 구매해서 입을 수 있게됨
가격이나 판매기간 같은거 정하고 출시 여부를 정하는데
이게 미출시로 해두면 만든사람도 못사니까 나만쓰고싶으면 무료로 출시하고 메월드에서 구매하고 바로 미출시로 변경하면
나만 사용가능함
스크롤 내리면 이것저것 체크하는게 있는데 다 체크해주고
등록비 결제까지 해주면
이렇게 인게임에서 사용가능한 헤어+성형 머리가 완성됨
이게 맨 처음부터 일일히 설명하다보니까 공략이 엄청 길어졌는데
한번 만들고 방법만 알면 금방금방 만들정도로 쉬움
오히려 원하는 헤어랑 성형찾느라 시간을 더 쓸정도로
참고로 이거 공략쓰느라 만든 저 헤어는 무료로 배포중임 헤어 이름 검은고양이
이제 머리만드는법 알았으니까 이쁜머리 무료로 많이 만들어 줄거지?
채널 완장 명단 & 신문고 
메이플랜드 채널 규정 / 2024.06.11기준
