본문 바로가기
개발일지/트친소 생성기 사이트

원신 트친소 생성기 제작 및 이용방법

by 박기린 2024. 10. 19.

 


원신 트친소 (X친소) 표 자동제작기

자동으로 위의 트친소표를 제작해주는 생성기 사이트를 제작했습니다.

지금부터 사용법을 설명하겠습니다.

 

 

 


공식 사이트 링크

링크 : https://genshin-twitchinso-autogen.vercel.app/

 

Next.js로 제작한 후, vercel로 호스팅을 했습니다.

바이러스 없습니다.

 

 

 

 


사용법 - 정보 입력하기

안내에 따라, 각종 정보들을 입력합니다.

프로팔 사진과 최애캐 사진은 1:1 비율의 사진을 넣는 것을 권장드립니다.

 

 

 

 

배경 사진도 직접 넣을 수 있고, 트친소 표 안의 폰트 색상도 직접 지정할 수 있습니다.

색상코드를 찾아서 입력하시거나, 색상 팔레트로 원하는 색을 찾을 수 있습니다.

 

 

 

 


사용법 - 이미지 다운로드 (아이폰 오류 해결법)

 

모든 설정이 완료되면, '고화질 이미지 생성' 버튼을 누릅니다.

 

 

 

 

1. 일반적으로는 '다운로드' 버튼을 누르면 고화질(1920x1080) 이미지가 다운됩니다.

2. 아이폰 - Safari 경우 다운로드 버튼이 안 먹을 수 있습니다. 그러면, 하단의 큰 이미지를 꾹 눌러서 '사진 앱에 저장'을 하시면 됩니다.

 

 

 

 

 


프사(바이오), 최애캐사진 표기 오류 해결법

바이오 사진이나 최애캐 사진을 등록하고 나면,

 

왼쪽처럼 사진이 표시가 안 되거나, 오른쪽처럼 사진의 순서가 반대로 되는 경우가 자주 발생합니다.

코딩 오류이긴 한데, 당장 수정이 어려워서 임시 해결책을 알려드립니다.

 

 

 

 

코멘트 부분을 임의로 수정합니다. 

아무 텍스트나 적은 후 (3~4글자 정도 적어주시면 됩니다.) , 다시 지웁니다.

 

 

 

 

그러면 사진이 정상적으로 출력됩니다.

 

 

 

 


업데이트 계획

- 같은 형식으로, 붕괴 스타레일과 명조 트친소 생성기도 제작할 에정입니다.

- 트친소표 디자인을 좀 더 예쁘고 직관적으로 만들고 싶습니다.

 

 

 


오류, 개선에 대한 의견을 받습니다.

본 글의 댓글로, 트친소표 제작에 대한 다양한 의견을 받고 있습니다.

 

 

 

 

 

반응형