80后的回忆:红白机手柄图标制作教程
80后的回忆:红白机手柄图标制作教程-移动阅读二维码

提到红白机,我想这肯定是绝大多数80后人记忆中不可抹去的快乐!

红白机(Family Computer)是日本任天堂公司1983年生产的游戏主机,现在很多游戏的前身就是来自于FC,FC为游戏产业做出了相当大的贡献,甚至可以说FC游戏机是日本游戏产业的起点,FC也曾在80、90年代风靡中国大陆,那个时候也有很多人管它叫红白机,也有很多玩家就是从这个神奇的主机开始了自己的游戏生涯。为国人熟知的还要属国产的小霸王!

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

当时和小伙伴们争着打《魂斗罗》、《坦克大战》、《超级玛丽》、《冒险岛》、《双截龙》等等一系列经典的游戏场景还历历在目,如今电脑游戏精彩缤纷,却也找不回那时简单的快乐,以此教程缅怀我们回不去的童年!

第一步:

创建文件,用圆角矩形工具绘制图标外框,我这里做的比较大,256x256px,圆角半径20。然后对其添加图层效果,如图:

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第二步:

还是用圆角矩形工具绘制图标中间的底色部分,如图,添加完图层效果后在下方画两条实线。

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第三步:

下面开始做上下左右键了。有谁还记得魂斗罗的口诀吗(上、下、下、左、右、左、右、B、A、B、A)?言归正传,用矩形工具画出一个十字架,然后添加图层效果,如图:

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第四步:

添加上下左右键上的小箭头。小箭头就可以用自定形状工具里的箭头,如图添加效果,我图片上应该表现的很清楚,有什么不懂,大家可以留言

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第五步:

添加AB建(轻拳轻腿、重拳重腿),4个圆形,再给上面的两个圆垫一个红色底,如图:

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第六步:

添加暂停键和主手柄图标。先用圆角矩形工具绘制暂停键的底,添加内投影和投影效果;再用圆角矩形工具绘制里面的暂停键,添加渐变和投影效果,如图:

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

第七步:

右上角印上LOGO,简单的添加一个底图,调整下小细节,OK!完工!貌似我家还有红白机和卡一直没摔,等周末再来回味一番!

设计教程 红白机 游戏机 游戏手柄 游戏图标 手柄图标 小霸王 PS教程 icon教程 80后

本文链接:http://www.mobileui.cn/red-white-machine-handle-icon-tutorial.html
本文标签: , ,