🔎 #748. ChatGPT에서 아이콘.svg 만드는 법

안녕하세요?
매일 사람이 쓰는 뉴스레터 Daily Prompt입니다.

오늘은 ChatGPT에서 아이콘 이미지를 생성하고 SVG 파일로 내려받는 실험을 다룹니다.

ChatGPT에서 아이콘 SVG까지 만드는 법

지난 61회 뉴스레터(2023.07.24 발행)에서는 Midjourney v5.2로 심플한 아이콘 이미지를 만들고, Vectorizer.AI에서 SVG 파일로 변환하는 방법을 소개했습니다.

3년이 지난 지금, ChatGPT 내에서 모두 해볼 수 있습니다. 아이콘 이미지 생성 뿐만 아니라 SVG 파일까지 ChatGPT가 만들어줍니다.

심플 아이콘 이미지 생성

오늘의 프롬프트 1:

오늘의 프롬프트 1 입력 결과:

이어서 SVG 파일로 요청하기

'SVG 파일로도 나오면 좋을텐데' 하는 생각에 한 번 요청해보았습니다. 이어서 아래와 같이 입력해보았습니다.

오늘의 프롬프트 2:

오늘의 프롬프트 2 입력 결과:

피그마에 이미지를 불러온 뒤 흰 배경을 제거하면 다음과 같이 선만 남습니다. 그러나 오늘의 프롬프트 1 입력 결과 이미지에서 보이는 것과 달리, 선이 매끄럽지 않다는 문제가 있습니다.

픽셀아트 스타일의 SVG 요청하기

ChatGPT가 만들어주는 SVG 아이콘의 선이 매끄럽지 않다면, 애초에 계단식 픽셀이 보이는 픽셀 아트 스타일로 만들면 어떨까? 하는 생각이 들어 시도해보았습니다.

오늘의 프롬프트 3:

오늘의 프롬프트 3 입력 결과:

투명 배경 PNG 시도

또 하나 유용한 팁은, 생성된 아이콘 시트에서 특정 아이콘 하나만 분리해달라고 요청하고, 투명 배경의 png 파일로도 받을 수 있습니다.

오늘의 프롬프트 4:

오늘의 프롬프트 4 입력 결과:

위 이미지를 받아보면 실제로는 투명이 아니라, 격자무늬 배경이 있는 이미지입니다. 그래서 다음과 같이 이미지가 아닌 'PNG 파일 다운로드'의 답변을 받아야 배경이 빈 이미지를 받을 수 있습니다.

마무리

1. ChatGPT에서 아이콘 이미지를 생성한 뒤, 다음과 같이 피그마에서 'Vectorize'하는 방법도 가능합니다.

2. 오늘 실험에서 보여드린 것처럼, 복잡한 곡선이나 손그림 느낌의 선은 아직 SVG 파일로 바로 받았을 때 어색하게 보일 수 있습니다. 그래서 방향을 바꿔 픽셀 아트 스타일로 다시 요청해보았고, 오히려 SVG의 단순한 구조와 잘 맞는 결과물을 얻을 수 있었습니다.
3. 오늘 실험을 통해 오류가 새로운 아이디어가 될 수 있다는 점이 재밌었습니다. 처음에는 '아직 SVG로 받기에는 좀 어색하네'라고 생각했지만, 그 어색함 덕분에 픽셀 아트라는 다른 방향을 떠올릴 수 있었습니다. 선이 매끄럽지 않은 결과를 억지로 고치기보다, 그 어색함이 자연스러운 스타일을 찾았다는 점에서 이번 실험이 의미가 있었습니다.

오늘의 Midjourney Prompt & Music

아래 Midjourney 이미지를 음악과 함께 감상해보세요:)

Nyang

0:00

/0

1×

프롬프트 (by @jae_hong__an) :