Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 photoshop制作漂亮立体的胶卷ICON图标教程

photoshop制作漂亮立体的胶卷ICON图标教程

发布时间:2019-02-07   编辑:www.jquerycn.cn
jquery中文网为您提供photoshop制作漂亮立体的胶卷ICON图标教程等资源,欢迎您收藏本站,我们将为您提供最新的photoshop制作漂亮立体的胶卷ICON图标教程资源
今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作漂亮立体的胶卷ICON图标的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看小编为大家带来的教程吧。
<script>ec(2);</script>
给各位photoshop软件的使用者们来详细的解析分享一下制作漂亮立体的胶卷ICON图标的教程。
教程分享:
1、整体的大统一,就是光源,大胆的使用明暗对比可以增强图标的视觉冲击,吸引眼球。值得强调的是,高光和阴影绝对不是纯黑和纯白,要注意环境色的影响。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
2、拟物类图标,重点拼在细节和明暗对比上,其中透视也是重要环节。在设计之始,先画一个简单的线框确立好统一的透视关系。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
3、先用钢笔工具,画一个大概外轮廓,相近的颜色。关于矢量钢笔组合多多尝试钢笔路径操作。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
4、细致刻画,增加或者减少一些装饰。拟物化拼的就是逼真、动感。至此我们所有的操作仍然是基于钢笔矢量工具上。我们也可以将这步定位扁平化。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
5、接着,就是细节的刻画。利用图层样式进行一些效果,还是非常不错的。多多尝试混合模式的使用能有奇效。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
6、其它部位大同小异,不再一一列举。重点是把能用上的效果都用上,发挥极致。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
7、黄色部分,圆柱型身体两侧使用深红色衬托转角,高亮部分用黄色。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
8、同理,胶带部分和中间细节也是利用图层样式进行调整,胶带复制一层增加厚度。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
9、胶卷的底座。多多参考实物进行设计,拟物化在和实物对比上,需要多多考虑真实存在性。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
10、添加阴影部分,无论是多么小的厚度,都会存在阴影。注意阴影的颜色要贴近物体环境色。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
11、有的时候阴影表现仅一个图层是不够的,需要多层叠加。因为阴影和亮部分处理的对比越强烈,拟物化图标的立体感就更强烈。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
12、添加高光和阴影处理方法一样,我习惯后处理高光,因为亮点总是在最后提炼。从图中我们可以看到,有了高光以后图标整个感觉就不一样了。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
13、再加上一个衬板就完成了。

 

<center>Photoshop制作漂亮立体的胶卷icon图标</center>
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的制作漂亮立体的胶卷ICON图标的教程解析分享的全部内容了,各位使用者们现在看到这里了小编相信各位现在那是非常的清楚了制作方法了吧,那么大家就快去按照小编上面的教程自己去制作下立体的胶卷ICON图标吧。

您可能感兴趣的文章:
JavaScript图表绘制组件 Elycharts
jquery中通过父级查找进行定位示例
JQuery+CSS提示框实现思路及代码(纯手工打造)
13个绚丽的Jquery 界面设计网站推荐
jQuery 打造动态渐变按钮 详细图文教程
jQuery绘图插件 jqPlot
jQuery制作仿腾讯web qq用户体验桌面
超级酷和最实用的jQuery实例收集(20个)
12款经典的白富美型—jquery图片轮播插件—前端开发必备
jQuery-Easyui 1.2 实现多层菜单效果的代码

[关闭]