본문 바로가기

say와 AI 챗봇친구 만들기 보고서

"3D" 생성형 인공지능! 2024년 대세가 된다! [AI 3D 웹사이트 자동 제작! Web 3D 메타버스 제작!]

728x90
반응형
SMALL

"3D" 생성형 인공지능! 2024년 대세가 된다! AI 3D 웹사이트 자동 제작! Web 3D 메타버스 제작! 오후 다섯 씨

 

인공지능을 활용한 수준 높은 창작과 관련 기술 및 서비스를 소개하고 있습니다. 인공지능, 메타버스, 웹 3, NFT 등의 기술 본질을 파악하여 미래를 선도하며, 개인과 기업의 성공을 위해 창의적인 방법으로 뉴미디어를 혁신합니다. 또한, 사람을 중심으로 예술, 기술, 그리고 비즈니스의 융합을 이야기하고 있습니다.

오후 다섯 씨 채널명은 어떤 뜻인가요?
🙌🏻 밤+낮, 몸+마음, 가상+현실, 예술+기술, 개인+사회

오후 다섯 씨는 밤과 낮이 융합되는 시공간입니다. 융합적인 시간 오후 다섯 시를 의미하는 5pm에 Mr. 를 붙여 융합적인 사람 Mr.5pm 오후 다섯 씨라는 채널명을 만들었습니다. 

여러 가지 측면에서 융합적인 사람이 되는 것은 인생에서 할 수 있는 아름다운 일이라고 생각합니다. 예술적 상상력과 기술적 상상력의 조화를 이루며 우리 잠재력의 한계에 도달하는 길을 찾기 위해 이야기를 합니다. 

 

