Photoshop清爽立体指南针图标制作教程

给各位Photoshop的使用者们来详细的分享一下清爽立体指南针图标的制作教程。

教程分享:

一、新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8e8e8。



 

 

二、为这个圆角矩形添加一个图层样式。



 

 

 

 



 

 

 

 



 

 

 

 

三、复制一层圆角矩形,将图层的填充更改为0,添加一个投影样式。



 

 

 

 



 

 

 

 

四、接下来,我们画出定位的那个图标的形状来,颜色#97d601。



 

 

 

 

五、这个形状,可能好多人会用圆加矩形去拼接,这里我讲一下我用的方法。先把垂直居中参考线标注出来,画一个正圆。



 

 

 

 

六、使用直接选择工具,选择住图中红圈的锚点,垂直下移一定的像素。



 

 

 

 



 

 

 

 

七、还是用直接选择工具,选择住这个锚点,我们会发现,出现了调节曲线片段的杠杆节点,水平向左移动一定像素。



 

 

 

 



 

 

 

 

八、因为,我想做成一个立体的图标,所以,最顶上的锚点,我们也适当向下移动一点,把圆压扁。



 

 

 

 



 

 

 

 

九、OK,现在我们已经完成了左边部分的调节,如果还是按照这个方法去调节右边,不好精确控制,无法保证百分百的对称,所以,我画了一个矩形,对齐垂直居中的参考线,模式减去。



 

 

 

 

十、选择住矩形的路径和圆形变形后的路径,合并形状组件。



 

 

 

 

十一、复制这个一半的形状,水平翻转,移动到右边,保持其切面与参考线贴合,选择住这两个一半的形状,再次合并形状组件,这样我们就彻底的得到了一个对称的形状图标了。



 

 

 

 

十二、复制一层定位的形状,置于这层的下层,更改颜色为#85bb03,我们来构建立体面。



 

 

 

 

十三、OK,现在我们开始细化图标,首先我们先为最下层的立体面添加一个投影。



 

 

 

 



 

 

 

 

十四、复制一层这个立体面,将图层的填充更改为0,添加一下投影样式,完善投影。



 

 

 

 



 

 

 

 

十五、现在回到图标形状图层,添加图层样式。



 

 

 

 



 

 

 

 



 

 

 

 

十六、复制一层图标主体,将图层填充更改为0,添加一个内发光。



 

 

 

 



 

 

 

 

十七、设置前景色为#52a5ef,画一个蓝色的椭圆,并添加一个图层样式。



 

 

 

 



 

 

 

 



 

 

 

 

十八、还是使用椭圆工具,画出下图中的圆环,(简单的两个圆相减,别告诉我不会画),添加一个图层样式。



 

 

 

 



 

 

 

 



 

 

 

 



 

 

 

 

十九、设置前景色为#b5cbe5,还是画一个椭圆,创建剪贴蒙版,构建白色圆环的立体感。为避免边缘的生硬,我在属性面板中设置了1像素的羽化。



 

 

 

 

二十、下面,我们开始画指针,三角形而已,不用多说吧,颜色#97d601,添加一个投影。



 

 

 

 



 

 

 

 

二十一、绿色指针的高光,我们画一个矩形,旋转,将颜色更改为#b8e64a,创建剪贴蒙版。



 

 

 

 

二十二、白色的指针,跟绿色的指针是一样做法的,同样也添加一个投影样式。



 

 

 

 

二十三、最后,我们来画指针中间的圆心,画一个正圆形,颜色为#dfedf6,并添加一个图层样式。



 

 

 

 



 

 

 

 



 

 

 

 

最终效果:

好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的清爽立体指南针图标的制作教程分享的全部内容了,各位不会制作的使用者们,小编相信你们看到了这里现在是非常的清楚了制作方法了吧,那么现在就快去自己制作吧。

时间: 2024-09-20 01:07:01

Photoshop清爽立体指南针图标制作教程的相关文章

