배경 및 목적
취미로 시향하러 갈 때가 있어서 향수와 관련된 인포그래픽을 제작하고 싶었습니다.
구글에 "향수 인포그래픽" 또는 "perfume infographic" 를 검색하면 예쁜 이미지들이 많은데요
제가 정리한 향수 소개글을 바탕으로 예쁘게 만들어보고 싶었으나 디자인툴을 배우자니 막막하더라고요(...)
포토샵, 일러스트 프로그램을 배우기는 부담이 되던 차에
AI툴로 이미지 생성을 하는 영상들을 보게 되면서 관련 정보를 찾아보게 되었습니다.
그 결과 해당 콘텐츠를 만들기위해 클로드 아티팩트 툴이 적합해보였습니다.
이에 취미, AI툴 입문겸, 스터디를 통해 배우고자 간단한 작업을 시도해보았습니다.
참고 자료
스터디장(김승우)님께서 촬영 후 공유해주신 유투브 영상이 많은 도움이 되었습니다 🙂
클로 드 아티팩트 기능 활성화 방법 (1분 45초): https://youtu.be/oOpZ9bKo4Kc
클로드 아티팩트로 디자이너급 슬라이드 만드는 튜토리얼 (46분):
https://youtu.be/F2Tv7hojjoU (8분까지만 봐도 기본은 충분히 이해할 수 있어요!)
활용 툴
클로드 아티팩트 : 슬라이드 개요 생성 및 텍스트 정제 후 최종 슬라이드 생성
이디오그램 : 아름다운 이미지 생성을 통한 인포그래픽 디자인 업그레이드
실행 과정
1. 원문 텍스트 추출
작성해둔 글을 가져와 붙여넣기 → 자동으로 클로드가 개요를 작성하며 요약해주었습니다.
2. 클로드 적용
생각과정을 명시하라며 슬라이드를 react로 생성해달라고 요청 → 기본 슬라이드 생성
3. 텍스트 구성 및 슬라이드 디자인 수정
클로드 내에서 슬라이드 디자인을 최대한 수정해보았습니다.
그래프 표현에 있어 원형차트, 가로세로축 그래프 및 숫자값 위치 등을 세부적으로 조정
기타 사항들(정보 생략 등) 을 지속 수정 요청
3-1. 구글링한 이미지를 반영한 슬라이드 이미지 업그레이드 시도 → 실패
구글에 "perfume infographic"를 검색하여 나온 이미지 중 마음에 드는 것을 이미지 복사
클로드에 해당 이미지를 반영하여 특정 슬라이드(향수의 분류 슬라이드) 디자인 업그레이드를 요청함 → 실패
→ 직접적인 이미지 적용 시, 클로드가 정교하게 인식하는 것 같지는 않음..
4. 클로드에 해당 슬라이드를 활용한 프롬프트 생성
기본 틀이 잡힌 슬라이드를 바탕으로 Ideogram에 맞는 프롬프트를 작성해달라고 요청
일반적인 프롬프트를 생성한거 같아서 기존에 만든 슬라이드 내용이 포함된것이 맞는지 재확인하고, 해당 정보를 반영하여 프롬프트를 작성해달라고 재요청.
5. 이디오그램 이미지 생성
클로드가 생성한 프롬프트를 붙여넣고 이미지 생성을 요청
프롬프트를 바탕으로 세련된 이미지가 제공됨
6. 클로드에 해당 이미지로 슬라이드 생성 명령
Ideogram이 제공해준 첫번째 이미지를 붙여넣고 해당 이미지를 반영하여 슬라이드 디자인을 개선해 달라고 요청함.
해당 부분에서 이디오그램의 세련된 이미지를 클로드가 인식해서 100% 카피한 버전이 나오는데 여러가지 개선 과정이 필요해보임.
세련된 이미지를 반영해달라고 요청하였으나 클로드는 에러코드를 뱉거나 결국 단순 반영하여 업그레이드한 정도로만 개선을 해주었습니다(.. 아직 프롬프트 엔지니어링 기술이 부족하여..)
결과 및 인사이트
클로드를 통한 기본 슬라이드 작성
구글링 등 직접 예쁜 이미지를 검색해서 클로드에 해당 이미지를 반영한 업그레이드 요청 시, 아직 클로드가 이미지 반영을 완벽하게 하는 것 같지는 않음.
Ideogram 에서 프롬프트를 제시하면 세련된 이미지를 만들수 있는 것 확인
Ideogram이 제공한 이미지를 클로드에서 최대한 100% 가깝게 반영하려면 어떻게 명령해야하는지 도전과제