【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