2026.04.01 DAY.18
[ Today I Learned ]
DAY18_AI디자인 실전 콘텐츠 제작 1강, 도메인 탐색 및 모작 스터디 1주차
[ AI 디자인 실전 콘텐츠 제작 ] 제 1강. Firefly 기초 및 실전 프롬프트
1. 이미지 생성 원리 이해하기
Diffusion Model(확산 모델) 개념
- 확산 모델은 생성형 모델의 한 종류로 비지도학습 방식으로 데이터 분포를 학습하며 새로운 데이터 생성에 사용된다. 특히 이미지나 오디오 같은 복잡한 데이터 생성 분야에서 뛰어난 성능을 보여준다.
- 최근 인공지능 분야에서 가장 주목받는 기술 중 하나로 데이터에 점진적으로 노이즈를 추가하는 확산 과정(Forward Process), 노이즈로부터 원본 데이터를 복원하는 역확산 과정(Reverse Process)을 통해 학습하는 것이 핵심 원리다.
Diffusion Model 쉽게 이해하기
- AI는 그림을 처음부터 그리는 게 아니라 노이즈(잡음) 속에서 이미지를 찾아내는 방식으로 작동한다.
- 깨끗한 이미지를 점점 흐리게 만들며 이미지가 어떻게 망가지는지를 학습한다.(Forward process)
- 그 다음, 완전히 랜덤한 노이즈에서 시작해 어떻게 다시 선명하게 만들 수 있는지를 거꾸로 학습한다. (Reverse process)
2. Firefly 기능익히기
Gallery 활용하기
- 상단 "Gallery" 메뉴에서 다른 사람들이 만든 작품을 볼 수 있다.
- 갤러리에 있는 이미지를 클릭하면, 이미지 생성에 사용된 프롬프트를 확인할 수 있다.
- 우측하단 "Try prompt" 를 눌러 이미지를 생성할 수 있고, 프롬프트를 수정해서 사용할 수 있다.
Firefly 옵션패널
▶ Model (모델선택)
- 이미지 생성 모델을 선택할 수 있는 패널
- 수업에서 Firefly Image 4 버전 사용
▶ Aspect Ratio (이미지 비율)
- 이미지의 비율 설정
▶ Content Type(콘텐츠 타입)
- 이미지의 표현 스타일을 정하는 메뉴
- Photo : 카메라로 찍은 듯한 인물, 사물, 풍경을 만들 때 선택
- Art : 그림, 일러스트, 페인팅 스타일을 원할 때 선택
- Auto : AI가 프롬프트를 보고 적합한 스타일을 자동으로 선택
▶ Visual Intensity(시각적 강도)
- 시각적인 강도 조절 메뉴
- 왼쪽 : 색감과 스타일이 부드러워짐
- 오른쪽 : 질감, 대비가 강해짐
▶ Composition(구도 설정)
- AI에게 원하는 구도를 요청할 수 있는 기능
- Add image : 직접 참고 이미지를 업로드
- Browse gallery : Firefly가 제공하는 샘플 선
- Strength : 구도의 강도를 조절하는 슬라이더. 우측으로 갈수록 설정한 구도가 더 강하게 반영
▶ Styles(스타일)
- 이미지의 스타일을 선택할 수 있는 메뉴. 참고 이미지의 무드와 조명 등을 조합해서 결과를 만듦
- Strength : 슬라이더로 스타일의 강도를 조절
프롬프트 보조 기능
▶ Prompt suggestions(프롬프트 제안)
- 이 기능을 켜면, 프롬프트를 입력할 때 추천 문장 예시가 표시된다.
- 어떤 문장을 작성하면 이미지가 더 구체적으로 표현될지 참고할 수 있다.
▶ Prompt enhancement(프롬프트 향상)
- 이 기능은 짧은 프롬프트를 자동으로 보완해 준다,
- 사용자가 간단히 입력해도, Firefly가 알아서 세부 묘사를 추가해 준다.
생성된 이미지 추가 기능
▶ 이미지 상단 좌측 메뉴
- Edit image(이미지 편집)
- 프롬프트를 수정할 수 있는 기능
- Generative fill(생성형 채우기)
- Photoshop과 동일한 원리로 작동
- 이미지의 특정 부분을 선택해 새로운 요소를 추가 또는 불필요한 부분을 제거 가능
- Generate similar(유사 이미지 생성)
- 현재 이미지와 비슷한 분위기나 구도의 이미지를 다시 생성
- Use as composition reference(구도 참조로 사용)
- 이 이미지를 다른 이미지의 구도 참고용으로 사용.
- Use as style reference(스타일 참조로 사용)
- 이 이미지를 색감, 분위기 등 스타일 참고용으로 사용
▶ 이미지 상단 우측 메뉴
- 🅿️ Open in Photoshop Web(포토샵 웹으로 열기)
- 생성한 이미지를 웹 포토샵에서 바로 열 수 있음
- 웹에서 바로 추가 편집할 때 사용
- ⬇️ Download(다운로드)
- 생성한 이미지를 내 컴퓨터에 저장
▶ 이미지 하단 좌측 메뉴
- 👍 Like(좋아요)
- 생성된 이미지가 마음에 들면 클릭
- Firefly가 사용자 취향을 학습하는 데 도움이 됨
- 👎 Dislike(싫어요)
- 결과가 마음에 들지 않을 때 클릭
- Adobe에 피드백이 전달되어 향후 개선에 반영됨
▶ 이미지 하단 우측 메뉴
- Share options(공유 옵션)
- 이미지를 복사하거나, 영상으로 변환하거나, 다른 앱으로 보내는 기능이에요.
- 클릭하면 아래 세부 메뉴가 열려요.
- Save to Favorites(즐겨찾기 저장)
- 마음에 드는 이미지가 있다면 즐겨찾기하세요.
- Your stuff > Favorites 메뉴에서 저장한 이미지를 확인할 수 있어요.
3. 용어 정리
효과 용어
- Movements(예술사)
- Art deco(아르 데코) 대칭적이고 고급스러운 장식미
- Baroque(바로쿠) 화려하고 드라마틱한 고전풍
- Bauhaus(바우하우스) 기하학적이면서 깔끔한 디자인 스타일
- Cubism(입체파) 형태를 여러 각도로 분해한 듯한 입체적 표현
- Cyberpunk(사이버펑크) 네온 빛 도시, 미래적인 SF 분위기
- Fantasy(판타지) 비현실적이고 동화 같은 상상 세계
- Filmnoir(느와르) 강한 명암 대비, 어두운 분위기의 고전 영화풍 연출
- Impressionism(인상파) 빛과 색감을 부드럽게 표현한 회화적 스타일
- Industrial(인더스트리얼) 금속, 콘크리트, 거친 질감이 느껴지는 도시적 감성
- Minimalism(미니멀리즘) 불필요한 요소를 제거한 단순하고 세련된 표현
- Themes(테마, 분위기)
- 3D 입체감이 살아 있는 사실적 스타일
- Anime(애니메이션) 선명한 색감, 과장된 감정 표현이 특징
- Cartoon(만화) 굵은 선과 단순한 색채로 표현된 만화풍
- Cinematic(시네마틱) 영화의 한 장면처럼 깊은 명암 대비와 감정 표현
- Concept art(콘셉트 아트) 게임, 영화용 세계관 스케치 같은 느낌
- Digital art(디지털 아트) 그래픽 느낌이 강한 현대적 일러스트 스타일
- Flat design(플랫 디자인) 입체감 없이 평면적이고 단순한 색조 표현
- Geometric(지오메트릭) 도형 기반의 구조적 이미지 스타일
- Hyper realistic(극사실주의) 실제보다 더 정밀한 초사실적 표현
- Low poly(로우폴리) 삼각형 면이 보이는 3D 그래픽 느낌의 단순화된 표현
- Techniques(표현 기법)
- Acrylic paint(아크릴화) 강렬한 색감과 두꺼운 붓터치 표현
- Bold lines(굵은 선) 굵고 확실한 윤곽선으로 형태를 강조
- Chiaroscuro(음영법) 명암 대비로 입체감을 극대화한 회화기법
- Digital fractal(디지털 프랙탈) 반복적이고 복잡한 패턴이 중심인 디지털 스타일
- Doodle drawing(끄적임) 자유롭고 손그림 같은 선의 느낌
- Double exposure portrait(이중 노출 인물 사진) 두 이미지를 겹쳐 표현하는 독특한 효과
- Halftone(하프톤) 인쇄된 도트 패턴처럼 보이는 그래픽 질감
- Ink(잉크) 선이 뚜렷하고 대비가 강한 흑백 일러스트 느낌
- Line drawing(라인 드로잉) 윤곽선 위주의 깔끔한 드로잉 스타일
- Oil paint(유화) 질감이 풍부하고 붓터치가 느껴지는 회화적 표현
- Effects(시각 효과)
- Antique photo(앤티크 사진) 오래된 사진처럼 바랜 질감과 색감 표현
- Bokeh effect(보케 효과) 배경이 흐릿하고 빛망울이 강조된 사진
- Dark(어두운) 어두운 분위기의 조명과 그림자 강조
- Grainy film(그레인 효과) 필름 카메라 같은 입자감 표현
- Iridescent(무지갯빛) 각도에 따라 반짝이는 오묘한 색감
- Isometric(아이소메트릭) 위에서 본 듯한 입체적 평면 구도
- Misty(흐릿한) 흐릿하고 부드러운 몽환적 안개 톤
- Neon(네온) 형광색 조명과 강렬한 대비, 화려한 색상 강조
- Ultraviolet(자외선) 형광빛과 어두운 배경이 어우러진 미래적 느낌
- Underwater(수중) 푸른빛이 감도는 수중 연출
- Materials(질감 표현)
- Charcoal(목탄) 거칠고 질감이 살아 있는 흑백 스케치 스타일
- Claymation(클레이메이션) 점토 질감의 입체적 이미지
- Fabric(패브릭) 천 질감이 느껴지는 부드러운 표현
- Fur(모피) 따뜻하고 부드러운 질감 표현
- Layered paper(레이어드 페이퍼) 여러 겹의 종이를 겹친 듯한 입체감
- Marble(대리석) 단단하고 광택 있는 재질감
- Made of metal(금속 재질) 반사광이 느껴지는 금속 표면 표현
- Origami(종이접기) 접힌 종이로 구성된 듯한 단순 구조
- Wood carving(목각) 나무를 깎아 만든 듯한 질감
- Yarn(실) 뜨개질된 듯한 포근한 텍스처
- Concepts(감성 콘셉트)
- Beautiful(아름다운) 부드럽고 조화로운 색감의 미적 연출
- Bohemian(보헤미안) 자유롭고 예술가 같은 감성
- Chaotic(혼란스러운) 역동적이고 불규칙한 색과 형태
- Divine(신성한) 신비롭고 빛이 감도는 초월적 분위기
- Eclectic(에클레틱) 여러 스타일을 조합한 독창적 연출
- Futuristic(퓨처리스틱) 미래 기술, SF 첨단 분위기
- Kitschy(키치) 일부러 과하고 유치한 색감으로 재미를 주는 스타일
- Nostalgic(노스탤직) 오래된 감정이나 추억을 불러일으키는 따뜻한 느낌
- Simple(심플) 불필요한 장식 없이 정돈된 깔끔함
색상 및 톤 용어
- Black and white(흑백) 색을 모두 제거해 클래식하고 감성적인 흑백톤으로 표현
- Cool tone(쿨톤) 푸른빛이 도는 차가운 느낌으로 차분하고 세련된 인상 연출
- Golden(금색) 따뜻한 금빛 톤으로 생동감 있고 풍성한 분위기 표현
- Monochromatic(단색) 하나의 색조로 통일해 미니멀하고 깔끔한 느낌 강조
- Muted color(차분한 색상) 채도를 낮춰 부드럽고 차분한 감성 연출
- Pastel color(파스텔 색상) 은은하고 밝은 색감으로 따뜻하고 부드러운 이미지 표현
- Toned image(옅은 이미지) 전체 색감의 균형을 맞춰 안정적이고 자연스러운 톤 조정
- Vibrant colors(생동감 있는 색상) 선명하고 강렬한 색으로 생기 넘치고 활기찬 이미지 표현
- Warm tone(따뜻한 색조) 붉은빛이 감도는 따뜻한 색감으로 포근하고 친근한 인상
조명 용어
- Backlighting(역광) 피사체 뒤에서 빛이 들어와 실루엣을 강조하는 조명
- Dramatic light(극적인 조명) 강한 명암 대비로 극적인 분위기 연출
- Golden hour(골든 아워) 해 질 무렵의 따뜻하고 부드러운 자연광 표현
- Harsh light(강렬한 조명) 강한 직사광으로 선명한 그림자와 강렬한 대비 생성
- Long-time exposure(장시간 노출) 긴 노출로 빛의 흐름이나 움직임을 포착
- Low lighting(낮은 조명) 어두운 조명으로 은은하고 신비로운 분위기 연출
- Multiexposure(다중 노출) 여러 노출을 겹쳐 몽환적이고 예술적인 효과 구현
- Studio light(스튜디오 조명) 균형 잡힌 조명으로 인물이나 제품을 선명하게 강조
- Surreal lighting(초현실적인 조명) 비현실적 색감이나 방향의 빛으로 독특한 연출
카메라 각도 용어
- Closeup(클로즈업) 피사체를 가까이서 촬영해 표정이나 질감 등 세밀한 부분을 강조
- Knolling(90도 배치) 물건들을 위에서 정돈된 배열로 촬영하는 구성
- Landscape photography(풍경 사진) 넓은 공간과 배경을 중심으로 촬영해 개방감 표현
- Macrophotography(확대 사진) 작은 대상을 크게 확대해 디테일을 강조
- Photographed through window(창문을 통해 촬영) 창문 프레임을 이용해 거리감과 감성적인 분위기 연출
- Shallow depth of field(얕은 피사계심도) 초점이 맞은 부분만 선명하고, 배경은 흐리게 처리해 피사체를 강조
- Shot from above(부감) 위에서 아래를 내려다보는 구도로 전체 구성을 한눈에 보여줌
- Shot from below(앙각) 아래에서 위로 올려다보는 시점으로 웅장하고 강렬한 인상 연출
- Surface detail(표면 디테일) 재질이나 질감 등 표면의 세부 표현에 초점
- Wide angle(광각) 넓은 시야를 담아 공간의 깊이감과 스케일감을 강조
[실습] 다양한 효과 조합으로 이미지 생성하기
- 프롬프트 : a 3d render of a transparent blue glass armchair on a colorful gradient background
- 이펙트 : Isometric
- 컬러&톤 : Golden
- 라이팅 : Dramatic
- 카메라앵글 : Closeup
[ 도메인 탐색 및 모작 스터디 ] - 1주차 Ch.1 도메인 레퍼런스 맵핑
학습목표
브랜드별 시각적 공통점과 차이점을 직접 분석하며 디자인 감각을 체계화한다.
도메인별 톤앤매너·컬러·레이아웃 원리를 이해해 AI 생성물의 품질과 방향성을 스스로 판단해본다.
활동가이드
관심있는 도메인(산업분야)을 정하고 관련된 시각 자료를 카테고리 별로 수집한다.
공통 요소 및 차별점을 기록한다.
내가 결정한 도메인 & 서치 브랜드
- 도메인 : 라이프스타일
- 브랜드 : MUJI / TWL / JAJU
- 수집내용 : 프로모션/이벤트/배너/상세페이지/공식홈페이지
무인양품(MUJI)
1. 이 브랜드에서는 어떤 이미지와 분위기가 자주 쓰이나요?
→ 불필요한 연출을 줄이고, 제품 자체를 중심으로 보여주는 이미지가 많다. 전체적으로 조용하고 담백한 분위기다.
2. 비주얼 표현은 주로 어떤 방식으로 표현되었나요?
→ 제품 하나를 중심으로 배치하고, 여백을 넓게 사용하는 미니멀한 구성이 주로 사용된다.
3. 주요 피사체는 무엇인가요?
→ 수납용품, 생활용품 등 기능 중심의 제품이 많고, 단독으로 배치되는 경우가 많다.
4. 이미지 톤은 어떠한가요?
→ 화이트, 그레이 중심의 밝고 깔끔한 톤
TWL (Things We Love)
1. 이 브랜드에서는 어떤 이미지와 분위기가 자주 쓰이나요?
→ 여러 제품을 함께 배치해 하나의 생활 장면처럼 보여주는 이미지가 많다. 정리된 일상 느낌이 잘 드러난다.
2. 비주얼 표현은 주로 어떤 방식으로 표현되었나요?
→ 플랫레이나 정리된 배열 구도를 활용해 제품을 깔끔하게 보여준다. 이미지와 텍스트를 함께 사용하는 콘텐츠도 보인다.
3. 주요 피사체는 무엇인가요?
→ 식기, 주방용품, 생활 소품 등 일상 제품
4. 이미지 톤은 어떠한가요?
→ 베이지, 우드 계열 중심의 따뜻한 톤
자주 (JAJU)
1. 이 브랜드에서는 어떤 이미지와 분위기가 자주 쓰이나요?
→ 제품을 실제로 사용하는 장면을 보여주는 이미지가 많고, 친근한 일상 분위기가 느껴진다.
2. 비주얼 표현은 주로 어떤 방식으로 표현되었나요?
→ 이미지에 텍스트를 함께 넣어 이벤트나 정보를 강조하는 배너 형태가 많이 사용된다.
3. 주요 피사체는 무엇인가요?
→ 주방용품, 의류, 생활용품 등 다양한 제품
4. 이미지 톤은 어떠한가요?
→ 기본은 자연스러운 색감이고, 프로모션에서는 포인트 컬러를 사용한다.
[ DAY.18 학습 일기 ]
첫 팀플이 무사히 끝나고, 오늘은 다시 아쉬운 시간이 왔다. 팀교체ㅠㅠ 그간 정들었던 식구조 팀원분들과 인사하고, 새로운 팀원분들과 함께 할 15조로 무사히 찾아왔다. 이번 조는 아쉽게도 6명이 아니라 거의 ㄴ..ㅔ..네명... 원래는 다섯명이지만 한분이 개인사정으로 오늘 참석하지 못해 나를 포함한 네명이서 인사를 나눴다. 인원수가 다른 조에 비해 적어서 걱정이 되기도 하지만.. 오히려 인원수가 적어서 의견충돌이 덜 할 것 같다는 생각도 들었다. 오전엔 새로운 팀에서 아이스브레이킹 타임을 가지고, 오후엔 어도비 세미나 강의를 듣게 됐는데 강사님?이 재치넘치셔서 꽤 재미있었다. 포토샵과 일러스트, 파이어플라이의 기능들과 베타기능들을 자세히 알려주셨는데, 진짜 이제 ai로 못하는게 없는것 같다. 너무 신기했고, 또 기대되기도, 걱정되기도 한다.
'[학습기록] AI 디자이너 내일배움캠프 > Today I Learned' 카테고리의 다른 글
| [TIL] DAY20_AI디자인 실전 콘텐츠 제작 4강, 개인과제 진행 (0) | 2026.04.03 |
|---|---|
| [TIL] DAY19_AI디자인 실전 콘텐츠 제작 2~3강, 도메인 탐색 및 모작 스터디 1주차 (1) | 2026.04.02 |
| [TIL] DAY17_팀프로젝트 LEGODT 브랜드 리뉴얼 ⑤ (0) | 2026.03.31 |
| [TIL] DAY16_팀프로젝트 LEGODT 브랜드 리뉴얼 ④ (0) | 2026.03.30 |
| [TIL] DAY15_팀프로젝트 LEGODT 브랜드 리뉴얼 ③ (0) | 2026.03.27 |