키워드 기반 검색 엔진의 대표주자 구글

AI는 GUI 시대를 끝내게 될까요?

디자인 커리어의 대부분을 GUI 디자이너로 보낸 딸깍 디자이너로서는 무서운 이야기일 수밖에 없습니다.

그러나 급격히 대중화되고 있는 AI로 인한 산업의 변화는 필수적인 것이고, 그에 따른 여파를 최소화하기 위해

공부하고 대비하는 것이 가장 중요하다고 생각합니다.

 

GUI, Graphic User Interface는 스마트폰의 등장과 함께 황금기를 맞았습니다.

모바일 디바이스 화면 속의 내용과 그래픽 요소를 시각적으로 정리하여 최적화된 사용자 경험(UX)을

제공하는 것은 디자이너의 몫이였습니다. 이에 따른 디자이너의 위치와 위상도 올라갔었죠.

 

이는 전부 '키워드' 기반의 검색 엔진과 서비스들 덕이였습니다. 사용자가 머릿속으로 생각하는 키워드를 입력하고

세분화된 키워드들을 하나씩 쪼개나가다 보면 언젠가 답을 찾게 되는 형식이었죠. 

GUI 디자이너들은 이를 효율화하고 개선하는 데 집중할 수 있었습니다.

ChatGPT의 Voice mode

맥락 기반의 AI의 등장 Contextual AI

ChatGPT를 중심으로 AI가 대중화되고 있습니다.

AI는 사용자가 원하는 바의 '맥락'을 찰떡같이 읽고 해답을 제시합니다.

키워드 중심의 검색 엔진들이 첨차 뒤로 밀려나고

ChatGPT, Perplexity, Gemini 등의 AI 서비스들이 그 자리를 대체하고 있는 것이지요.

우린 정말 과도기 속에 살고있다는 생각을 하고 있습니다.

 

영리한 AI는 사용자가 말하는 바의 맥락을 파악하여 즉시 답을 제공해 줍니다.

이전의 대화를 기억하고 그에 맞는 답을 제시해주기도 하죠. 예를 들어 내가 ChatGPT에게

겨울에 프랑스 파리에 여행간다고 이야기를 해놨으면, 추후에 '좋은 숙소가 있을까?'라고 질문하면

파리 숙소를 추천해 주는 식으로 말이지요.

더 나아가 나의 성향, 경제적인 능력, 취향을 파악해서 최적화된 숙소를 추천해줍니다.

 

이런 식으로 원하는 답을 찾아가는 여정이 아닌, 즉각적으로 최적화된 답을 얻게 되지요.

이러한 방식이 점차 대중화된다면 디바이스의 '화면'을 볼 필요조차 없어지는 것입니다.

화면을 볼 필요가 없다고..? Graphic User Interface가 없다고..?!
Artificial intelligence가 아닌 Apple Intelligence

경량화되는 AI, On Device AI의 등장, 새로운 기회?

기존 AI들은 모델의 용량이 커서 클라우드 연결이 필수적이었습니다.

이로 인해 보안 문제가 대두되었고 개인의 영역에서는 분리되거나 사용이 제한되었습니다.

하지만 AI 모델들이 점차 경량화되고 디바이스 자체에 탑재(On Device)된다면 어떨까요?

 

그야말로 초개인화 AI시대, AI agent 시대가 시작됩니다. 나의 의도와 방식을 정확히 이해하고

원하는 기능을 수행해 주는 것이지요. 캘린더를 AI가 추가해 주고, 내가 까먹었을 것 같을 때 다시 알려주며,

추천까지 해주는 agent들이 생겨날 것입니다.

 

I'm sorry Dave, I'm afraid i can't do that.

 

개인적으로 여기서 디자이너들의 기회가 생겨날 수 있다고 생각합니다.

AI에 대한 본질적인 거부감이나 경계선을 희석할 수 있도록 '인간적인 면모'를 입히는 것이지요.

사람은 어디까지나 '사람다움'을 선호합니다. 시각적이든 사용자 경험 측면이든 이 간극을 줄이는 데 있어서

디자이너의 역할이 굉장히 중요해질 것이라 생각합니다.

야근한 디자이너...가 아니라 불쾌한 골짜기의 예시

오늘은 이것저것 생각해 본 것을 끄적여봤습니다.

여러분들의 생각은 어떠신가요?

반응형

'딸깍 AI에 대한 생각' 카테고리의 다른 글

현업 디자인에서의 AI 활용  (1) 2024.12.30

https://ddalgakdesign.tistory.com/11

 

AI 공모전 딸깍 도전기 (3) I2V, 영상용 이미지 만들기 1

