[260128] Photoshop 기초 - AI 디자인 실전 콘텐츠 제작

 

 

Photoshop 기초 - AI 디자인 실전 콘텐츠 제작 강의를 수강하였다.

이번 강의에서 메인으로 사용하는 툴은 Firefly와 ChatGPT이다.

강의를 들으면서 중요한 부분은 메모하고 내가 다른 사람에게 설명해줄 수 있도록 이해하는 것을 우선으로 했다.

오늘은 1강부터 3강을 수강하였다.

 

 

 

 

 

 

---

 

TODAY project

 

[ Photoshop 기초 - AI 디자인 실전 콘텐츠 제작 강의 수강 정리 내용]

 

1강. [AI 디자인 기초] Firefly 기초 및 실전 프롬프트

 

Firefly 생성 원리와 사용법 기초

  01 이미지 생성 원리 이해

        AI는 어떻게 이미지를 만들까?

        → 1. Prompt(지시, 명령) 입력 → 2. AI 모델이 단어, 문맥, 스타일 해석 → 3. 이미지 생성

        = AI가 이미지를 만든다는 건 결국 “언어를 시각화”하는 과정

 

        Diffusion Model (확산 모델) 개념

        : 확산 모델은 생성형 모델의 한 종류로 비지도 학습 방식으로 데이터 분포를 학습하며, 새로운 데이터 생성에 사용

          특히, 이미지나 오디오 같은 복잡한 데이터 생성 분야에서 뛰어난 성능을 보여줌

         +) 인공 지능 분야에서 가장 주목 받는 기술 중 하나로 데이터에 점진적으로 노이즈를 추가하는 확산 과정(Forward Process)

             과 노이즈로부터 원본 데이터를 복원하는 역환산 과정(Reverse Process)를 통해 학습하는 것이 핵심 원리

             출처 : 위키 피디아

 

 

 

 02 Firefly 시작하기

 

    옵션 패널

• Content Type(콘텐츠 타입)
• - 이미지의 표현 스타일을 정하는 메뉴
• Visual Intensity(시각적 강도)
• - 시각적인 강도 조절 (슬라이더를 왼쪽으로 하면 색감과 스타일이 부드러움, 오른쪽 질감, 대비가 강해져서 훨씬 인상적인 느낌)
• Composition(구도 설정)
• - AI에게 원하는 구도를 요청할 수 있는 기능 (참고 이미지 업로드 or 제공하는 샘플)
• Styles(스타일)
• - 이미지의 스타일을 선택할 수 있어요. 참고 이미지의 무드와 조명 등을 조합해서 결과 (참고 이미지 업로드 or 샘플)
• Effects(효과 선택)
• - 시각적인 효과를 입히는 기능(효과를 통해 이미지의 분위기나 질감, 색조를 바꿈)(프롬프트 입력 안해도 적용)
• Color and tone(색상 및 톤)
• - 이미지 전체의 색감이나 톤을 조절
• Lighting(조명)
• - 다양한 조명을 선택
• Camera angle(카메라 각도)
• - 카메라 시점. 어떤 시점으로 찍은 것처럼 표현할지 결정

 프롬프트 보조 기능

• 프롬프트 입력 보조 (영어로 설정 되어있는 경우에만 사용 가능)
  • Prompt suggestions(프롬프트 제안) - 프롬프트를 입력할 때 추천 문장 예시가 표시, 어떤 문장을 작성하면 이미지가 더 구체적으로 표현될지 참고
  • Prompt enhancement(프롬프트 향상) - 짧은 프롬프트를 자동으로 보완, Firefly가 알아서 세부 묘사를 추가
• 이미지 상단 좌측 메뉴
  • Edit image(이미지 편집) - 프롬프트를 수정
  • Generative fill(생성형 채우기) - Photoshop과 동일한 원리로 작동, 선택 영역 요소 추가 or 제거
  • Generate similar(유사 이미지 생성) - 현재 이미지와 비슷한 분위기나 구도의 이미지를 다시 생성
  • Use as composition reference(구도 참조로 사용) - 이미지를 다른 이미지의 구도 참고용으로 사용
  • Use as style reference(스타일 참조로 사용) - 이미지를 색감, 분위기 등 스타일 참고용으로 사용

 

  03 Firefly Effects 기능 이해하기

       Effects(효과 선택)

       → 시각적 효과를 입히는 기능

 

