1. 이모티콘 만들기:

• ‘캐릭터 유형’을 선택하고, 이모티콘에 표시할 ‘메시지’를 입력하세요.
• ‘움직임 효과’, ‘텍스트 위치’, ‘글자 크기’, ‘글자 색상’, ‘배경색’, ‘폰트 종류’ 등 다양한 옵션을 선택하여 이모티콘을 꾸며보세요.
• ‘이모티콘 생성하기’ 버튼을 누르면 오른쪽에 미리보기가 나타납니다.

2. 이모티콘 다운로드 및 공유:

• 생성된 이모티콘이 마음에 든다면 ‘이모티콘 이미지 다운로드’ 버튼을 클릭하여 PNG 파일로 저장할 수 있습니다.
• 다운로드한 이미지를 문자 메시지, DM, 소셜 미디어 등 다양한 곳에서 친구들과 공유해 보세요!

3. 중요 사항 (꼭 읽어주세요!):

• 이 페이지는 **실제 GIF 파일**을 생성하는 것이 아니라, AI가 생성한 **정적인 이미지 위에 텍스트를 오버레이하고 CSS 애니메이션 효과를 적용**하여 ‘움직이는 듯한’ 느낌을 주는 방식입니다.
• 따라서 캐릭터의 손, 팔, 눈, 입 등 **개별 신체 부위가 프레임 단위로 자연스럽게 움직이는 것은 아닙니다.** 하지만 이모티콘 전체에 미세한 움직임을 주어 생동감을 더합니다.
• 생성되는 이미지의 품질과 메시지에 따른 캐릭터의 표현은 AI 모델의 학습 데이터와 성능에 따라 달라질 수 있습니다.
• **워드프레스 호환성:** 워드프레스는 보안상의 이유로 HTML 코드의 일부를 제거하거나 수정할 수 있습니다. 이 코드는 ‘사용자 정의 HTML’ 블록에 최적화되어 있지만, 테마나 다른 플러그인과의 충돌 가능성이 있습니다. **특히 API 키가 올바르게 설정되지 않으면 이미지가 생성되지 않을 수 있습니다.**
• **API 키 설정:** `const apiKey = “”;` 부분을 **본인의 Google Cloud API 키**로 변경해야 워드프레스 환경에서 정상적으로 작동할 가능성이 높습니다.