DAY+8 [ AI 시대의 디자인 활용 2]

안녕하세요, 주-주스 입니다! 🍹

 

＼＼\ ٩(๑❛ワ❛๑)و //／／
캠프 8일차

𐔌՞⁔⸝⸝ɞ̴̶̷ ̫ ᴗ̤⸝⸝⁔՞𐦯ᯤ♡

 

오늘은!! AI 시대의 디자인 활용! 리서치 편을 포스팅하겠습니다!

---

1. Adobe Firefly란 무엇인가?

= Adobe Firefly는 디자이너, 아티스트, 마케터, 크리에이터를 위해 만들어진 AI 기반 디자인 툴
기존의 Photoshop이나 Mlustrator처럼 수작업으로 이미지를 제작하는 것이 아니라,
AI가 자동으로 창의적인 콘텐츠를 만들어주는 방식입니다!!

 

•"텍스트로 원하는 그림을 설명하면 AI가 직접 그려준다!"

---

2. Firefly 주요 기능

 

1. 텍스트에서 이미지 생성 (Text to Image)

1. 텍스트 입력> 원하는 이미지를 설명
2. Firefly가 분석하여 이미지 생성
3. 마음에 들지 않으면 프롬프트를 수정해서 다시 생성 가능

2. 생성형 채우기 (generative fill)

- 이미지를 업로드 바꾸고 싶은 부분을 선택

- 원하는 개체를 추가하거나 삭제할 내용을 입력

 

3. 텍스트 효과 (Text Effects)

1. 원하는 단어 입력
2. 적용할 스타일을 설명
3. Firefly가 텍스트를 멋지게 변형!

4. 생성형 재색상화 (Generative Recolor)

 = 같은 디자인을 여러 색상

1. SVG 파일 업로드
2. 원하는 색상 스타일 설명
3. Firefly가 자동으로 색상 조합을 제

---

2. Firefly 이용방법

https://firefly.adobe.com/

Adobe Firefly

무료 제작 월 25개 가능!!

 

 

Adobe Firefly 유의할 점 & 활용팁 

🥕 같은 프롬프트를 입력해도 완전히 똑같은 이미지가 나오지 않음!

But. Midjourney, Stable Diffusion 등의 AI 도구들은 프롬프트 컨트롤이 가능하지만,
Firefly는 아직 완벽한 컨트롤 x =  비슷한 스타일을 원한다면 구도, 색감, 조명 설정을 활용!

 

🥕 다양한 각도 & 보정으로 이미지 변형 가능

- 유사한 이미지를 다양한 방식으로 변형 가능

- 예를 들어, 같은 장면을 다른 카메라 각도(부감, 클로즈업 등) 로 생성 가능

- 배경과 조명 조정으로 원하는 스타일을 찾기 가능

 

🥕 사람보다 배경 & 사물에 강함

인물 생성 시 한계가 있음

• 손가락, 얼굴 디테일이 아직 완벽하지 않음 (손가락 6개.. 눈 동공 2개..)
• 특히 동아시아인 구분이 어려움 배경 & But 사물 생성 퀄리티 우수!
• 풍경, 건축물, 동물, 오브젝트 생성에 강점
• 제품 디자인, 브랜딩 이미지 제작에 활용 가능

해결 방법:

✓ 사람 이미지는 직접 수정 & 보정

✓ Adobe Photoshop의 Generative Fill 기능과 함께 사용

 

🥕 한글 프롬프트 100% 지원 X, 영어 사용 추천

세밀한 조정값(디테일한 요소값)은 영어 프롬프트를 사용하면 훨씬 더 정확한 결과를 얻을 수 있음

같은 의미라도 영어로 입력하면 더 정확하고 디테일한 표현 가능

---

Adobe Firefly 이미지 생성의 3가지 핵심 요소

배경 (Background)

✓ 풍경, 도시, 실내 공간 등 배경을 설정