AI로 영상을 만드는 방법은 크게 두 가지가 있습니다.  1. T2V (Text to Video) : 텍스트로 영상을 만들기2. I2V (Image toVideo) : 이미지로 영상을 만들기 저는 독특한 스타일과 최대한 일관성을 유지하면

ddalgakdesign.tistory.com

Adobe Photoshop에서 디테일 수정하기

저번 글에서 이어집니다.

I2V(Image to Video) 이미지를 만들었는데, 이미지 중 일부분만 수정하고 싶다! 라면 크게 2가지 방법이 있습니다.

 

1. Midjourney에서 제공하는 Edit 툴을 사용하기

2. Adobe Photoshop에서 Generate 기능 사용하기

 

첫 번째 방법인 Midjourney에서 Edit 툴을 사용하려면 디스코드 플랫폼이 아닌 웹 플랫폼에서 사용해야 합니다.

생성한 이미지를 클릭하면 오른쪽 아래에 'Editor'가 있는 것을 확인할 수 있는데요.

 

Editor에서는 간단한 Edit 기능들을 제공합니다.

왼쪽부터 요소 지우기, 복구하기, 스케일 지정하기, 비율 바꾸기 등을 사용할 수 있습니다.

 

하지만, 보다 더 간단하고 명료하게 딸깍 수정하는 방법을 써보도록 하겠습니다.

바로 Adobe Photoshop을 활용하는 방법인데요.

Photoshop에서 Generate 기능을 제공하고, 확대하게 되면서

어도비의 수 많은 자체 데이터베이스를 활용한 막강한 성능으로 손쉽게 디테일 등을 수정할 수 있게 되었습니다.

 

Adobe Photoshop을 사용하는 장점으로는

1. 결과물이 (상대적으로) 잘 나온다.

2. 한글 프롬프트가 먹힌다.

3. 비율 조절이 매우 쉽다

인데요, 일단 자세한 내용은 소개 페이지를 따로 제작하기로 하고,

여기서는 중요한 '수정'에만 집중해 보도록 하겠습니다.

블루투스 너도냐..?!

요 이미지에서 왕이 들고있는 칼을 없애고 싶습니다.

자 일단 포토샵을 실행해서 이미지를 불러와 줍니다.

 

이미지를 불러오게 되면 아래 '피사체 선택' '배경 제거'가 뜨는데 무시하고 왼쪽 위의 빠른 선택 도구를 선택합니다.

 

왕이 들고있는 칼을 선택해 주세요.

Alt를 눌러가며 선택 영역을 자세히 지정해 줍니다. (자세히 지정하는 것이 중요합니다!)

지정을 완료했다면 아래 자동으로 '생성형 채우기'라는 항목이 떠있습니다.

 

이제 여기에 delete라고 입력합니다. 한글로 삭제라고 적어도 상관없습니다.

손 어디갔지..?!

 

Adobe는 총 3개의 결과물을 자동으로 생성하는데요, 좌·우 화살표를 통해 각각 다른 결과물을 확인할 수 있습니다.

근데 무엇인가 이상합니다. 손이 있어야 할 위치에 손이 없는데요...

Adobe가 손까지 삭제해 버린 것을 알 수 있습니다.

어라 이게 아닌데

그 이유는 방금 '손'까지 선택했기 때문인데요.

선택영역을 '자세히' 선택하는 것이 이렇게 중요합니다.

자, 다시 칼만 선택하고 'delete'를 입력해 보도록 하겠습니다.

 

깔끔하게 칼이 사라진 것을 확인할 수 있습니다.

같은 방법으로 아래 왼쪽의 이미지들을 오른쪽 이미지처럼 수정하였습니다.

 

이렇듯 Adobe는 무엇인가를 디테일하게 삭제하거나 바꿀 때 쉽게 사용할 수 있는 툴입니다.

이제, 드디어 이미지를 가지고, 영상으로 만들어 보겠습니다!

반응형

AI로 영상을 만드는 방법은 크게 두 가지가 있습니다.

 

Kling AI 예시

 

1. T2V (Text to Video) : 텍스트로 영상을 만들기

2. I2V (Image to Video) : 이미지로 영상을 만들기

 

저는 독특한 스타일과 최대한 일관성을 유지하면서 영상을 만들고 싶으므로 I2V를 선택했습니다.

이미지 생성 툴은 Midjourney를 선택했고, 빠른 작업을 위해 디스코드가 아닌 웹 플랫폼으로 진행했습니다.

이전에 제작했던 콘티를 가지고 ChatGPT의 프롬프트 제작 봇을 통해 각 키스크린의 프롬프트를 뽑아냈습니다.

 

https://ddalgakdesign.tistory.com/6

 