• 알아두면 좋은 효과 용어

 ▼ 1-Movements (예술사)

• Art deco(아르 데코) - 대칭적이고 고급스러운 장식미
• Baroque - 화려하고 드라마틱한 고전풍
• Bauhaus(바우하우스) - 기하학적이면서 깔끔한 디자인 스타일
• Cubism(입체파) - 형태를 여러 각도로 분해한 듯한 입체적 표현
• Cyberpunk(사이버펑크) - 네온 빛 도시, 미래적인 SF 분위기
• Fantasy(판타지) - 비현실적이고 동화 같은 상상 세계
• Filmnoir(느와르) - 강한 명암 대비, 어두운 분위기의 고전 영화풍 연출
• Impressionism(인상파) - 빛과 색감을 부드럽게 표현한 회화적 스타일
• Industrial(인더스트리얼) - 금속, 콘크리트, 거친 질감이 느껴지는 도시적 감성
• Minimalism(미니멀리즘) - 불필요한 요소를 제거한 단순하고 세련된 표현

▼ 2-Themes (테마, 분위기)

• 3D 입체감이 살아 있는 사실적 스타일
• Anime(애니메이션) - 선명한 색감, 과장된 감정 표현이 특징
• Cartoon(만화) - 굵은 선과 단순한 색채로 표현된 만화풍
• Cinematic(시네마틱) - 영화의 한 장면처럼 깊은 명암 대비와 감정 표현
• Concept art(콘셉트 아트) - 게임, 영화용 세계관 스케치 같은 느낌
• Digital art(디지털 아트) - 그래픽 느낌이 강한 현대적 일러스트 스타일
• Flat design(플랫 디자인) - 입체감 없이 평면적이고 단순한 색조 표현
• Geometric(지오메트릭) - 도형 기반의 구조적 이미지 스타일
• Hyper realistic(극사실주의) - 실제보다 더 정밀한 초사실적 표현
• Low poly(로우폴리) - 삼각형 면이 보이는 3D 그래픽 느낌의 단순화된 표현

▼ 3-Techniques (표현 기법)

• Acrylic paint(아크릴화) - 강렬한 색감과 두꺼운 붓터치 표현
• Bold lines(굵은 선) - 굵고 확실한 윤곽선으로 형태를 강조
• Chiaroscuro(음영법) - 명암 대비로 입체감을 극대화한 회화기법
• Digital fractal(디지털 프랙탈) - 반복적이고 복잡한 패턴이 중심인 디지털 스타일
• Doodle drawing(끄적임) - 자유롭고 손그림 같은 선의 느낌
• Double exposure portrait(이중 노출 인물 사진) - 두 이미지를 겹쳐 표현하는 독특한 효과
• Halftone(하프톤) - 인쇄된 도트 패턴처럼 보이는 그래픽 질감
• Ink(잉크) - 선이 뚜렷하고 대비가 강한 흑백 일러스트 느낌
• Line drawing(라인 드로잉) - 윤곽선 위주의 깔끔한 드로잉 스타일
• Oil paint(유화) - 질감이 풍부하고 붓터치가 느껴지는 회화적 표현

▼ 4-Effects (시각 효과)

• Antique photo(앤티크 사진) - 오래된 사진처럼 바랜 질감과 색감 표현
• Bokeh effect(보케 효과) - 배경이 흐릿하고 빛망울이 강조된 사진
• Dark(어두운) - 어두운 분위기의 조명과 그림자 강조
• Grainy film(그레인 효과) - 필름 카메라 같은 입자감 표현
• Iridescent(무지갯빛) - 각도에 따라 반짝이는 오묘한 색감
• Isometric(아이소메트릭) - 위에서 본 듯한 입체적 평면 구도
• Misty(흐릿한) - 흐릿하고 부드러운 몽환적 안개 톤
• Neon(네온) - 형광색 조명과 강렬한 대비, 화려한 색상 강조
• Ultraviolet(자외선) - 형광빛과 어두운 배경이 어우러진 미래적 느낌
• Underwater(수중) - 푸른빛이 감도는 수중 연출

▼ 5-Materials (질감 표현)

