【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?


3楼猫 发布时间:2024-02-18 07:08:25 作者:廢物設計師 Language

这里我们还是用1817X470的尺寸作为我们的画布

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第0张

找到我们的参考,比如说官网的横幅或者人物,用这些我们可以得到我们这次设计的主色调和风格

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第1张

把背景调为白色

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第2张

画一个矩形,填色-渐变-吸取参考的颜色

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第3张

然后在画出一个十字素材,两个矩形组合或者字符+号,然后轮廓描边

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第4张

得到一个加号后再画一个正方形,把加号复制在四角

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第5张

再复制正方形到右边作为一个“间距”

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第6张

重复此操作可以获得这样的纹理

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第7张

把纹理放进画布里,调为黑色-透明度5%或10%

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第8张

然后放入合适的人物素材

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第9张

给人物调色,一些细节光影

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第10张

做模糊效果

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第11张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第12张

参考的光影是因为左边打过来的 我们可以简单模仿

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第13张

画布一个矩形,圈出大概位置,然后用钢笔工具描边圈出

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第14张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第15张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第16张

最后再添加上文字和背景

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第17张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第18张

在哪找到人物素材?

至今为止我已经做了不少APEX的素材,尤其是人物素材,加上这次恐怕已经打破了五百张的记录。

这是以往素材

传送门

本次选择性做了一百多张的高清人物素材,免费提供给大家。

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第19张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第20张

素材同步在Eagle发布,别忘留下你的好评噢,让作者更有动力!

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第21张

每张图片分辨率为1920x1080/-300dp,透明背景PNG格式

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第22张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第23张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第24张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第25张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第26张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第27张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第28张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第29张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第30张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第31张

部分展示

【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第32张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第33张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第34张
【Apex 英雄】如何用Figma简单做一张《APEX英雄》的横幅?-第35张

© 2022 3楼猫 下载APP 站点地图 广告合作:asmrly666@gmail.com