ChatGPT 딸깍 활용하기 (4) 프롬프트 GPT를 만들고 활용하는 방법

지금(2024년 12월 기준) 시중에는 수많은 이미지 생성 AI 툴들이 나와있습니다.이들 모두 기본적으로 T2I(Text to Image) 방식을 사용하는데요.말 그대로 텍스트로 이미지를 묘사하라는 것입니다. 내가

ddalgakdesign.tistory.com

제작 봇 만드는 방법은 윗 글을 참고해 주세요!

주요 캐릭터의 외형을 설정하기

먼저 영상의 '일관성'을 확보하기 위해 주요 캐릭터의 외형을 설정하기로 마음먹었습니다.

AI으로 만드는 영상은 캐릭터의 외모를 유지하기가 힘든데 오히려 각 캐릭터의 특징을 부각해

시청자로 하여금 같은 캐릭터로 느껴질 수 있도록 유도하였습니다.

 

예를 들면 주인공 기사의 경우 '긴 검은 곱슬머리, 짧은 수염, 눈 밑 흉터, 파란 망토, 황금 방패'로 설정하여

시각적으로 같은 특징을 쉽게 파악할 수 있도록 했습니다.

일해라 프롬프트 노예

 

이렇게 열심히 ChatGPT가 뽑아주면, 이를 Midjourney에 넣고 --sref code와 조합하여 내가 원하는 이미지가 나오는지

확인하고, 프롬프트를 수정하거나 Image Variation을 통해 발산하는 과정을 반복해 줍니다.

 

프롬프트의 수정 보완, 또는 이미지의 Variation

 

이러한 과정의 반복을 통해 캐릭터 보드를 완성했습니다. 

 

영상의 등장인물인 기사, 용, 용이 변신한 여인, 노쇠한 왕의 외형을 정의하였고,

최대한 해당 외형을 유지하며 주요 영상의 이미지 작업을 시작하게 되었습니다.

 

만들면서 신기했던 점은, ChatGPTs가 프롬프트를 만들 때 이러한 캐릭터의 외형을 스스로 기억하고

이를 지속적으로 프롬프트에 반영한다는 점이었습니다. 기특한 녀석!

예상치 못한 난관

각 영상의 키스크린을 만들다 보면 생각만큼 원하는 이미지가 나오지 않거나, 죽어도 안 나오는 경우가 있는데요.

아래 이미지가 바로 그런 경우입니다.

 

왜 자꾸 카메라 보는건데

 

'결연한 표정으로 말을 타고 가는 기사 모습을 그려줘'를 주문했는데 Midjourney는 죽어라

카메라를 부담스럽게 그윽하게 바라보는 기사 이미지를 만들어냅니다.

이 경우 3가지의 문제점이 있을 수 있습니다.

 

1. 내가 참고하고 있는 sref code가 '인물의 정면 모습'만 학습한 스타일이라서

2. 적용하고 있는 비율의 문제

3. 프롬프트의 문제

 

2. 비율을 2:3과 같이 인물 사진에서 주로 쓰는 비율을 사용하면 발생할 수 있습니다. 이를 16:9로 수정해 보았습니다.

그리고 3. 프롬프트를 바꾸어 '완전 옆모습으로 보이도록' 수정하였습니다.

사실, 1의 sref code를 사용하지 않으면 정말 간단히 해결되는 일이지만 저는 오일 페인팅 효과를 포기할 수 없었습니다.

 

그래도 쳐다보네 독하다 독해

 

여기서 얻은 이미지를 바탕으로 'Strong variation'을 통해 그나마 카메라를 보지 않는 이미지를 얻을 수 있게 되었습니다.

이제, 드디어 모든 키스크린의 이미지가 만들어졌습니다.

 

Adobe Photoshop에서 디테일 수정하는 방법으로 이어서 설명하도록 하겠습니다.

'파란 망토를 빨간 망토로 바꿔줘'

 

반응형

https://www.youtube.com/watch?v=OGNHLc4FWwA&ab_channel=Skrillex

SKRILLEX & WOLFGANG GARTNER - THE DEVIL'S DEN

영감을 러프하게 정리하기

노래를 듣다 보면 다양한 영감이 떠오릅니다.

강렬하게 무엇인가를 찌르기도 하고, 상승하기도 하는 것 같은 느낌인데요.

떠오르는 스토리를 러프하게 적고, 이를 Scene별로 다시 정리해 보았습니다.

러프라게 적어본 Scene별 스토리

 

1분짜리 영상이니 대강 한 Scene마다 3초~4초 정도 사용해야 한다는 계산이 나옵니다.

여기에 들어갈 비주얼적인 요소를 상상하면서,

각 Scene을 만들어갈 비주얼 스타일 레퍼런스를 찾아다니기 시작했습니다.