지금 공개가 된 서비스가이 AI
스타일 트랜스폼이 이제는 3D 자체의
스타일을 바꾼다 결국에는 자이 사이즈
바로 조절하실 수가 있겠죠 스타일
트랜스퍼 기는 바로 테스트 해보고
싶은데 여기서이 3D 객체를 돌라로
가져가 보도록 하겠습니다 스플라인에서
갖다 붙여 놓긴 합니다 그럼 엔터를
눌러 주시면 자동으로 로딩이 된 거를
확인하실 수가 있습니다 안녕하세요 5
5시입니다 어 이번 시간에는 어 정말
중요한 이야기를 좀 말씀드리려고
합니다이 3D 관련된 얘기 요
인공지능 실대이 생성형 인공지능 실대
3차원이 3D 활용하는 방식에 대해서
많은 변화가 생길 것 같습니다 그
중심에 있는 서비스가이 도라라 하는
서비스고이 도라는 웹사이트를 만드는
어 서비스입니다 최근에이 웹에
3차원을 올리는게 중요해지고 있는데요
중요한 이유는 어 웹 3.0시대 어
메타버스 시대이 두 개가 이제
연결되면서 웹을 통해서이 메타버스를
서비스하는 관점도 상당히 중요하고요
또 스페이셜 컴퓨팅 시대 있지
않습니까 애플에서이 비전 프로를
통해서이 스페이셜 컴퓨팅 시대를
연다라고 이제 공표를 했듯이 앞으로는
이런 3차원을 컨텐츠로 하는 다양한
서비스가 필요로 합니다 그리고 그거를
실어 나누는 주 플랫폼이 아마 웹이
될 거고요 그 핵심이 아마 오늘
말씀드리는 내용들이 되지 않을까
싶습니다 관련된 내용은 앞으로도 계속
설명을 좀 드릴 거고요 오늘은 또
시작이다 이렇게 보시면 될 것
같습니다 지금 보시는이 도라 사이트가
과거에 5다 채널에서도 간단하게
소개를 해 드렸는데요 자 지금 보시는
것처럼 예 웹에 3차원 오브젝트를
올릴 수가 있습니다 그리고 단순히
올리는 것뿐만 아니라 예 이렇게
인터랙티브하게 연출도 할 수 있어요
예 지금 마우스 휠을 돌리면서 어
페이지를 밑으로 내려가는 액션을
취했는데요 관련해서 지금 3D 객체가
반응을 하는 겁니다 그리고이 객체도
어 정지된게 아니고요 애니메이션이
적용이 되습니다이 손 움직이는 거
보이시죠 그리고이 뒤편에이 행성 같은
것들이 회전하고 있죠네이 이렇듯이
단순히 어 고정된 3D 아니라
반응하는 3D 이제 중요해지게 그리고
지금이 애니메이션은 어 미리 만들어
놓은 이제 모션입니다 그런데 앞으로는
정해져 있지 않은 모션 그러니깐요
즉흥적으로 연출되는 그런 애니메이션도
아주 중요할 겁니다 분명히 그런
실시간으로 생성되는 데는 인공지능
기술이 탑재가 되겠죠 자이 도라
사이트 상단에 보시면요이 AI 아는
버튼이 있고요 걸 눌러 보시면 어
직관적인 설명이 잘 정리가 되
있습니다 원 프트 원 파워풀 웹사이트
우리가 채치 PT 프롬프트를 하나
넣으면 어 글이 완성이 되듯이 여기도
마찬가지입니다 프롬프트를 하나 넣으면
웹사이트가 완벽하게 완성이 된다는
거고요 자 여기 조인 웨이트
리스트라고 돼 있죠네 아직 출시
전이고 여러분들 웨이트 리스트에
올리시면 어 더 빨리 받아보실 수
있는 기회를 얻게 됩니다 자 밑에
영상이 지금 어 플레이되고 있는데요
처음부터 보시겠습니다 크트 3D
애니메이드 도라
AI 프라트 창에다가 디자인너
웹사이트 포 스페이스 X 스타십 예
스페이스엑스 우주 관련된 컨텐츠를
요청했고 자 지금 보시면은네이 스타십
웹사이트가 자동으로 만들어졌습니다
그리고 여기서 3D 모델로 바꿔 달라
요청을 하니깐요 자 기존의이 2D
이미지가 3D 버전으로 자동으로
변경이 됐습니다 대단하지 않습니까
그리고이 웹 웹페이지 안에서 이렇게
도 편집이 가능하고요 간단한 뷰
체인지 이런 것들도 다 가능합니다
그리고 말씀드렸다시피 스크롤
애니메이션 자 휠을 통해서 밑으로
내려가면 어떤 식으로 어 반응하는지를
여러분들이 제정하고 퍼블리시 버튼
누르시면 지금처럼네 바로 웹사이트를
온라인에 개시를 할 수가 있습니다 자
지금 보시는 모든 3D 모션 이런
것들이 아주 간단하게이 도아해
만들어지는 겁니다 대단하죠 여러분네
그래서 오늘은요 도라의 간단한 사용
방법 그리고 3D 준비하는 방법에
대해서도 좀 덧붙여서 설명을 드리려고
합니다
자 겟 스티드이 버튼 누르시면은 바로
여러분들 구글로 로그인 하시고 준비를
하시면 됩니다 자 로그인을 하게
되면요
여러분들네 구글로 로그인하게 되면
지금 보시는 것처럼 화면이 좀
바뀝니다이 티라고 하는이 주황색 에
있는이 항목들은 여러분들이 쉽게
공부할 수 있도록 튜토리얼이 준비가
된 거고요 어이 정리가 잘 돼
있습니다 요런 것들 보시면은 쉽게
3D 웹을 만드는 방법에 대해서
설명을 들으실 수가 있습니다 여기
보면 앱 투어라고 해서요네 도아해
제공해 주는 다양한 디자인 요소들을
확인하실 수가 있습니다 UI
왼쪽에 오브젝트 리스트가 있고요
오른쪽에는 또 관련된 기능들이
있습니다 그 그리고 상단에 가장
중요한 객체를 추가하는 다양한
요소들이 있습니다 컨테이너 오브젝트도
있고요
텍스트를 입력할 수도 있고 또
이미지를 추가할 수도 있고요 3D
객체를 추가할 수가
있습니다 아주 간단한 UI 웹사이트를
완성할 수 있도록 만들어져 있습니다
도라
사이트하는것같지않냐
편집하고 생성할 수 있는
서비스입니다네 대단하죠 이것도 자
그래서 보통이 스플라인 하고요이
도라를 연계해서 작업을 많이
하십니다이 스플라인 사이트에 지금
접속해 있고요 여기 보면
프리라고 돼 있죠 무료로 여러분들이
쓰실 수가 있고 자 이것도 마찬가지로
제가이 마우스를 지금 이렇게 돌리면
웹상에 있는이 3D 객체 토끼 복
모델하고 그에 간이 회전이 되는 걸
보실 수가 있고요
그리고
마우스를이 토끼 위에다 갖다 대면
이런 식으로네 회전을 하게 됩니다
여기 보면 웹베이스 리얼타임 레이브이
세 가지 키워드가 있는데요 예이
키워드가이 시스템의 가장 핵심을
보여주는 겁니다 웹 기반이고 그리고
리얼타임 실시간으로 돌아가는 거고요
레이브 사람들과 함께 뭔가를 만들 수
있다는 얘기입니다이 세가지 키워드가
메타버스 하고도 아주 연관이 되는
키워드들이네 메타버스가 이제 웹
기반으로 앞으로 가야 되고요 어 그걸
가장 잘 지원해 주는 또 메타버스는
스페셜 아라는 또 서비스가 있습니다
마찬가지로이 리얼타임 예 정해 놓은
3D 애니메이션이 아니고 사용자의
입력에 따라서 실시간으로 반응하는네
그런 게임과 같은 컨텐츠 그리고
단순히 어 게임을 뛰어넘어서
실시간으로 컨텐츠 자체가 생성되고 변
변화되는 어 그런 3D 앞으로
중요해질 겁니다 그런 걸 위해서이
AI 필요한 거겠죠이 콜라보레이티브
이슈 이게 이제 참여 사람들이 다양한
형태로 참여해서 작업을 같이 할 수도
있고요 또 만들어 놓은 공간을 함께
즐겁게 사용할 수도 있습니다 레이브
이슈는 뭐 교육적인 관점에서도
중요하고요 또 일을 할 때도
중요하겠죠 협 그래서 어이 키워드를
통해서도 알 수 있지만이 스플라인
서비스는 현재 3 모델링 저작 도구의
기능을 초점에 맞추고 있지만 앞으로는
메타버스 관련된 서비스로 확장될
것이다라는 거를 당연히 예상해 볼
수가 있습니다 여기도 마찬가지로 AI
메뉴가 있죠네 여러분들이 이제 이런
걸 보면 이제는 모든 서비스들이 다이
AI 접목하는 시도를 하고 있다
이렇게 보시면 될 것 같습니다 그리고
주목할 거는요 여기에 AI 트라는게
있고 AI 스타일 트랜스라는게
있습니다네 이게 정말
중요한데요이 스타일스 라고 하는 거는
지금 현재 사용할 수가 있고요 AI
프롬프트는 웨이트 리스트만 있습니다
아직 사용이 불가능하고요 이걸 쓰려면
여러분들이 이제 웨이트 리스트에
조인을 해야 되겠죠 자 보세요 지금
텍스트를 입력을 하면 그 입력 대한
프롬프트에 따라서 자동으로 예 3D
모델링이 되고 어 처리가 되는 것을
보실 수가 있습니다네 웨이트 리스트에
여러분들이 접속을 올리게 되면네
나중에이 서비스를 빨리 예 공지
받으실 수가 있는데요 이 관련된
서비스가 공지된 거는 몇 달 됐습니다
근데 아직 계속 준비 중인 거 같고요
근데 그 사이에 지금 공개가 된
서비스가이 AI 스타일 트랜스포 이걸
보시면은 이도 상당히 의미가 있고
재밌 재밌습니다 하나의 3D 분위기를
바꾸는 거죠 스타일을 바꾸는 겁니다
우리가 이미지에서 스타일을 바꾸는게
아니고요 이제는 3D 자체의 스타일을
바꾼다는 겁니다 이미지의 스타일을
바꾸는 거는 아주 익숙하죠 포토샵에서
예 뭐 필터를 써 가지고 스타일을
바꿀 수도 있고요 또 여러분들이
사진을 찍으면 사진을 또 스타일을
바꿀 수도 있습니다 그리고 AI 쓰게
되면 좀 더 어 복잡한 예 그런
스타일 트랜스퍼 가능한데요 지금 3D
대한 스타일 트랜스퍼를이 스프라인는
해석을 예 이런 식으로 했습니다
결국에는 3D 색을 입히거나 아니면
재질을 입히 때 이미지를 사용하게
되고요 그 그걸 바로 텍스처 맵이라고
하죠 그 텍스처 맵을 스타일
트랜스퍼를 하게 되는 거고요 그렇게
되면 결론적으로이 스타일의 분위기가
바뀐다 이렇게 보시면 될 것 같습니다
그래서 UI 상해요 오른쪽에 보면은
스타일 트랜스퍼 대한 다양한 예시
기능들이 있는데요 그것들을 누르게
되면네 3D 이렇게 분위기가 바뀐다는
겁니다 그리고 어 단순히 정해진
스타일 중에서 고르는게 아니고요
프롬프트를 입력을 하면 그 프롬프트를
해석해서 인공지능이 해석해서 스타일을
바꿔 주는 그런 기능이다 이렇게
보시면 됩니다 지금 현재이 스타일
트랜스퍼 기능은 바로 쓰실 수가
있습니다 하지만 이제 무료에서 쓸
수가 없고요 자 이 슈퍼 레벨
이상에서 쓸 수가 있습니다 슈퍼는 어
여러분들이 이제 1년 계약을 하실 때
매달 7달러 정도를 내시 되고요 자
여기 보면 AI 스타일 트랜스퍼
기능이 여기에 익스페리멘탈네 실험
기능으로 추가가 돼 있고요 또 추가로
쓸 수 있는 여러 가지 항목들이 좀
있습니다네이 무료 기능도 스플라인의
모든 기능을 다 써보실 수가 있습니다
그래서 적극 권장드립니다 한번
테스트를 해보시면 좋을 것 같습니다
그러면 마무리하기 전에요 제가
이스라이 에서 3D 생성하고 조금
전에 보여드렸던이 돌라로 가지고 와서
어 시각화하는 부분을 여러분께 예시로
보여 드리도록 하겠습니다 자 겟 스드
버튼을 누르게 되면요 예 이제
프로젝트를 시작하고요 뉴 파일
눌러봅니다 뉴 파일을 누르게 되면
보시는 것처럼요 이제 하나의 신을
준비를 하고 있고요 자 이제 튜토리얼
방식으로 시작을 하는데 저는 일단
이거 스킵을 하겠습니다 자 지금이
화면이 보이시죠이 화면에 여러분들이
뷰를 바꿔 보실 수가 있습니다 이런
식으로 프런트 뷰 레프트 뷰 라이트
뷰 탑뷰 뭐 이런 식으로 바꿔 보실
수가 있고요 지금 기본적으로이 판을
하나 줍니다네이 판 글 판이 하나가
있고요 자 요거 일단 그대로 둔
상태에서 여기에다가 이제 임포트해서
하나의 오브젝트를 가져와 보겠습니다
자 여기 라이브러리도 있네요
라이브러리를 눌러보면 여기서
제공해주고 있는 다양한 또 3D
파일을 바로 적용해 볼 수가 있습니다
물론 어 외부 3D 모델을 가져오실
수가 있어요네 gltf glb 파일
혹은 fbx 파일들을 가지고 오실
수가 있고 어 스케치 라든가 3D
모델을 서비스해 주는 사이트를 통해서
여러분들이 가지고 오시면 바로
웹사이트에 올려볼 수 있다이를 하시면
될 것 같습니다 여기 보면음 뭐
테스트 삼아요 여기 입술을 하나
가져와 보겠습니다 이미지를 더블
클릭하면이 3D 파일이 로딩이 되고
있고요 지금 이렇게 화면에 로딩이
됐습니다 자이 사이즈 여러분들 바로
조절하실 수가 있겠죠 이런 식으로
조절하실 수가 있고 아 아까
설명드렸던 여기 스타일 트랜스퍼
기능네 바로 테스트 해 보고 싶은데
어 제 계정이 무료기 때문에 바로 쓸
수는 없습니다 하지만 시도는 해 볼
수가 있겠죠 자 이런 식으로 어 쓰고
싶으면 슈퍼 레벨로 업그레이드를
하라고 돼 있습니다 하지만 여기
하단에 보면요네 AI 텍스터
제너레이션 해서이 텍스처 여기에 보면
이제 빨간색의 섀도우 그림자가 적용이
된이 텍스처 맵을 생성 변환시켜 주는
예 기능이 여기 탑재가 된 겁니다
그래서 뭐 파란색 입술로도 바꿀 수가
있고요 또 실제 사람의 입술처럼
텍스처가 들어가게 변형도 시켜 줄
수가 있습니다 자 그거는 또 다음에
또 제가 보여 드리도록 하고요 이번
시간에는 여기서이 3D 객체를 돌라로
가져가 보도록 하겠습니다이 도라
웹사이트 제작 도구죠 예 아까
설명드렸던 거고 자 옮겨가는 방법은
여러 개가 있지만 가장 호환성이
좋고요 그리고 어 웹 기수를 토대로
옮기려고 하면은이 html 방식의
코드를 통해서 가져가는게 가장
호환성이 좋다고 생각이 됩니다 그래서
이걸 가져가는 방식 중에 상단에 보면
익스포트 이걸 눌러봅니다 그러면
왼쪽에 다양한 방식으로 지금이 3D
파일을 웹으로 가져가는 형식들이
있고요 여기 보면 두 번째 뷰라는게
있습니다 인터그레이드 드 자 태그
방식이고요 자이 스크립트 태그를
카피해서 가지고 가는 거고 여러가지
세팅 여러분들 바꿔 보실 수가
있습니다 플레이 세팅에서 로고를 끌
수도 있고요 그다음에 백그라운드
컬러를 감출 수도 있고 합니다
하지만이 로고를 없애려고 하면 또
마찬가지로 또 돈을 내야 됩니다
그래서 일단은 로고를 없앨 수 없다이
얘기는 어 도아해 가면이 3D 모델을
서비스를 하려고 하면 오른쪽 하단에
로고가 뜨게 됩니다 그거를 없앨 수가
없다는 거고요 그리이 옵션을 바꾸게
되면 업데이트 뷰어 눌러 주셔야
됩니다 자 그러면 업데이트가 됐고요
업데이트가 됐고 자 여기 태그 코드를
카피 하십니다 그럼 클립보드에 카피가
됐고요 지금 메모리상에이 텍스트가
복사가 돼 있는 상태입니다이 후에이
도라 사이트로 가서요 구글로 로그인을
하고요 뉴 프로젝트를
눌러줍니다 자 뉴 프로젝트 에서요
여러분들 플러스이 버튼 누르시고
추가하는 방법이 여러 개가 있는데요이
하단에 보면 이제 베드라 태그를
임베드 하는 방식이 있습니다 요걸
눌러 주시고요 자 3D 위치할네
캔버스를 생성해 줍니다 이렇게 그려
주고요 그러면 오른쪽에 임베드 하는
URL 혹은 html 입력할 수가
있고요 html 부분에 자 조금 전에
클립보드에 복사된 라인에서 복사된
부분을 갖다 붙여 놓기 합니다 그리고
엔터를 눌러 주시면 자동으로 3D
이렇게 로딩이 된 거를 확인하실 수가
있습니다 그리고 오른쪽 하단에 빌트
위스 라인이라고 돼 있죠네 이로고네
계정에 돈을 내면 예 있는 거죠
그고이 배경 배경은 아니고요이 배경은
아니고 3D 판이 이렇게 있는데
이것도 지우고 싶다 이러면은 다시
스플라인에 가셔
가지고요 뒤에 3 객체를 지워
주시고요 백스페이스를 눌러서 지워
주시고 다시 익스포트 해서 가지고
오면 예 지울 수가 있는 겁니다 자
그리고이 도라의 장점 중에 하나가
바로 결과물을 웹에서 보여줄 수가
있다는 겁니다 일단 텍스트도 하나
추가해서 블해 보겠습니다 텍스트는
라고 입력하고 폰트도 여러분들 정해
주실 수가 있고
마찬가지로 텍스트
사이즈도 이렇게 키워 주실 수가
있습니다 그리고이 퍼블리시 해
보겠습니다 자 퍼블리시 온라인을
누르게
되면요 자 여러분들이 원하는 도메인은
아닙니다이 도라 런네 도아해 제공해
주고 있는 어 무자기 링크고 요거를
눌러보면 바로 웹상에서 확인하실 수가
여기 계속 로고는 계속 보입니다
이것을 지우려면 마찬가지로 계정을
업그레이드 하셔야 되는 거고요 자
이번
시간에는네이 3에 대한 이야기를 좀
해드렸습니다이 생성형 인공지능 시대
이제 메타버스와 3가 어떻게 연결이
되고요 그리고 앞으로 올 웹 3명
시대에 이런 생성 인공지능과
메타버스가 연결될 수 있는가에 대해서
말씀드렸습니다 다양한 사이트들이 속
만들어지고 있고요 서비스와 그리고
도라 서비스가 열심히 개발하고 있는
거 같습니다 AI 관련해서요 다음
시간에 3D 관련해서 좀 더 복잡한
기능 또 프로젝트를 완성하는 방법
이런 부분에 대해서도 설명드리도록
하겠습니다 시였습니다
감사합니다
728x90
반응형
LIST