✓ 자연광 / 조명 효과 / 컬러톤 지정 가능

 

사물 or 인물 (Objects or Characters)

✓ 특정 사물을 추가 (예: 자동차, 컵, 책 등)

✓ 사람도 추가 가능하지만 손 디테일 확인 필요

 

동작 (Action)

✓ 캐릭터가 취하는 행동 지정 가능 (예: 뛰기, 앉기, 춤추기)

✓ 감정 표현도 조절 가능 (웃음, 슬픔, 긴장 등)

---

Adobe Firefly 설정값 & 활용법

구조 참조 (Composition Reference)

✓ 부감샷/ 클로즈업 / 특정 각도 지정 가능

✓ 카메라 앵글을 조절하여 원하는 구도 연출

✓ 생성한 이미지를 바로 Adobe Express로 보내 편집 가능

✓ 카드 뉴스, 포스터, 광고 배너 제작에 유용

 

최신 모델 'Firefly 3' 사용

✓ 기본적으로 패스트 모드(저화질)로 생성

✓ 업스케일(고해상도 변환) 기능으로 더 높은 품질의 이미지 제작 가능

✓ 빠르게 여러 개의 시안을 만들고, 원하는 이미지만 고해상도로 변환!

---

Adobe Firefly 프롬프트 작성법 총정리

1. Firefly 프롬프트 기본 구조

Firefly에서 좋은 결과를 얻으려면 프롬프트를 체계적으로 작성필요

1. 주제 (Main Subject)> 무엇을 만들 것인지
2. 스타일 (Style & Aesthetic) 사진, 일러스트, 픽셀아트 등
3. 배경 (Background & Setting)> 장소, 환경, 분위기
4. 조명 & 색감 (Lighting & Color Tone) 자연광, 네온사인, 다채로운 색상 등
5. 카메라 앵글 (Camera Angle& Perspective) 클로즈업, 부감샷, 광각 등

 

✓ 주제 + 스타일 + 배경 + 조명+ 카메라 앵글을 조합

✓ 영어로 입력 / 키워드를 활용해 원하는 분위기 &스타일 연출

✓ 구체적으로 설명할수록 AI가 더 좋은 결과 생성

 

---

오늘의 실습 !

1. 프롬프트 딥리서치 포맷에 맞춰서 작성해서 결과물얻어보기 (자유주제로)

 

군자역 산책 코스에 대해 5줄 요약.

1. 코스명: 군자에서 아차산 숲으로 떠나는 탈출 (Gunja to Achasan Forest Escape).
2. 특징: 군자역에서 시작해 아차산역 방향의 숨겨진 숲길을 걸으며 도시와 자연의 조화를 느낄 수 있는 코스입니다.
3. 하이라이트: 잘 알려지지 않은 새말전 전망대에서 도시 야경을 감상하고, 놀이터에서 스트레칭하며 운동 효과를 높일 수 있습니다.
4. 목적: 다이어트와 건강을 목표로 하는 분께 적합하며, 왕복 5.5km로 약 60분 동안 걷기 또는 달리기를 할 수 있습니다.
5. 적합한 시간: 평일 저녁 8시 이후, 한적하고 몽환적인 분위기 속에서 산책하기 좋습니다.

2. Chat GPT기획서 기반 AI 활용 브랜드 에셋 디자인만들 (파이어플라이 활용)

🌊 심연의 바다 왕국 (Abyssal Kingdom) 기획서

1. 컨셉

• 브랜드명: Abyssal Kingdom
• 키워드: 신비로움, 미지, 몽환, 고대, 빛나는 심해
• 브랜드 스토리:이곳은 바다의 빛나는 보석과 같은 산호와 크리스탈로 이루어져 있으며, 바다의 여왕이 왕국을 지켜내고 있다.
• Abyssal Kingdom은 그 신비로운 세계를 시각적으로 담아낸 브랜드이다.
• 깊고 끝없는 바다 속에는 인간이 아직 발견하지 못한 고대 왕국이 존재한다.