비주얼 레퍼런스 스타일 헌팅

각 화면 키스크린을 잡을 때 Midjourney 및 sref 파라미터를 사용할 계획입니다.

그래서 sref code 레퍼런스 사이트를 뒤져 스타일들을 수집하기 시작하였습니다.

수집한 스타일 레퍼런스 이미지들

 

수집한 sref code들을 동일한 프롬프트에 적용해서 비주얼 스타일의 차이를 확인해 보았습니다.

 

적용 프롬프트 :

Medieval knight, wearing ornate armor, riding a horse, galloping across a rainy plain,
dark stormy sky, dramatic lighting, rain splashing around, dynamic motion blur,
cinematic perspective, low angle shot, realistic textures, muted colors, wet and reflective surfaces

sref code가 없는 이미지
sref code를 넣은 이미지

 

이 중에 '중세 시대'를 잘 표현할 수 있는 오일 페인팅 스타일의 중심 비주얼 스타일로 잡고

각 주요 화면의 프롬프트를 적용하여 비주얼 스타일 무드 보드를 구성하였습니다.

제작한 무드보드, 전체적으로 오일 페인팅의 느낌을 살리고자 했다

 

그럼 이제 드디어 영상용 이미지를 만드는 작업을 할 차례입니다앗!

반응형

https://fastcampus.co.kr/gala2024#track02

 

🤖총 상금 5천만 원의 주인공을 찾습니다 [2024 GALA] 패스트캠퍼스 AI 공모전 (11/20~12/15) | 패스트캠

ChatGPT 활용 사례, 생성형 AI 사용 이미지/영상, AI 서비스 기획까지 총 3가지의 모집 부문을 확인하고 당신의 능력을 공유해주세요!

fastcampus.co.kr

 

며칠 전 AI 공모전이 열린다는 소식을 블로그에 올렸었습니다.

기왕 AI를 본격적으로 공부하는 김에 공모전에 참가해 보기로 했는데요,

하지만 남은 기간은 대략 일주일. 시간이 너무 없습니다앗-!

 

공모전 참여에 의의를 두고, 너무 스트레스 안 받게 가볍게 참가하기로 했습니다.

예전 디자인 학부생 때부터 마음에 담아두었던 것을 해보기로 했는데요,

그것은 바로 뮤직비디오 만들기!

 

학부생 때 EDM이 유행했었습니다. 그때 주로 들었던 가수가 Skrillex.

강렬한 사운드가 매력적인 가수이지요.

바로 이 곡! Devil's Den의 뮤직비디오를 만들어보기로 결정했습니다앗!

 

https://www.youtube.com/watch?v=OGNHLc4FWwA&ab_channel=Skrillex

듣기만 해도 영감과 도파민이 팡팡 터지는 곡

 

하지만 첫 번째부터 난관에 부딪히고 맙니다.

공모전에서 요구하는 영상 길이는 60초. 곡 길이는 무려 4분 30초?

 

하지만 제가 누굽니까? 딸깍 디자이너, 바로 잔머리를 굴려봅니다.

바로 구글에 Audio Remix AI를 검색해 보았습니다.

 

그렇게 알게 된 사이트가 바로 Audjust.

음악 파일을 첨부하면 AI가 자동으로 해당 곡을 줄여주거나 늘리고, 이를 편집할 수도 있습니다.

Loop로도 만드는 게 가능합니다.

 

파일을 드롭하면 자동으로 분석해준다

 

트랙에서 특정 구간을 선택해서 이를 피하거나 선호하는 구간으로도 만들 수 있다

 

문제가 생겼습니다.

루프 곡은 잘 만들어주는데, 뭔가 정작 중요한 리믹스는 굉장히 어정쩡하다는 것이죠.

정말 좋은 파트를 제멋대로 넘기거나 이어지는 부분이 어색합니다.

이건 탈락이다. 큰일이다아앗-!

공모전 시작도 전에 실패의 위기에서 일단 화면이라도 구성해 보자 하는 마음에

어도비 프리미어 프로를 실행해서 꾸역꾸역 음원과 화면을 넣어보았습니다.

음원을 잘라서 넣어야 하나 심란하던 차에 오른쪽 속성 패널을 보았더니?

 

왜 이렇게 좋은 기능을 무심하게 제공하는 건데

 

너무나도 간단하게 리믹스가 가능헀습니다.

어도비 또 당신입니까..

리믹스 퀄리티도 정말 좋았습니다. 왜 이 좋은 걸 홍보를 안 하는 것일까요?

이제 음악도 해결되었겠다. 본격적인 영상 만들기 작업에 돌입해보겠습니다앗!

반응형

+ Recent posts