• Charcoal(목탄) - 거칠고 질감이 살아 있는 흑백 스케치 스타일
• Claymation(클레이메이션) - 점토 질감의 입체적 이미지
• Fabric(패브릭) - 천 질감이 느껴지는 부드러운 표현
• Fur(모피) - 따뜻하고 부드러운 질감 표현
• Layered paper(레이어드 페이퍼) - 여러 겹의 종이를 겹친 듯한 입체감
• Marble(대리석) - 단단하고 광택 있는 재질감
• Made of metal(금속 재질) - 반사광이 느껴지는 금속 표면 표현
• Origami(종이접기) - 접힌 종이로 구성된 듯한 단순 구조
• Wood carving(목각) - 나무를 깎아 만든 듯한 질감
• Yarn(실) - 뜨개질된 듯한 포근한 텍스처

▼ 6-Concepts (감성 콘셉트)

• Beautiful(아름다운) - 부드럽고 조화로운 색감의 미적 연출
• Bohemian(보헤미안) - 자유롭고 예술가 같은 감성
• Chaotic(혼란스러운) - 역동적이고 불규칙한 색과 형태
• Divine(신성한) - 신비롭고 빛이 감도는 초월적 분위기
• Eclectic(에클레틱) - 여러 스타일을 조합한 독창적 연출
• Futuristic(퓨처리스틱) - 미래 기술, SF 첨단 분위기
• Kitschy(키치) - 일부러 과하고 유치한 색감으로 재미를 주는 스타일
• Nostalgic(노스탤직) - 오래된 감정이나 추억을 불러일으키는 따뜻한 느낌
• Simple(심플) - 불필요한 장식 없이 정돈된 깔끔함

 

 04 Firefly Color and tone 기능 이해하기

      Color and tone(색상 및 톤)

      → 이미지 전체의 색감이나 톤을 조절

 

▼ 알아두면 좋은 색상 및 톤 용어

• Black and white(흑백) - 색을 모두 제거해 클래식하고 감성적인 흑백톤으로 표현
• Cool tone(쿨톤) - 푸른빛이 도는 차가운 느낌으로 차분하고 세련된 인상 연출
• Golden(금색) - 따뜻한 금빛 톤으로 생동감 있고 풍성한 분위기 표현
• Monochromatic(단색) - 하나의 색조로 통일해 미니멀하고 깔끔한 느낌 강조
• Muted color(차분한 색상) - 채도를 낮춰 부드럽고 차분한 감성 연출
• Pastel color(파스텔 색상) - 은은하고 밝은 색감으로 따뜻하고 부드러운 이미지 표현
• Toned image(옅은 이미지) - 전체 색감의 균형을 맞춰 안정적이고 자연스러운 톤 조정
• Vibrant colors(생동감 있는 색상) - 선명하고 강렬한 색으로 생기 넘치고 활기찬 이미지 표현
• Warm tone(따뜻한 색조) - 붉은빛이 감도는 따뜻한 색감으로 포근하고 친근한 인상

 

  05 Ligthing 기능 이해하기

       Ligthing(조명)

      → 다양한 조명 선택, 이미지의 분위기와 입체감 결정

 

▼ 알아두면 좋은 조명 용어

• Backlighting(역광) = 피사체 뒤에서 빛이 들어와 실루엣을 강조하는 조명
• Dramatic light(극적인 조명) - 강한 명암 대비로 극적인 분위기 연출
• Golden hour(골든 아워) - 해 질 무렵의 따뜻하고 부드러운 자연광 표현
• Harsh light(강렬한 조명) - 강한 직사광으로 선명한 그림자와 강렬한 대비 생성
• Long-time exposure(장시간 노출) - 긴 노출로 빛의 흐름이나 움직임을 포착
• Low lighting(낮은 조명) - 어두운 조명으로 은은하고 신비로운 분위기 연출
• Multiexposure(다중 노출) - 여러 노출을 겹쳐 몽환적이고 예술적인 효과 구현
• Studio light(스튜디오 조명) - 균형 잡힌 조명으로 인물이나 제품을 선명하게 강조
• Surreal lighting(초현실적인 조명) - 비현실적 색감이나 방향의 빛으로 독특한 연출

 

 06  Camera angle 기능 이해하기

     Camera angle(카메라 각도)

     → 카메라 시점, 어떤 시점으로 찍은 것처럼 표현할지 결정 / 촬영 각도와 구도에 따라 시각적 몰입감과 전달되는 느낌이 달라짐

 

