AniColors: 애니메이션 색상 팔레트를 모으고 만드는 사이트 95

AniColors는 애니메이션 컬러에 특화된 팔레트 생성 도구로, 애니메이션 팬과 디자이너가 독특한 애니메이션 색상 조합을 빠르게 찾고 만드는 데 도움을 줍니다.

두 가지 핵심 기능

매일 엄선된 영감 팔레트 갤러리

• 애니메이션 및 게임 팬들이 직접 선별한 캐릭터 전용, 장면 분위기, 작품 주제 등의 색상 카드를 제공합니다.

• 캐릭터 팔레트: 예를 들어 "Saber"의 갑옷 색상, "하츠네 미쿠"의 청록색 머리카락 색상.

• 장면 팔레트: 예를 들어 신카이 마코토 영화의 하늘 색상, "사이버펑크: 엣지워커"의 네온 야경 색상.

• 주제 팔레트: 예를 들어 "페르소나 5"의 상징적인 빨강과 검정 조합, "봇치 더 록"의 청춘 감성 색조.

• 사용 방법:

• 메인 갤러리를 둘러보세요. 각 팔레트에는 정확한 HEX 색상 코드가 있어 바로 창작에 사용할 수 있으며, 배경화면이나 디자인 소재로도 활용할 수 있습니다.

커스텀 팔레트 생성기

• 사용자가 이미지를 업로드하여 빠르게 팔레트를 생성할 수 있습니다.

• 사용 방법:

• 이미지 업로드: 업로드 버튼을 눌러 이미지를 선택하세요(JPG, PNG, GIF, WebP 형식 지원, 최대 10MB). 드래그 앤 드롭 업로드도 가능합니다.

• 색상 추출: 돋보기를 사용하여 캐릭터의 눈, 옷 색상처럼 수동으로 정밀하게 색상을 선택하거나, AI가 자동 생성하도록 할 수 있습니다.

• 확인 및 내보내기: 생성 후 다양한 레이아웃을 선택할 수 있으며, "내보내기"를 눌러 고화질 이미지로 저장하거나 색상 코드를 복사하여 Procreate, Photoshop 등 다른 소프트웨어에서 사용할 수 있습니다.

기술적 특징

• 알고리즘을 통한 애니메이션 캐릭터 색상 자동 인식 지원, 수동 드래그 수정 지원

• 애니메이션 캐릭터의 눈, 피부색, 옷, 무기 등 색상 조합 수동 인식 지원

• 방대한 양의 고품질 애니메이션 팔레트와 각 부위별 색상 수집

• 고품질 공유 카드 무료 내보내기 지원

• 배경 없는 캐릭터 이미지 무료 다운로드

로컬 배포

Strapi 백엔드:

1. 의존성 설치: cd strapi 명령 후, pnpm install 실행.

2. 파일 복사: cp .env.example .env 실행.

3. 실행: pnpm develop (개발 환경에서는 로컬 자원을 사용하며, Cloudflare R2로 업로드하지 않음).

Next.js 프론트엔드:

1. 의존성 설치: cd nextjs 명령 후, pnpm install 실행.

2. 파일 복사: cp .env.example .env 실행.

3. 실행: pnpm dev 실행.

AniColors 사용 방법

이미지에서 팔레트 생성하기:

• 공식 웹사이트에 접속하여 애니메이션 스크린샷, 게임 아트 등을 업로드하세요(JPG, PNG, GIF, WebP 형식 지원, 최대 10MB).

• 색상 추출: 스포이트를 사용하여 수동으로 색상을 선택하거나, AI가 자동 생성하도록 합니다.

• 확인: 몇 초 안에 2~5가지 색상으로 구성된 팔레트가 생성되며, 12가지 레이아웃 중에서 선택할 수 있습니다.

• 저장 및 내보내기: HEX 코드를 복사하여 다른 소프트웨어에서 사용하거나, 이미지를 다운로드하여 저장 및 공유합니다.

미리 생성된 팔레트 둘러보기:

• 공식 웹사이트 메인 페이지에서 최신 팔레트를 확인하세요.

• "모든 팔레트 둘러보기" 및 "발견하기" 기능을 사용하여 애니메이션 캐릭터, 작품, 게임 등 카테고리별로 검색합니다.

• 각 팔레트에는 출처(예: 캐릭터명, 애니메이션명)와 생성 시간이 표시됩니다.