Photoshop螺旋桨式风扇主题UI图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下螺旋桨式风扇主题UI图标的制作教程。

教程分享:

 


首先,我们来建立一个1667*1250,300DPI的画布。整个教程分为右图五个部分,每个部分在完成以后,都进行了编组,并且每个组的图层状态都为穿透,这个同学们在做的时候要注意。我们首先从背景层开始。

 


背景1:这一层主要是用一个渐变工具(径向渐变)拉出差不多的效果就可以了。

 


新建一个图层,命名为背景2:这一层则是在原有背景的基础上,在下半部分制造一个近景的亮色部分。同样的,也是用渐变工具,只不过这次是用的“线性渐变”。渐变的颜色参数同样如上图。

 


 


效果比较弱,不过上下仔细比较一下,还是能看出来的。加了这一层以后,不仅下半部分变亮了一点点,而且大家应该还能看到一层淡淡的,稍微深一点点的颜色,这个也是为后面的风扇做出来以后,能整体制造一点空间感,让整体看起来更加的真实,背景层完成后,记得群组,修改模式为穿透。后面的每一个部分,都是一样的,我就不一一提醒了。

 


用圆角矩形工具画一个720*720半径10像素的圆角矩形,该图层命名为“风扇机身”,颜色填充#E2E1E0,图层样式依次填充“内阴影”“渐变叠加”“投影”,参数如下:

 


 


 


把风扇机身复制一层,清除图层样式,修改图层填充为:0。命名为风扇机身2,并添加内阴影样式。

 


 


效果:

 


接下来,我们来做电扇中间的圆形扇框。用椭圆工具画一个549*549的圆形,颜色填充#e2e1e0,并给它依次添加描边、内阴影、渐变叠加这三个图层样式。

 


 


 


 


效果:

 


最大的圆形扇框做好以后,我们再用椭圆工具画一个455*455的圆形,图层命名为圆形扇框2,颜色依然填充#e2e1e0。并给它依次添加描边、渐变叠加、投影三个图层样式。

 


 


 


 


效果:

 


最后,我们来做机身部分最麻烦的扇格部分,好吧,你们就假装这个东西叫扇格。。。。画三个圆,然后删除就可以了。

 


添加上去后的效果:

 


画好以后颜色填充#e2e1e0,并依次渐变叠加、投影。

 


 


效果:

 


这样风扇机身部分就已经完成啦,接下来,我们做风扇的扇叶部分。

 


效果:

 


扇叶的基本型做好以后,依次添加内阴影、渐变叠加、投影三个样式,并根据光线,给扇叶添加一个光影效果。

 


 


 


效果如下:

 


现在我们根据光线,给扇叶大致推导出扇叶的一个光影效果,用钢笔工具钩出阴影。


 


扇叶阴影2主要分为上面四个部分。我们图层命名为扇叶阴影1~4,颜色任意填充。

 


效果:

 


把所有扇叶部分的图层组成一个群组,并在该群组上面添加一个蒙版,把下方多余部分的投影给盖掉。

 


接下来,我们把机身部分的那个大的圆形扇框复制两层,放到最顶层,图层填充0%,用来给扇框加两层内部投影。

 


 


 


效果:

 


最后给整个图层用渐变工具加一层深色,然后添加一个蒙版,用柔边圆画笔擦掉中间部分。从而做出四周暗中间亮的效果。

 


 


最后的最后,给整个风扇添加一个放射性的投影和电线。使得整体细节方面更细致,更逼真。

 


图层样式参数:

 


 


 


 


好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的螺旋桨式风扇主题UI图标的制作教程解析分享的全部内容了,各位看到这里的使用者,现在你们是非常的清楚了制作方法了吧,那么各位就快去自己尝试着制作下吧。

时间: 2024-09-20 00:34:50

Photoshop螺旋桨式风扇主题UI图标制作教程的相关文章

