AI+UE5制作可交互动效预演流程

用户头像
上海/UX设计师/4天前/439浏览
AI+UE5制作可交互动效预演流程
用户头像
秃然间
版权声明:此静态UI作品为他人设计,可浏览其主页欣赏其原设计,本人只做动效预演,如与原设计有出入,请以原设计为主,敬请谅解。
https://www.zcool.com.cn/work/ZNjEwMTU4MzI=.html
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4NjY0) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
        一直忙于工作,很久没有更新了。这套UI个人比较喜欢,感觉风格比较独特。这个预演早就想做,场景里建模都建好了。随着AI生视频的技术革新,突飞猛进,就抱着试一试的想法,结果真是被震撼到了。做的快就算了,TMD还比我做的好,不禁感叹,AI技术的发展,真的不以人的意志为转移,速度快的让人害怕......
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4NjUy) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4NjQ4) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4NjYw) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
一、场景部分
首先,先用即梦生成背景视频,这里提示词很重要,这里有个小技巧,如果不会写提示词,可以先把你要生成什么,输入进豆包,让豆包整理提示词,效率会高很多。
AI+UE5制作可交互动效预演流程(图ZNDA2MTg3Njky) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
提示词编写
Collect
这里我并不是一次性生成的整段视频,而是分段生成了不同的视频,再用AE剪辑而成,包括镜头的推进拉伸等,已经速度节奏等,并不是每次都能生成的很完美,需要在AE里二次处理加工
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MDky) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
即梦生成片段1
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MDk2) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
即梦生成片段2
Collect
然后,视频导入到UE5里,需要让UI界面播放视频,这样我们就省去了搭建场景的工作,我们就只需要制作UI部分的动效了
1、我们需要在Content/Movies路径下导入视频(这里注意,视频要先在一个非中文的路径,通过资源管理器的方式复制到Movies文件夹内,再在UE5里导入,否则可能不播放)
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MjAw) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
分别创建这三个文件
Collect
2、然后在Movies内,右键创建如图所示三个文件,并对媒体纹理创建相应的材质,
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MjYw) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
3、材质的材质域需要改为UI
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MzM2) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
4、最后一步就是把视频设置到界面上播放视频就可以了
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4MzY4) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
二、UI部分
UI部分我还是使用了传统的UMG方式进行制作,一是因为AI对UI的支持尚不完全成熟,二是无法与引擎结合进行交互
在设计上,首先提炼主视觉,这里有一个被大量使用的元素,就是线条与圆圈的结合,结合这个所表达的世界观风格,我把这个线条与圆圈,延展为星球与星环带的设计
AI+UE5制作可交互动效预演流程(图ZNDA2MTg4NDg0) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
这里我设计时,通过星环带与星球的平行与立面视角进行转换,使其抽象视觉具象化,丰富其内涵
AI+UE5制作可交互动效预演流程(图ZNDA2MTk3NDQ0) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTk3NzQ4) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTk3NzUy) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTk3NzU2) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
AI+UE5制作可交互动效预演流程(图ZNDA2MTk3NzYw) - 动效设计 - 站酷设计师秃然间原创素材 - 站酷ZCOOL
Collect
未完待续......后面有空再提高完成度
0
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in