PFP NFT 이미지 1만개 만들기
1. PFP NFT 이미지의 생성 원리
PFP(Profile Picture) NFT 이미지를 만드는 원리는 '조합(Combination)'입니다.
예를 들면, 스마트폰에서 아바타를 만들 때 얼굴 형태, 눈, 코, 입, 눈썹, 헤어스타일 등의 구성 요소를 각각 선택하고 조합해서 하나의 캐릭터를 완성하는 것과 같습니다.
그래서 코딩없이 포토샵만으로도 각 구성 요소별로 레이어를 따로 만든 후, 원하는 레이어만 선택해서 이미지를 조합하는 방식으로 PFP NFT를 충분히 만들 수 있습니다.
다만, 만들어야 하는 이미지의 개수가 1만 개나 되면 이미지를 조합하고 저장하는 단순 작업을 꽤 오랫동안 반복해야 하기 때문에 이를 효율적으로 처리하기 위해서 프로그램을 활용할 수 있습니다.
2. 필수 준비물
1만개의 PFP NFT 이미지를 만들려면 다음의 3가지가 필요합니다. 아트엔진(Art Engine)은 깃허브(GitHub)에 오픈소스로 공개되어 있고, 프로그램은 공식 사이트에서 모두 무료로 다운 받을 수 있습니다(파란색으로 표시된 제목을 클릭하면 해당 사이트로 연결됩니다).
프로그램은 본인 컴퓨터의 사양에 맞는 것을 선택해서 다운받고 설치해 주세요.
1) Visual Studio Code
 |
| *출처: Visual Studio Code |
2) Node.js
 |
| *출처: Node.js |
3) GitHub: HashLips_art_engine
 |
| *출처: GitHub |
3. 프로그램 사용 방법
아래의 영문버전 내용을 먼저 포스팅했었는데요. 최근 유튜브에서 한국어 버전으로 프로그램 사용 방법을 알려주는 영상을 발견해서 원하시는 버전을 선택해서 보실 수 있도록 한국어 버전 영상도 추가로 소개드립니다.
*출처: 조코딩, <누구나 쉽게 NFT 컬렉션 1000개 이상 만들고 판매하기>
PFP NFT를 만드는 방법을 소개하는 영상입니다(영어버전).
내용을 쉽게 파악하실 수 있도록 영상 내용을 한국어로 번역했습니다. 아래의 글은 영상을 보실 때 참고해 주세요.
*출처:Reece Hunter, <How to Generate 10,000+ NFTs>
1) 프로그램 설치
- Node.js : 파일 다운로드 & 설치
- Visual Studio Code : 파일 다운로드& 설치
2) Visual Studio에서 작업하기
① 깃허브의 art_engine을 Visual Studio에 적용.
-상단 메뉴의 <Terminal> 클릭 후, 바로 아래의 <New Terminal> 클릭합니다.
-오른쪽 창 하단의 New Terminal에 깃허브에서 복사한 < art_engine code> 붙여넣습니다.
② art_engine 폴더 불러오기.
- Visual Studio > File > Open Folder > art_engine
③ 왼쪽 카테고리 < src > 클릭.
④ 왼쪽 카테고리 < config.js > 클릭.
⑤ 오른쪽 코드 창에서 수정할 위치 확인(빨간 박스, 행 참조).
⑥ 코드의 15~21행 : 코드를 폴더 이름으로 수정.
- 'Layers' 안에 있는 기존 폴더들의 이름을 PFP NFT 각 요소의 이미지가 들어있는 폴더 이름으로 수정합니다. *폴더 경로: 데스크탑 > HashLips_art_engine > Layers
- 폴더 이름 변경 후, 각 폴더에 맞는 구성요소(눈, 코, 입 등)의 이미지 파일을 해당 폴더에 저장합니다(복사+붙여넣기).
- PFP NFT 각 요소의 이미지가 들어있는 폴더 이름과 코드의 { Name: " " } 따옴표 안의 글자를 동일하게 수정합니다.
- 폴더 개수만큼 { Name: " " } 를 복사해서 코드에 추가합니다.
 |
| *출처: Reece Hunter, <Visual Studio 코드 수정 전> |
 |
| *출처: Reece Hunter, <Visual Studio 코드 수정 후> |
⑦ 코드의 8행: 따옴표 안의 문자를 PFP NFT 프로젝트 소개 문구로 교체.
⑧ 코드의 13행: 숫자를 수정해서 원하는 갯수만큼 NFT 이미지 생성(10,000 = 이미지 1만개)
⑨ 코드의 39~59행: 메타데이터 부분
- 코드의 40행: 숫자 '250'은 판매 수수료 2.5%를 의미함.
- 코드의 9행: 따옴표 내 글자를 지우고 " image.png"로 입력.
- 왼쪽 카테고리에서 <Main.js> 클릭.
- Main.js 코드의 115행: 따옴표 내 글자만 삭제. " " ← 이렇게 빈칸으로 둡니다.
⑩ 하단의 Terminal에 < yarn install > 입력 후 엔터.
⑪ 텍스트가 나오다가 멈추면 <node index.js > 입력 후 엔터.
⑫ NFT 이미지 생성 완료.
⑬ 데스크탑에서 <HashLips_art_engine 폴더> 클릭.
⑭ 'HashLips_art_engine 폴더' 내 < Build 폴더> 클릭.
⑮ 'Build 폴더' 내 <Image 폴더> 클릭.
→ 생성된 NFT 이미지 확인 가능.
*'Visual Studio Code', 'Node.js'의 설치방법은 아래의 영상을 참고 해 주세요.
*출처: 개발자의 품격, <Node.js 설치방법>
*출처: 파이스탁, < VS Code의 설치 및 간단한 사용법>
0 댓글