▼ 알아두면 좋은 카메라 각도 용어

• Closeup(클로즈업) - 피사체를 가까이서 촬영해 표정이나 질감 등 세밀한 부분을 강조
• Knolling(90도 배치) - 물건들을 위에서 정돈된 배열로 촬영하는 구성
• Landscape photography(풍경 사진) - 넓은 공간과 배경을 중심으로 촬영해 개방감 표현
• Macrophotography(확대 사진) - 작은 대상을 크게 확대해 디테일을 강조
• Photographed through window(창문을 통해 촬영) - 창문 프레임을 이용해 거리감과 감성적인 분위기 연출
• Shallow depth of field(얕은 피사계심도) - 초점이 맞은 부분만 선명하고, 배경은 흐리게 처리해 피사체를 강조
• Shot from above(부감) - 위에서 아래를 내려다보는 구도로 전체 구성을 한눈에 보여줌
• Shot from below(앙각) - 아래에서 위로 올려다보는 시점으로 웅장하고 강렬한 인상 연출
• Surface detail(표면 디테일) - 재질이나 질감 등 표면의 세부 표현에 초점
• Wide angle(광각) - 넓은 시야를 담아 공간의 깊이감과 스케일감을 강조

 

 07 실무에서 자주 사용하는 Firefly 옵션 조합

 

     제품 광고에 적합한 조합

      → 제품 질감이 더 고급스럽게 표현

      → 브랜드 룩 북 같은 톤앤매너

      → 타이포를 얹기 좋은 깔끔한 배경 확보

 

     제품 광고 효과 조합

     Effects

• Hyper realistic / Cinematic / Concept art

      Color & tone

• Cool tone / Golden / Monochromatic

      Lighting

• Studio light / Dramatic light / Backlighting

      Camera angle

• Closeup / Shot from below / Shallow depth of field

      ※ 각 카테고리에서 하나씩 고르는 방식

 

    따뜻한 감성 광고에 적절한 조합

     → 감성적이고 분위기 중심의 연출

    → 브랜드 스토리텔링 광고에 적합

    → 자연광 분위기 표현

 

     제품 광고 효과 조합

     Effects

• Filmnoir / Minimalism / Fantasy

      Color & tone

• Warm tone / Muted color / Pastel color

      Lighting

• Golden hour / Low lighting / Backlighting

      Camera angle

• Shot from above / Landscape photography / Photographed through window

 

 

 

 

2강. [AI 디자인 기초] 레퍼런스를 활용한 프롬프트 분석

 

레퍼런스 디자인 분석

 

 01 레퍼런스 시각적 분석하기

      Reference(레퍼런스)란?

      → 디자인을 만들 때 참고하는 모든 자료 / 단순한 참고 자료를 넘어서, 디자인 방향을 정하고, 시각적 기준을 잡아주는 근거에

           가까움

 

      수업 내 실습 브랜드

Gentle Monster(젠틀몬스터) 젠틀몬스터는 서울에서 2011년에 설립된 프리미엄 아이웨어(선글라스, 안경) 브랜드 틀에 박히지 않고 예술적인 요소가 포함된 디자인이 특징 매장의 공간 디자인이나 매장 경험도 굉장히 뛰어난 브랜드로 유명 예술적이고 실험적인 비주얼로 유명

 

      브랜드 분석

레이아웃(Layout)	Gentle Monster는 화면을 꽤 과감하게 사용 여백이 많고, 사진이나 영상 하나가 화면 절반을 덮기도 함 ⇒ 여백이 많으면 자연스럽게 중요한 이미지에 집중할 수 있음
컬러 팔레트(Color)	전반적으로 무채색을 많이 사용 흰색, 검정, 회색처럼 명도 차이를 활용하는 것이 특징 강한 명암 대비를 자주 활용 ⇒ 컬러가 적을 수록 사진 속 피사체가 주인공 / 전체적으로 군더더기 없는 느낌 완성
이미지 스타일(Image Style)	실험적인 포즈, 독특한 오브젝트 예술적이고 초현실적 분위기 ⇒ 독특한 요소는 단순 제품 사진이 아닌 예술 작품처럼 보이게 만들어줌
무드(Mood)	무드는 크게, 아방가르드, 예술적, 실험적 ※ Avant-garde(아방가르드)란? : 기존의 틀을 깨고 새로운 예술, 문화, 스타일을 추구하는 것

 

    키워드 찾기

   예시

