游戏界面-蒸汽朋克风格商店界面创作过程

鑫森淼晶垚

广州/设计爱好者/5年前/1176浏览

版权

游戏界面-蒸汽朋克风格商店界面创作过程

鑫森淼晶垚

早些年接到个游戏界面的项目制作，我把这次的创作的整个流程分享给大家。工具主要是PS。从框架结构、构图思路、参考元素、到元素材质搭建过程都一一详细罗列出来，希望对大家有所帮助。谢谢···

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI4NjEy） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

原型图，先把整体框架搭建出来

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MDk2） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

该游戏风格主要为欧美骑士类格斗游戏为主，所以风格方面就选古典类的机械齿轮为主的蒸汽朋克风

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MDg4） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

标题框选择金属质感古典优雅的风格更显游戏特色

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MDg0） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

参考元素——添加一个古典计时钟，用于增强游戏氛围。

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MDky） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

参考元素——因为该游戏有异形进化的功能，所以挑选一个具有魔幻气息的化学药罐，增加游戏氛围。

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MTA0） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

参考元素——再添加一些具备欧美特色的齿轮，用以增强整个游戏环境氛围

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDI5MTAw） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

参考元素——有时候选材也很重要，例如欧美特色的古典元素都喜欢用罗马数字，金属感也比较偏向黄铜色

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDMzNDIw） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

然后得出整体界面是这样的，满满的蒸汽朋克风。

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDMzNDI0） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

我这里再把创作过程的中里面所用到的元素图层都拆分开来，只要大家用过PS，应该都会有所理解，都是形状工具和用画笔上色，还有用渐变调色，但侧重点是物体的光影调色！

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDYzNzky） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

另外几个商品的创作过程也罗列出来。主要方法是找好参考元素，再画出线稿，最后丰富细节。

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDYzNzk2） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDYzOTIw） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

Collect

游戏界面-蒸汽朋克风格商店界面创作过程（图ZMjMyMDMzNDI4） - 游戏UI - 站酷设计师鑫森淼晶垚原创素材 - 站酷ZCOOL

然后根据整体框架结构随时调整不同的游戏风格。这次改成比较现代的有科技感的游戏风格·

Collect

10

Report

|

声明

23

Share

原创Works UI 游戏UI 游戏界面游戏界面创作过程蒸汽朋克风游戏界面教程

相关推荐

评论

in to comment

Add emoji

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

18

游戏ui

游戏ui

游戏ui

游戏ui

3

游戏界面设计

游戏界面设计

游戏界面设计

游戏界面设计

游戏界面设计

1

UI参考

UI参考

UI参考

UI参考

游戏UI

游戏UI

游戏UI

游戏UI

大家都在看

Log in

10

23

评论

分享