Photoshop设计电视机主题UI图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计电视机主题UI图标的制作教程. 教程分享: 首先,我们看看原图,一个400*300的小图.   新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块.   我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示. 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变

photoshop设计玉镯主题UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计玉镯主题UI图标的制作教程. 教程分享: 第一步.绘制图标底座形状,这里给的是300*300,圆角度数为20.   第二步.给底座填充一个从深色到浅色渐变,顶部添加亮色内阴影,底部添加投影.     第三步.添加一个240PX的圆,并给上暗内阴影,下亮投影.同时添加一个比矩形略深的渐变叠加,打造凹槽效果.   第四步.在凹槽内添加一个直径200px,宽度30px的圆环,颜色给高亮绿色,这里给了#adfcd6,做玉镯的基本形状.   第

photoshop简洁地图主题UI图标制作教程

给各位photoshop软件的使用者们来详细分享一下简洁地图主题UI图标的制作教程. 教程分享: 新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8e8e8.   为这个圆角矩形添加一个图层样式.       复制一层圆角矩形,将图层的填充更改为0,添加一个投影样式.     接下来,我们画出定位的那个图标的形状来,颜色#97d601.   这个形状,可能好多人会用圆加矩形去拼接,这里我讲一下我用的方法.先把垂直居中参考线标注出来,画一个正圆.   使用直接选择工具,选择住图中

photoshop设计扁平化风格UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计扁平化风格UI图标的制作教程. 教程分享: 最终效果   1.新建大小自定的画布,用形状工具制作圆角矩形. 2.添加图层样式:渐变叠加和投影,参数及效果如下图.       3.分三个图层做中间的形状绘制,其对应图层如下图.   4.首先看红点标注的2个图层,参数是一样的.       5.正圆形图层样式:内阴影和内发光.       6.将刚才的三个形状选中,然后成组. 7.在组上添加图层样式:投影,如下图.     最终效果及其它

photoshop皮包主题UI图标设计教程

给各位photoshop软件的使用者们来详细的说一下皮包主题UI图标的设计教程. 教程分享: 最终效果:   下面,教程开始! 在正式做图标之前,需要先自定义一个图案. 首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后[滤镜]-[杂色]-[添加杂色],给图层添加7%的杂色.完成之后,[编辑]-[自定义图案]添加一个图案,命名为[磨砂纹理]   准备工作做好了,开始画皮包. 新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变.   建一个5

PhotoShop绘制一只七星瓢虫小图标制作教程

介绍用PhotoShop绘制一只七星瓢虫小图标,我一直很奇怪为神马很多软件到BUG提交都用瓢虫做标识,后来在一本书上无意中看到ladybug才恍然大悟. 教程效果图: 绘制流程如图: 分类: PS鼠绘教程 ps图标制作教程

PhotoShop绘制黑色质感安培仪表盘图标制作教程

教大家用PhotoShop绘制一个黑色质感安培仪表盘图标,其实一个图标一点都不复杂,总共也就3个文件夹. PS:这里的形状都是先用AI画出来的,然后放在PS里做的效果,当然也可以直接在PS里画,根据个人习惯吧! photoshop教程最终效果图: 第一步:仪表盘底托的制作如下: 分类: PS鼠绘教程 ps图标制作教程

photoshop扁平微质感的镜头UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下扁平微质感的镜头UI图标制的作教程. 分享一览: 这篇教程主要分享两个ICON的制作过程,一个是镜头主题图标,一个是时钟,图标其实不难,主要是分享一个思路.         好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的扁平微质感的镜头UI图标制的作教程分享的全部内容了,各位看到这里的使用者们现在是非常的清楚怎么去制作了吧,那么各位现在就快去自己尝试一下吧.

photoshop设计白色相机UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计白色相机UI图标的制作教程. 教程分享:           好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计白色相机UI图标的制作教程分享的全部内容了,各位看到这里的photoshop软件的使用者们,小编相信你们现在是非常的清楚了教程了吧,那么现在就快去自己试试吧.