UI 디자인 완성도 올리기, 이미지 편(6)

파이어플라이, 텍스트로 AI 이미지 생성하기 하편
2024-03-27

허리까지 긴 머리 여성 몸을 돌린 옆모습 빗 5개 머리카락에 세로로 꽂음 상반신

Adobe Firefly

지난 시간에 이어 어도비의 인공 지능 생성형 AI 이미지 제작 툴인 파이어플라이에 대해서 이어서 다루도록 하겠습니다. 지난 글은 아래 링크를 참조해 주세요.

UI 디자인 완성도 올리기, 이미지 편(5)

brunch.co.kr/@jisungmin/16

파이어플라이는 크게 세 가지 기능을 갖고 있는데 그 기능은 아래와 같습니다.

  1. 텍스트를 이미지로 변환
  2. 생성형 채우기
  3. 텍스트 효과

이번 편에 다룰 내용은 1편의 하편입니다. 텍스트를 이미지로 변환하여 생성된 이미지에 여러 가지 스타일을 적용하여 이미지가 어떻게 변환되는지에 대해 직접 만들어보고 예시를 들어 설명드리도록 하겠습니다. 여기서 보다 쉽게 설명드리기 위해 스타일 적용사례를 크게 포토그래피 사례와 아트워크 사례로 나누도록 하겠습니다.


스타일 적용 사례 1.

포토그래피 편

STEP 1.

먼저 키워드를 적어 이미지를 생성합니다. 키워드는 아래와 같습니다.


검은 긴 머리카락 고개를 올리고 눈을 감고 한국인 여성 모델 1명 상반신 옆모습 드레스 최소 색상 회색 밝은 배경


STEP 2.

몇 차례 새로고침을 한 끝에 아래와 같은 이미지가 생성되었습니다. 키워드만으로 생성된 이미지입니다.

키워드만으로 생성된 기본 이미지

STEP 3.

이제 참조 이미지를 업로드하여 여러 가지 스타일을 적용한 이미지를 만들어 보도록 하겠습니다. 먼저 전체 실루엣이 적용된 사진 이미지를 업로드합니다. 저는 아래와 같은 사진을 업로드하였습니다.

스타일 변화를 위해 업로드한 참조 이미지

STEP 4.

참조 이미지를 업로드 후 생성하기 버튼을 클릭합니다. 그러면 아래와 같은 흑백에 전체 실루엣 스타일이 적용된 이미지를 생성할 수 있습니다. 

참조 이미지의 스타일이 적용되어 새롭게 생성된 전체 실루엣 이미지

PROCESS.

다음과 같은 윈리입니다.

원본 이미지(좌)에 스타일 참조 이미지(중)가 결합하여 오른쪽의 이미지가 생성


사례 2부터는 아래와 같은 형식으로 보시면 됩니다.

사례 2.

부분 실루엣 이미지의 스타일

사례 3.

컬러풀한 스타일

사례 4.

실외 조명이 적용된 내추럴한 스타일

사례 5.

실내조명이 적용된 내추럴한 스타일

사례 6.

퓨어하고 클린 한 스타일

사례 7.

흑백 모노톤 스타일

인공지능만으로 생성된 스타일이 다른 8장의 사진 이미지


스타일 적용 사례 2.

아트워크 편

STEP 1.

먼저 키워드를 적어 이미지를 생성합니다. 키워드는 아래와 같습니다.


앞을 보고 서 있는 흰색 포메라니안 1마리 최소 색상 단색 회색 밝은 배경


STEP 2.

아래와 같은 이미지가 생성되었습니다. 키워드만으로 생성된 이미지입니다.

키워드만으로 생성된 기본 이미지

STEP 3.

이제 참조 이미지를 업로드하여 여러 가지 스타일을 적용한 이미지를 만들어 보도록 하겠습니다. 저는 아래와 같은 사진을 업로드하였습니다.

스타일 변화를 위해 업로드한 참조 이미지

STEP 4.

참조 이미지를 업로드 후 생성하기 버튼을 클릭합니다. 그러면 아래와 같은 이미지를 생성할 수 있습니다. 

참조 이미지의 스타일이 적용되어  생성된 아트워크  이미지


사례 2.

유령 이모지와 결합한 아트워크

사례 3.

3D 스타일과 결합한 아트워크

사례 4.

네온 효과가 결합한 아트워크

사례 5.

명화(빈센트 반 고흐) 스타일과 결합한 아트워크

사례 6.

명화(레오나르도 다빈치) 스타일과 결합한 아트워크

사례 7.

명화(바실리 칸딘스키) 스타일과 결합한 아트워크

원본을 바탕으로 인공지능만으로 생성된 스타일이 다른 7장의 아트워크 이미지

이번 회차는 이렇게 여러 가지 스타일을 적용해 보았습니다. 이번 회차를 요약하자면 다음과 같습니다.

1. 많이 해보면 본인 만의 노하우를 찾을 수 있을 것 같습니다.

2. 툴바 옵션 중 시각 강도와 스타일이 있는데 시각 강도가 높을수록 키워드로 생성된 최초 이미지에 가깝고, 스타일 강도가 높을수록 참조 이미지에 가깝게 구현됩니다.

3. 추천 이미지를 한 번씩 클릭해서 어떤 스타일들이 입혀지는지 해보시고, 자신만의 스타일을 만들어 나가세요.

다음 회차는 어도비 파이어플라이에 기능 중 생성형 채우기에 대해서 글을 쓰도록 하겠습니다. 읽어주셔서 감사합니다.

지성민님의 더 다양한 글을 더 보시려면

👉 브런치 https://brunch.co.kr/@jisungmin

포트폴리오 https://www.behance.net/sungminn

링크드인 https://www.linkedin.com/in/sungminji

조회수
1,334

DB수집부터 콜 상담까지 #CPA광고 .

성과를 달성할 만큼만 과금하는 가장 합리적인 광고
함께 읽으면 좋아요
아티클
텍스트와 이미지를 결합하는 7가지 방법
아티클
일잘러를 넘어서 함께 일하고 싶은 시니어를 목표로 나아가기
디자인 커리어
아티클
방사형(radial) 레이아웃, 원형(circular) 레이아웃
아티클
사용자의 좋은 혜택 경험을 위한 첫 관문
아티클
수평 레이아웃과 비대칭 레이아웃
아티클
점이를 이용한 그리드시스템의 적용
AI 디자인
아티클
이 조직을 만들어야 하는 이유, 조직의 업무에 대한 정의를 해야 한다
아티클
어느 정도 연차 이상 디자이너라면 이 실수를 하지 말아야 한다
디자인 마케팅조언
지성민

마케터에게 제안하기

마케팅, 강연, 출판, 프로젝트 제안을 해보세요
브랜딩, 디자인