1. 레이아웃(Layout )- 키워드 Wide spacing / Half-screen image / Focus image / 여백이 많고, 레이아웃을 과감하게 쓴다고 했었죠?
2. 컬러 팔레트(Color) -키워드 Monotone / High contrast / Clean  / 무채색을 중심으로 명도 차이와 강한 대비를 활용한다고 했었죠?
3. 이미지 스타일(Image Style) - 키워드 Experimental fashion photography / Dramatic lighting with heavy shadows / 예술적이고 초현실적인 분위기를 연출한다고 했었죠?
4. 무드(Mood) -  키워드 Avant-garde, Artistic, Conceptual / 예술적이며 실험적인 분위기라고 했었죠?

 

 

 

 

3강. [AI 디자인 기초] Chat GPT로 만드는 브랜드 가이드

 

ChatGPT로 브랜드 가이드 만들기

 

 01 브랜드 가이드가 왜 중요할까요?

      Brand Guide(브랜드 가이드)란?

      → 브랜드 가이드는 브랜드가 어디서나 같은 인상을 주도록 정한 규칙

      → 로고 사용법, 색상, 서체, 이미지 스타일, 톤앤매너 등을 정리해 일관된 브랜드 경험을 만들기 위한 기본 안내서

      ※ 브랜드는 ‘이미지’로 기억되기 때문에 이미지가 흔들리지 않도록 기준을 잡아주는 문서

 

      브랜드 가이드가 있으면 좋은점?

• 팀원이 바뀌어도 브랜드가 균일(일관성)
• 디자인 결과물의 통일성
• 외주 디자이너와 협업이 쉬워짐
• 콘텐츠 제작 속도가 빨라짐
• 브랜드가 전문적으로 보임

 

02 브랜드 가이드 핵심 구성 요소

    브랜드 가이드의 5가지 요소

• 로고 사용
  • 로고는 브랜드의 얼굴
  • 로고는 마음대로 늘렸다 줄였다 하면 품격이 무너짐
  • 로고 사용 가이드에는 아래 내용이 포함
  • → 최소 크기 / 보호 여백(로고 주변 공간) / 사용 금지 규칙(늘이기, 회전, 그림자 추가 등)

• 컬러 시스템
  • 브랜드를 떠올리면 먼저 떠오르는 게 ‘색’
  • ex) 유튜브 = 빨강 / 스타벅스 = 녹색
  • 컬러 시스템은 브랜드의 전체 분위기를 결정하며 아래 내용이 포함→ Secondary color(보조 색) Primary를 보완하고 다양한 UI/콘텐츠에 활용되는 확장 컬러→ 색상 조합, 대비 규칙
  • → Accent color(포인트 색) 핵심 요소를 강조할 때 사용하는 포인트 컬러
  • → Primary color(대표 색) 브랜드를 가장 상징하는 대표 색상
• 타이포그래피
  • 글꼴 선택만으로도 브랜드의 분위기가 크게 달라짐
  • ex) 고딕은 단단하고 모던한 느낌, 명조는 클래식하고 정제된 느낌
  • 타이포그래피에는 아래 내용이 포함→ 자간 규칙→ 영문/국문 병행 시 규칙
  • → 줄 간격
  • → 제목용 / 본문용 폰트
• 이미지 스타일
  • 사진 느낌도 규칙
  • 따뜻한 브랜드는 밝은 톤의 사진, 전문적인 브랜드는 간결하고 여백 있는 사진을 사용
  • 일러스트라면 굵은 선인지, 파스텔 톤인지까지 규칙
• 톤앤매너
  • 브랜드가 ‘어떤 성격으로 말할지’를 결정하는 요소 
    • 친근한 톤 : 말 끝이 부드럽고 감탄사 사용 / 오늘도 편안한 하루 보내세요 :)
    • 전문적인 톤 : 명확하고 간결한 문장 / 안정성과 효율성을 제공하는 서비스입니다.
    • 프리미엄 톤 : 군더더기 없고 단정한 문장 / 불필요한 요소 없이 본질에 집중합니다.