---

2. 무드보드 방향

• 컬러 팔레트:
  • Deep Blue (#0D1B2A)
  • Emerald Green (#1B998B)
  • Violet Glow (#6C63FF)
  • Silver Shine (#C0C0C0)
• 무드 키워드:
• ✨ 몽환적 · 신비로운 빛 · 고요한 심연 · 보석 같은 발광체
• 무드보드 예시 요소:
  1. 바닷속 왕국(고대 유적 + 산호 숲)
  2. 바다의 여왕(인어/심해의 수호자)
  3. 심연의 심장(빛나는 산호 크리스탈 오브제)
•  

1. 배경 이미지 (World Main)

• 설명: 깊은 심해에 펼쳐진 몽환적인 왕국 풍경. 고대 성문과 빛나는 산호숲이 중심, 멀리 작은 인어 실루엣이 보이는 장면.
• 프롬프트 예시

Epic underwater kingdom with a massive ornate ancient gate and grand palace exterior, covered in glowing corals and luminous crystals, towering structures rising from the deep ocean, cinematic wide shot, dramatic lighting, ethereal mystical atmosphere, breathtaking scale, tiny silhouette of a mermaid for scale

---

2. 심볼 오브제 (Symbol)

• 설명: 바다의 심장을 상징하는 빛나는 산호 크리스탈. 몽환적인 빛을 발하며 배경은 최소화.
• 프롬프트 예시

Glowing coral crystal, deep blue and emerald light, magical aura, centerpiece object, surrounded by soft waves and bioluminescent particles, fantasy underwater style

---

3. 연의 바다 왕국, 여왕의 초상

• 설명: 깊고 고요한 심해 속, 신비로운 빛을 머금은 바다 여왕의 초상화를 담아냅니다. 마치 살아있는 듯 극도로 사실적인 묘사는 우아하고 매혹적인 여왕의 얼굴과 상체에 시선을 고정시킵니다. 아름다운 여왕의 모습 뒤로는 은은하게 빛나는 보랏빛 산호와 고대 유물이 아득하게 펼쳐져, 몽환적이면서도 장엄한 분위기를 자아냅니다. 권위와 신비로움이 조화된 바다 여왕의 모습을 담아보세요.
• 프롬프트

A hyperrealistic portrait of a majestic and beautiful mermaid queen. She has an elegant, shimmering tail and an enchanting, serene expression. Her features are exquisitely detailed, focusing on her regal face and upper body. The background is a soft, dreamlike, and mystical deep-sea abyss, subtly illuminated with a violet glow and hints of glowing, gem-like coral. Emphasize a sense of mystery and ancient authority. The color palette incorporates deep blue, emerald green, violet glow, and silver shine.

 

 

---

---

3. 오늘 소개된 AI툴 모두 사용하여 서비스리서치 진행해보기 (제미나이, 퍼플렉시티, 그록, 클로드, 챗지피티)

3-4. 위 딥리서치들을 통해 느낀점 / 회고

 이번 딥리서치 실습을 통해 AI 도구들을 활용한 정보 탐색의 깊이와 다양성을 경험하며, 여러 경험을 할 수 있었습니다! 특히, 다양한 AI 툴을 사용해 토스(Toss)에 대한 리서치를 진행하면서, 각 도구의 강점과 차이점을 명확히 깨달았습니다. AI 툴들은 비슷한 주제에 대해 정보를 제공하지만, 구체성과 상세함, 정확성에서 뚜렷한 차이를 보인다는 점이 인상적이었습니다. 또한, 형식적인 차이도 났었는데 텍스트 중심의 응답 외에 테이블로 비교 분석을 제시하거나, 이미지 첨부해 시각적으로 보여주는 ai도 있었습니다. 이러한 차이는 단순히 '같은 내용'을 넘어, 사용자의 맥락에 따라 최적의 도구를 선택해야 한다는 교훈을 주었습니다.

 오늘 실습을 통해서 언제 어떤 상황이든 ! 무슨 ai든 다 사용할 수 있는 프로덕트 디자이너가 될 수 있을 거라는 확신이 들었습니다! 물론 그만큼의 역량을 키워야 한다는 점을 알고 있습니다. 그래서 ai에 대해 연구하고 단순한 보조 도구가 아닌 파트너로 활용하도록 노력할 것입니다!

 

---

4. 배달의 민족 어도비 웨비나 강연 시청 후, 짧게 회고

[[2024 Make it. 웨비나] 우아한청년들 Firefly 적용 / 우아한청년들]

https://www.youtube.com/watch?v=DSeJR0G88yk

우아한 청년들'의 콘텐츠 디자이너가 배달의민족과 배민커넥트의 콘텐츠 제작 과정에 Adobe Firefly를 어떻게 효과적으로 활용하는지 알려주시는 점이 흥미로웠습니다! 디자이너는 AI 툴이 디자이너의 일자리를 위협하기보다는, 작업 효율을 극대화하고 더 많은 시간을 확보하게 해주는 긍정적인 도구라고 강조하여 크게 깨닫게 되었습니다!

주요 내용:
-  배민커넥트의 콘텐츠 디자인:  라이더 모집, 프로모션, 안전 교육 등 다양한 콘텐츠를 제작하며, 매년 라이더 실사 사진 촬영을 통해 브랜드 이미지를 구축합니다.
- 어도비 파이어플라이 활용 사례: 광고 채널별로 필요한 다양한 소재를 제작하기 위해, 배경 합성이 어려운 이미지에 Firefly의 생성형 AI 기능을 활용하여 자연스러운 배경을 생성하고 다양한 변형을 만들어내는 과정을 소개합니다.
- 고유 자산 제작의 혁신: 손으로 직접 빚어 만들던 '스컬피' 같은 배달의민족 고유의 그래픽 자산을, Firefly에 참조 이미지로 넣고 프롬프트를 입력하는 것만으로 손쉽게 새로운 이미지를 생성하는 방법을 보여줍니다. 이를 통해 기존 자산을 대체할 새로운 소재를 끊임없이 만들어낼 수 있습니다.


= 가장 인상 깊었던 점! 느낀점 본인 작성 =

 배민커넥트의 기존 콘텐츠 자산이 부족하다는 것을 느끼고 해결책으로 Firefly를 사용했다는 점이 제일 인상 깊었습니다! 손쉽게 초안을 만들고, 그 위에 기존 자산을 덮어씌워 새로운 결과물을 만들어내는 과정에서 솔직히 이게 벌써 실현되고 있다는 게 놀라웠습니다.  다음에 제가 디자이너가 된다면 이를 잘 참고하여 활용하고 싶다는 생각이 들 정도였습니다! 시간 절약도 절약이지만 브랜드 내 디자이너의 고유한 감각과 AI의 빠른 생성 능력을 결합하여, 브랜드의 일관성을 유지하면서도 무한하게 창의적으로 확장할 수 있다는 것을 증명하기 때문입니닷!

AI가 반복적이고 단순한 시각 작업의 부분을 대신해준다면 , 프로덕트 디자이너는 사용자 문제를 정의하고 해결하는 역할에 더욱 집중될 것 같습니다. 원래는 손으로 하나하나 만들고 기획하고 생각했다면,, AI를 활용해서 문제 해결을 진행하는 전략가 역할이 될것으로 기대합니다!  이제는 AI를 능숙하게 다루는 능력이 피그마를 잘 다루는 것만큼 중요한 핵심 역량 될 것으로 생각합니다! 어서 피그마 AI도 배워보고 싶네요 ㅠㅠ

---

 

= 오늘의 한 마디 =
디자이너는 AI를 적극 활용해야 더 경쟁력이 생긴다!