테크니컬 아트/언리얼 UMG8 [InsideUnreal ] UI Material Lab 3: Q&A TINA WISDOM: It was.This was incredible. I wish I could get all of the love from chatjust into here where you can see it. But everyone is just talking about how amazing of a presentation that was and how much they learned. IRENE ZANON: Yay. TINA WISDOM: So thank you so much for that, especially that demo. I think being able to actually walk through it step-by-stepis incredibly helpful for being .. 2024. 6. 21. [Inside Unreal] UI Material Lab 2 : Demo 시연 Demo 시연하기 ( 움직이는 사각형 버튼 제작하기 ) I have thought about what am I going to show? In the end, I came up with this idea.Maybe I can show you a button, because we have buttons everywhere in UI. And maybe we just want some cool animationand we want to use lots of material lab functions.So this is our button. And as you can see, it's like a box. But it is slanted, and it has these linesthat move from the.. 2024. 6. 21. [Inside Unreal] UI Material Lab 1: 오프닝 및 라이브러리 설명 Materials and ConceptsSo I noticed some stuff while working with materials. First thing, not going to lie, materials are intimidating.They introduce new concepts that we might not necessarily be used to, like the concept of UVs. They rely heavily on math.And many nodes' names are just not self-explanatory.작업을 하면서 몇 가지를 발견했어요. 첫째, 솔직히 말해서, 머티리얼은 정말 어렵습니다.UV 개념처럼 우리가 익숙하지 않을 수 있는 새로운 개념을 소개하죠. 수학에.. 2024. 6. 21. 언리얼 UMG: 이펙트용 리소스 만들기 렌즈 플레어(Lens Flare)//photoShop1. 512*512로 새로 만들고 바탕을 검정색으로 변경한다. 2. Filter->Render->Lens Flare (105mm Prime)- Brightness는 적당히 설정할 것 - Ctrl+L 로 대비를 조절3. 토성처럼 링이 필요하다. 복제해서 Ctral+T로 크기를 찌부시켜서 만들 수 있다.4. 분할해서 출력한다. - Lens Flare 이미지 - 링 이미지 2024. 6. 20. 언리얼 UMG: WidgetBlueprint 심화 위젯 컴포넌트 1. WidgetSwitch- 하위 위젯들을 index에 맞춰서 변경할 수 있다. - 그래프에서 SetActiveWidgetIndex를 이용해서도 동적으로 변경할 수 있으며, 이때 int 자료형의 변수를 선언하여 번호를 입력하여 변경할 수 있습니다. //----View----//아래의 컴포넌트들은 독립적으로 사용할 수 없다.Widget을 만들어서 안에 넣어주어야하는 컴포넌트 이다.하나의 형태를 가진 Widget을 만들고 그 위젯들을 Solt로서 활용할때 사용하게 된다. //---------Solt으로 활용할 컴포넌트의 세팅----//- Slot으로 활용할 WBP의 그래프 패널에서-> ClassSettings->Detail- Interface->ImplementInterface->Add-.. 2024. 6. 20. 언리얼 UMG: Widget Animation 위젯 블루프린트의 하단에 보면 애니메이션 탭이 있을 것이다. 열면 시퀀스와 똑같이 타임라인과 키프레임을 조절할 수 있는 창이 나온다. 이걸 활용하여 애니메이션을 제작 할 수 있다. 1.+Animation 버튼을 눌러서 애니메이션을 추가한다. (이름설정)2.+Track 버튼을 눌러서 위젯에 붙어있는 컴포넌트들을 불러올 수 있다. -여기에서 에프터 이펙트처럼 사요을 할수 있다 스케일을 조절할 수도 있고 키 애니메이션을 줄 수 있다. 만든 애니메이션을 어떻게 활용할까?- 예를 들어 Pressed 또는 Hovered와 관련된 애니메이션을 만들었다고 생각을 해보자이벤트가 발생했을때 각각 애니메이션이 재생이 되면 좋을 것이라고 생각이 든다. 1. 버튼 컴포넌트를 isVariable = true로 체크해준다.2.. 2024. 6. 20. 언리얼 UMG: Widget Blueprint 기초 폴더구조UI/ - Fonts- Materials- Textures- Widgets 엔진설정//프로젝트 세팅//해상도에 따라서 스케일링 되는 UI를 사용하겠다는 의미//Engine ->UserInterface-> - DPI Scaling -> DPIScaleRule -> Scale to Fit 으로 변경 // curve를 이용해서 과도하게 작아지거나 과도하게 커지지 않도록 조절- Scale to Fit Rule -> 1080*1920 // 사용할 화면에 맞게 조정해준다 - UMG Font // 현재 96 DPI로 되어있다. 때문에 포토샵에서 96으로 해상도를 맞춰주었던 것이다. 포토샵 출력설정 초보자때는 포토샵의 모든 이미지를 조각조각 내면서 붙이기 보다는전체의 이미지를 바닥에 붙이고 그 위에 얹는 방식.. 2024. 6. 19. UMG 기초 - 포토샵 사용법 1 모바일 해상도- 1080*1920 기본적으로 잡고 간다.- 해상도는 96//이렇게 만들면 세로로 긴 직사각형이 나온다 폰트 추천 다운로드//숫자용Agency FB//한글나눔스퀘어배달의 민족 을지로체//회의때 사전에 들어가는 글자가 몇글자인지 알아두어야 한다.AI 활용해서 리소스를 생성하기 미드저니 다운로드 받는 법미드저니를 구글검색-> Join in 하면 디스코드랑 연결을 하도록 (로그인)완료하면 디스코드에 미드저니를 확인할 수 있다.채팅채널을 만들어서 개인서버를 생성하면 채팅채널-> #미드저니 로 설정해서 나만의 미드저니 채팅방서비스를 만들 수 있다. 기몬적으로 여기에 채팅을 치듯이 미드저니 프롬프트를 입력할수 있다.사진이 4장 만들어지고 왼쪽 위부터 순서대로 1,2,3,4이렇게 번호가 붙어있다고 생.. 2024. 6. 19. 이전 1 다음 반응형
