宁波网站优化的关键,wordpress手机客户端端,兼职做网站设计,合肥红酒网站建设原文章链接#xff1a;如何根据游戏素材制作主题头像框#xff1f;实战教程来了#xff01; - 优设网 - 学设计上优设
教程专区#xff1a;AI绘画#xff0c;AI视频#xff0c;AI写作等软件类型AI教程#xff0c;
AI工具专区#xff1a;AI工具-喜好儿aigc
在 APP 的… 原文章链接如何根据游戏素材制作主题头像框实战教程来了 - 优设网 - 学设计上优设
教程专区AI绘画AI视频AI写作等软件类型AI教程
AI工具专区AI工具-喜好儿aigc
在 APP 的日常运营中我们设计的同学经常会接到主题活动类的设计需求其中活动头像框就是一个主要的类型。主题头像框能满足用户的个性化需求可以充当活动奖品提高用户对活动的参与积极性也有着一定的活动推广作用那么对于大部分手绘能力并不突出的 UI 设计师怎样能在短期内利用素材制作活动主题的头像框呢本期文章我将结合以往我做过的主题头像框给大家讲解我的思路与方法。 一、素材分析与制作思路
在需求开始前我们一定要和需求方做好沟通确定好需求方的想法与要求提出自己对于元素、颜色、质感等元素大致思路避免大改。
这里举例用一张 AI 素材做一个头像框主题是冬天雪景给用户带来冬天的感觉那我们便可以围绕这点分析这张素材和提取可用元素。 首先是色调的分析整个 kv 色调以蓝白色为主亮暗分明上方天空融入五彩的极光有很好的丰富整体色调的作用我们可以大致上直接按这种布局给框体配色。同时下方的积雪也可以做冬季的点题可以加在头像框底部刚好之前设想的底部深蓝色也能很好的衬出积雪轮廓。 再就是一些装衬元素的选取例如空中的飘雪、人物身上的装饰等又或者一些图案纹理、特效等都可以用来丰富头像框一般我会倾向找一些偏三角形的元素去搭配圆形的框体来做一个方圆结合
二、框体的制作
框体制作上首先是框体粗细不宜过细要记住头像框始终是应用在界面上很小的一个元素框体太细会压不住元素导致整体看上去很散乱同时看上去也不够份量而且框体的内圈最好略微小于头像下图红色区域让框体与头像产生一些重叠 接下来我们可以用颜色渐变与色块模糊给框体做亮暗丰富体积还可以试着添加一点特殊结构增加趣味性 可以看到框体完整度看起来差不多了接下来我们可以去叠一些半透明纹理清晰度不需要太高
最后根据具体情况再做下调整这里想要给框体增加一些发光的感觉于是添加了一层白色描边做高光以及模糊化的蓝色外发光 对比后可以看到框体看上去更晶莹闪耀而且更有质感了
三、元素的使用 首先需注意点是元素的大小与位置所有元素尽量避免相同大小我们可以以优先级去给每组元素做大小排序例如标题ip配角其他 然后元素的摆放位置与朝向也可以去做呼应让元素之间产生互动感例如图中生物望向小人小人望向标题等这么做也能让整体看起来更整体和谐 还有一个元素摆放方法我们可以复制框体的外圈做蒙版然后选择一些元素置入例如下图中的积雪、云朵和黑色星球。这么做也是为了丰富整体层次让元素与框体产生联系 最后我们可以给元素添加投影投影只需要铺在框体上即可否则一些半透明模糊化的像素会超出画板的尺寸所以我们可以最后确定好所有内容后再以整个头像框区域为蒙版做这一步 总结一下以上做的每个步骤都是为了元素丰富同时更好地融入框体让头像框有整体性还有很多方法可以继续优化但这里就不再赘述了。
四、AI 工具的结合
有时候我们拿到的素材没什么可用之处时我们可以用 AI 去炼制元素。目前在 SD 上有模型可以直接炼制整个头像框但效果并不是特别好所以我更推荐大家用 AI 生成元素去做拼贴。
基本的 AI 炼制方法相信大家都会了这里我们需要强调下画风的提示词以及记得加上 black background方便抠图。
后续就是结合上面元素使用的思路去做即可这里放两个古风向的头像框可以看到 AI 元素的应用效果还是挺不错的。AI
