🔎 #439. 바우하우스 패턴 생성기 만들기 (o1 Canvas)

안녕하세요?
매일 1개의 프롬프트를 배달해드리는 Daily Prompt입니다.

오늘은 ChatGPT의 o1과 Canvas 기능을 사용해 바우하우스풍 패턴 생성기 제작방법을 다룹니다.

o1 Canvas로 코드 작성 후 미리보기

Canvas 기능이 GPT-4o에만 적용되었지만, 이제 o1에도 적용되었습니다. 또한, 436회 뉴스레터에서 다뤘듯, Canvas 기능에서 코드 미리보기가 가능합니다. 이를 활용해 바우하우스 패턴 생성기를 만들어보았습니다.

1️⃣ o1이 처음에 만들어준 것

'/캔버스'를 입력해 캔버스 기능을 활성화시키고, o1을 사용해 프롬프트를 아래와 같이 입력했습니다.

오늘의 프롬프트 1: 바우하우스 스타일 svg art generator가 필요해. 도형 뿐만 아니라 선도 추가해주고, 컬러는 바우하우스에서 자주 쓰는 컬러(원색) 등 대표적인 색만 적용되면 좋겠어.

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

'Generate Bauhaus Art' 버튼을 클릭하면 랜덤한 SVG Art를 생성해줍니다.

2️⃣ 레퍼런스 이미지 업로드 후 수정요청

썩 만족스럽지는 않아서, 바우하우스 패턴 관련 레퍼런스 이미지를 주었습니다. 이미지를 업로드한 뒤 다음과 같이 프롬프트를 입력합니다.

오늘의 프롬프트 2: 이런 패턴 디자인이 되도록 수정해줄 수 있어?

오늘의 프롬프트 2 입력 결과(영상):

3️⃣ 추가 수정요청하기

ChatGPT가 만들어준 생성기를 사용해보고 ​아쉬운 점을 프롬프트에 담아 입력하여 수정을 요청합니다.

오늘의 프롬프트 3: 랜덤의 정도를 조절하는 슬라이드 바를 추가해주고, 랜덤 버튼을 클릭하면 랜덤한 패턴이 생성되고 결과물까지 나오도록 만들어줘. 컬러는 아까 보내준 레퍼런스 이미지를 사용해줘.

오늘의 프롬프트 3 입력 결과(영상):

마무리

1. HTML 온라인 에디터 추가 사용: 챗GPT가 작성해준 코드를 HTML 온라인 에디터에 붙여넣기 하여 실행해보면, 아래 이미지와과 같이 랜덤한 패턴을 생성하고, 'Download SVG' 버튼을 클릭하여 이미지를 다운로드 받을 수 있습니다. 대화가 길어지면 캔버스에 코드를 쓰지 않거나, 미리보기가 되지 않는 오류가 생겨서 ChatGPT가 써준 코드를 HTML 온라인 에디터에 붙여넣기하였습니다.

2. 다양한 시뮬레이터 제작 가능: o1 모델과 캔버스 기능을 활용해 다양한 시뮬레이터를 만드는 것도 가능합니다. 프롬프트도 간단합니다. 아래 이미지와 같이 온도에 따른 물 분자의 움직임을 보여주는 시뮬레이터는 "사용자가 온도를 낮추거나 올리면 그에 따라 물 분자의 운동이 어떻게 달라지는지 보여주는 시뮬레이터를 만들어줘"라고 프롬프트를 입력하였습니다.

3. 사용자의 배경지식이 중요: 오늘 소개드린 것과 같이 AI가 SVG 아트 생성기나, 물 분자 시뮬레이터 등을 잘 만들어주지만, 이를 만들기 위한 사용자의 배경지식 습득이 선행되어야 합니다. 만약 '바우하우스'에 대해 알지 못한다면 오늘 소개드린 것과 같은 아트 생성기를 제작할 수 없었을 것입니다. 생성형 AI의 발전을 바라볼수록 사용자인 인간의 지식습득 중요성을 더욱 깨닫게 됩니다.

오늘의 Midjourney Prompt & Music

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

Dystopian Dictatorship

0:00

/149.472

1×

프롬프트 (by @jae_hong__an) :