分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS教程!3小时拟物图标速成记之相机篇

icon图标 学UI设计 2422次浏览 0个评论 扫描二维码

临摹过那么多拟物教程,依然不能自己动手做拟物图标?今天这篇教程包含了大量基础的拟物绘制套路,临摹完保证让你恍然大悟。

PS教程!3小时拟物图标速成记之相机篇

前段时间做了一些拟物的练习,学习设计就是要多看,多想,多做。现在就把这段时间学习的知识用教程的方式拿出来与大家分享。

效果图:

PS教程!3小时拟物图标速成记之相机篇

长话短说,接下来就让我们沉迷学习啦~

步骤一:制作背景

第一步

先打开PS工具,创建一个新的文档,数值具体设置如下:

宽度:1400

高度:788

分辨率:300

色彩模式:RGB颜色 8位

PS教程!3小时拟物图标速成记之相机篇

第二步

添加画布背景颜色,设置前景色为#000000,然后新建一个图层并填充前景色(Alt+delete),然后修改图层的名称为背景,作为我们这次教程的背景。

PS教程!3小时拟物图标速成记之相机篇

步骤二

通过使用矩形工具与圆角矩形工具绘制基本的轮廓,下图是这一步的完整效果图:

PS教程!3小时拟物图标速成记之相机篇

第一步

选择矩形工具创建一个759*201像素大小的矩形,在属性面板中置圆角弧度为9像素,接着创建一个328*117像素的矩形,圆角弧度为9像素,使用直接选择工具选择两个图形,右键减去顶层形状,接着使用相同的方法创建一个小的93*30像素的圆角矩形,圆角弧度为2像素。这样相机顶部的金属部分的框架就做好了。

PS教程!3小时拟物图标速成记之相机篇

复制一层金属框架并将它们分别命名为横条-左,横条-右。为现在为横条左添加上一层渐变叠加增加一些细节,d2d2f0,0,080806,5,1b1b1c,7,1b1b1e,17,1d1d1b,86。不透明度20%,0%。

PS教程!3小时拟物图标速成记之相机篇

接着用相同的方法给横条右也添加上一层渐变叠加。35373c,0,363638,44,3a3a3c,73,000000,95,e7efff,100。

PS教程!3小时拟物图标速成记之相机篇PS教程!3小时拟物图标速成记之相机篇


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!