ComfyUI 사용기: 3D 아이콘 제작 및 배포

by Matcha UX

안녕하세요. 오늘은 3D 아이콘 제작 워크플로우 이야기를 공유해보려고 합니다.
이번 작업에는 Confy UI와 Flux 모델을 활용했는데, 생각보다 재미있고 응용할 수 있는 범위가 넓어서 기록을 남겨두고자 합니다.




Flux 모델과 LoRA 세팅

사용한 모델은 flux2-krea-dev_fp8_scaled.safetensors입니다.


해당 모델은 전반적으로 가볍고 안정적인 결과를 보여줘서, 아이콘처럼 단순하지만 일관된 스타일이 필요한 작업에 잘 맞다고 느꼈습니다. 여기에 3D 아이콘 전용 LoRA와 디테일 보강 LoRA를 함께 사용했습니다.


LoRA를 여러 개 조합해가며 강도를 조절해봤는데, 단순히 많은 LoRA를 동시에 쓴다고 해서 이미지 품질이 무조건 높아지는 건 아니었습니다. 중요한 건 내가 도출하고자 하는 이미지에 가장 잘 맞는 LoRA와 적절한 조합을 찾아내는 것인 것 같아요.




워크플로우 구조

구성은 크게 세 단계로 단순하게 만들었습니다.

모델 로드 (확산 모델, VAE, 이중 CLIP)

LoRA 적용 (아이콘 스타일 + 디테일)

프롬프트 입력 (긍정/부정 프롬프트 조합)

s.PNG 워크플로우 일부


긍정 프롬프트에는 아이콘의 형태와 재질을 구체적으로 적고,

부정 프롬프트에는 텍스트, 로고, 각인, 워터마크 같은 불필요한 요소를 배제하도록 했습니다.

(부정 프롬프트 예시: photorealistic, metallic, chrome, hard reflections, sharp highlights, strong glare, complex textures, gradients, rainbow colors, text, watermark, shadow, dark colors, letters, engraving, words)




만들어본 아이콘들

UX/UI 프로젝트를 진행하다 보면 화면의 포인트나 전달력을 높이기 위해 3D 아이콘이 필요할 때가 종종 있습니다. 그럴 때마다 바로 활용할 수 있도록 해당 워크플로우를 활용하여 제작해보았는데요, 금융·비즈니스 관련 아이콘을 만들어봤습니다.


flux_krea_00255_.png
flux_krea_00273_.png
flux_krea_00322_.png
Piggy bank with coin / Notification bell / Announcement


모두 부드러운 곡선, 파스텔 톤, 플라스틱 질감을 유지하면서 통일감 있게 완성됐습니다.

Midjourney같은 다른 서비스와 비교해봤을 때 Confy UI는 같은 워크플로우를 사용하면 스타일이 일관되게 유지되는 게 확실한 장점입니다.




Midjourney와 비교

Midjourney도 멋진 결과물을 주지만, 배경 분리나 일관성에서는 Confy UI 쪽이 더 편리했습니다. 특히 BRIA_AI_REBG 같은 배경 제거 노드를 추가하면 곧바로 투명 배경 PNG로 추출할 수 있어서 후가공 작업을 거의 하지 않아도 된다는 점이 큰 장점이었습니다.


물론 Midjourney는 한 번에 여러 장을 생성해 그중 원하는 이미지를 선택하고 변형해 나갈 수 있다는 장점이 있습니다. 하지만 확실히 동일한 스타일이나 일관성 있는 이미지를 계속 생성하는 데는 다소 어려움이 있다고 느꼈습니다.생성 속도 면에서는 큰 차이를 못 느꼈지만, 워크플로우가 무거워질수록 Confy UI 쪽이 시간이 더 소요되는 건 사실입니다. 이번 작업에서는 워크플로우를 최대한 간소화했기 때문에 평균적으로 1분 내외로 결과물을 얻을 수 있었습니다.




시행착오와 배운 점

물론 처음부터 딱 맞는 결과가 나오진 않았습니다. 몇몇 아이콘은 수십 번 반복해서 뽑아보고, 디테일을 더 구체적으로 묘사해야 원하는 모양이 나왔습니다. 그 과정이 조금 번거롭긴 했지만, 최종적으로는 나름 만족스러운 아이콘 세트를 만들 수 있었습니다.


ttt.PNG 시행착오 과정


추가로 대부분의 AI 생성 툴이 텍스트에는 약하기 때문에 글자를 넣으면 일그러지거나 깨지는 경우가 많습니다. 그래서 저는 이번에 아이콘을 제작할 때는 아예 텍스트를 배제하는 쪽을 선택했습니다. 물론 Confy UI 안에도 텍스트 보강을 위한 노드가 있긴 하지만, 아이콘처럼 심플한 그래픽에서는 오히려 글자를 빼는 게 결과물이 훨씬 깔끔했습니다.




제가 만든 아이콘 세트는 Figma 파일로 공유하려고 합니다.

직접 활용해보시면서 디자인 작업에 활용하시면 좋을 것 같아요.

Frame 1 (2).png

https://www.figma.com/community/file/1550310726671580818




다음에는 이 워크플로우를 활용해 또 다른 스타일의 아이콘 세트를 제작해보도록 하겠습니다.
읽어주셔서 감사합니다.




+ 글래스 스타일의 아이콘도 추가로 공유합니다.

상업적 사용을 제외한 모든 용도로 무료 사용 가능합니다.

9b8221f48cb4ddf6d3db6d89b5023ba5bd157776

https://www.figma.com/community/file/1547756626332270204/soft-glass-summer-icon-pack

keyword
작가의 이전글Gemini 나노바나나 사용기: 이미지 생성 테스트