ChatGPT를 활용해 간단한 아이콘 만드는 방법을 소개합니다. 이 튜토리얼에서 chatGPT에게 요청하여 SVG 코드를 직접 작성하고, 이를 SVG 뷰어를 통해 다운로드하는 과정을 안내합니다. 1분만에 chatgpt에게 아이콘을 제공받는 방법을 알아보세요.
1. 아이콘 정하기
먼저, 만들고 싶은 아이콘을 생각해보세요. 이 때, 아이콘의 용도, 스타일, 크기 등을 고려하는 것이 중요합니다. 예를 들어, 모바일 앱의 메뉴 아이콘, 웹사이트의 소셜 미디어 아이콘 등 구체적인 사용 사례를 떠올려보세요. 이 실습에서는 ‘github’ 아이콘을 생성해 보겠습니다.
2. ChatGPT에게 SVG 코드 작성 요청하기
ChatGPT에게 원하는 아이콘의 스타일과 특징을 설명하고, SVG(Scaleable Vector Graphics) 코드로 변환해달라고 요청하세요. SVG 형식은 확장성이 뛰어나고, 웹에서 깨끗하게 렌더링되는 장점이 있습니다.
프롬프트: create a SVG code for github icon
3. SVG 뷰어를 통해 아이콘 다운로드하기
생성된 SVG 코드를 복사하여, 온라인 SVG 뷰어에 붙여넣기 하세요. 이후, 아이콘을 시각적으로 확인하고 다운로드 버튼을 클릭해 파일을 저장합니다.
4. 아이콘 사용 및 테스트
다운로드한 아이콘 파일을 실제 프로젝트에 적용해보세요. 다양한 배경색, 크기, 위치에서 어떻게 보이는지 테스트해보고, 필요하다면 추가 조정을 진행합니다. UX/UI 디자이너는 피그마에서 SVG를 주로 사용하므로 매우 유용합니다.
제가 필요한 아이콘을 추가로 생성해 보았습니다. 시계 모양의 아이콘이 필요했어요. 이전 프롬프트에서 ‘github’만 ‘clock’로 변경하여 요청했습니다. 다운로드 받은 아이콘을 피그마에서 열어보았는데 깔끔하게 잘 나옵니다.
마무리
ChatGPT를 활용해 SVG 아이콘 만드는 방법을 알아보았습니다. 이 과정을 통해 누구나 쉽고 빠르게 원하는 아이콘을 제작할 수 있음을 확인했습니다. 피그마 아이콘팩에 원하는 형태가 없다면 chatGPT를 통해 아이콘을 만들어보세요!
참고로 SVG viewer 사이트에 다양한 형태의 SVG를 제공합니다. 디자인에 다양하게 활용해보세요.