Photoshop立体UI图标制作教程分享

给各位Photoshop软件的使用者们来分享一下立体UI图标的制作教程. 教程分享: 首先让我们来新建一个高度为560,宽度为420.   填充背景为:#fbf5e7   选择圆角矩形工具     画一个180*180,半径为10的圆角矩形 填充颜色为:#a9d0e1     ctrl+t,然后右击旋转,旋转45°,然后右击进行扭曲(其中万万不可双击取消变形哦)   可以拉辅助线,按住alt键,选中其中一个点,进行水平移动,这样是以中心为点进行的两边的延伸,哎呀,具体怎么个术语我也不是很清楚,就

Illustrator设计立体苹果图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计立体苹果图标的制作教程. 教程一览:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计立体苹果图标的制作教程解析分享的全部内容了,各位使用者们看到这里小编相信大家现在是很清楚了制作方法了吧,那么各位就快去按照小编上面的教程去尝试着制作自己喜欢风格的立体苹果图标吧.

photoshop设计一个调节开关图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个调节开关图标的制作教程. 教程分享: 新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变.   光是渐变背景,感觉差了点什么,添加点质感吧.复制一层渐变图层,转智能对象,添加一个杂色.   执行"滤镜-风格化-浮雕效果",添加一个浮雕效果.   将这个图层的图层混合模式更改为"叠加",我们的背景就完成了.   画一个圆角矩形,并添加图层样式.           复制

Photoshop设计锤子时钟图标制作教程

给各位Photoshop软件的使用者们来说说设计锤子时钟图标的制作教程. 教程分享: 效果图:   制作步骤如下: 首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a.颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层.(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦) 操作过程为:     第二步,我们要进行时钟UI的设计,首先,我们做最外层,由

photoshop临摹QQ浏览器图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下临摹QQ浏览器图标的制作教程. 教程分享: 新建一个500*500画布,按U用椭圆工具画一个200*200的圆(颜色随意)   路径选择工具选中画好的圆形.ctrl+c,ctrl+v 复制这个圆形在同一个图层     ctrl+t 缩小的时候按住shift+alt ,同比例缩小(大小自己看着合适就行)   如图所示.切掉它     合并成一个形状.   添加图层样式渐变叠加角度是120度(颜色数值用吸管吸我截图颜色就行啦)   用刚刚说的

Photoshop设计描边风格图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计描边风格图标的制作教程. 教程分享: 1.新建[Dribbble牌]画布800x600   颜色模式.分辨率别选错哦. 2.用矩形工具画一个矩形   3.选择参数,将填充去掉,打开描边,像素点自行选择.   4.调整一下描边的形式,[对齐]自行选择[端点]和[角点]一般都选择圆角   5.得到以下形状后,用钢笔工具,在红色箭头区域点几个锚点,间距自行选择.   6.用直接选择工具,框选两个锚点之间.   如下图↓   7.然后按键盘上

photoshop设计快播ICON图标制作教程

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

photoshop设计日历主题图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计日历主题图标的制作教程. 教程分享: 首先,新建一个文档,我的是1024*1024.   在背景层上拉一个径向渐变,颜色如图所示~~   新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示   确定后把混合模式改为柔光,透明度30%   新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便.Ctrl+a 选择水平居中,垂直居z中,Ctrl+d取消选择   双击圆角矩形添加图层

PS翻译教程:立体效果的日历图标制作教程

简单的把教程翻译了一下,有些粗略,喜欢的可以看看! 效果图: 教程加载: 1.新建文档,尺寸自定. 2.使用钢笔工具绘制矩形,颜色填充黑色,效果如图. 3.在图层1下方新建普通图层,使用钢笔工具绘制路径,为其制作立体效果,并填充灰色,如图. 4.同样新建空白图层,使用钢笔工具绘制上方图层,并填充灰色,注意绘制的折角,这样看起来更加的真实. 分类: PS鼠绘教程 ps图标制作教程