当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS鼠绘透明图标

2019/1/5 22:57:57 人评论

这篇教程教优图宝的朋友们用PS鼠绘透明图标,教程绘制的图标效果蛮漂亮的,教程思路也比较清晰,难度一般。转发过来和优图宝的朋友们一起分享了。先来看看最终的效果图: 最终效果: UtoBao编注:更多鼠绘教程讨论交流 ...

这篇教程教优图宝的朋友们用PS鼠绘透明图标,教程绘制的图标效果蛮漂亮的,教程思路也比较清晰,难度一般。转发过来和优图宝的朋友们一起分享了。先来看看最终的效果图: 最终效果:

PS鼠绘透明图标 优图宝 PS鼠绘教程

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

具体的绘制步骤如下:

  新建文档,径向渐变填充

PS鼠绘透明图标 优图宝 PS鼠绘教程

  使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制

PS鼠绘透明图标 优图宝 PS鼠绘教程

  添加渐变叠加图层样式

PS鼠绘透明图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式

  (注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

PS鼠绘透明图标 优图宝 PS鼠绘教程

ctrl+D取消选区。添加图层蒙版,载入圆形选区,在图层蒙版上用径向渐变拖出

PS鼠绘透明图标 优图宝 PS鼠绘教程

  新建图层,载入圆形选区,羽化20像素

PS鼠绘透明图标 优图宝 PS鼠绘教程

  填充白色

PS鼠绘透明图标 优图宝 PS鼠绘教程

  变换选区,缩小其范围,

PS鼠绘透明图标 优图宝 PS鼠绘教程

  按delete删除

PS鼠绘透明图标 优图宝 PS鼠绘教程

_ueditor_page_break_tag_ 载入圆形选区,ctrl+shift+I反选,delete删除,改为叠加模式,填充不透明度25%

PS鼠绘透明图标 优图宝 PS鼠绘教程

  新建图层,前景色设为淡青色,使用渐变工具,打开渐变编辑器,样式为第二种前景色至透明。

PS鼠绘透明图标 优图宝 PS鼠绘教程 PS鼠绘透明图标 优图宝 PS鼠绘教程

  新建图层,绘制正方形选区,选择——修改——平滑

PS鼠绘透明图标 优图宝 PS鼠绘教程

  填充白色后复制,然后将这几个白框合并图层,ctrl+T旋转后放至圆形的左上方

PS鼠绘透明图标 优图宝 PS鼠绘教程

载入圆形选区,滤镜——扭曲——球面化

PS鼠绘透明图标 优图宝 PS鼠绘教程

  反选,delete删除多余的部分,ctrl+D取消选区。添加图层蒙版,线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出

PS鼠绘透明图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  新建图层组,新建图层。

PS鼠绘透明图标 优图宝 PS鼠绘教程

  载入圆形选区,编辑——描边

PS鼠绘透明图标 优图宝 PS鼠绘教程

  高斯模糊0.5像素,将图层组改为“线性减淡”

PS鼠绘透明图标 优图宝 PS鼠绘教程

在背景层上方新建图层,载入圆形选区,选择——修改——扩展

PS鼠绘透明图标 优图宝 PS鼠绘教程

  填充深蓝色,移至至圆形右下角,高斯模糊3像素

PS鼠绘透明图标 优图宝 PS鼠绘教程

  新建图层,载入图层6(刚刚填充深蓝色的图层),选择——修改——收缩

PS鼠绘透明图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

  填充淡青色,改为滤色。圆形部分处理完成。

PS鼠绘透明图标 优图宝 PS鼠绘教程

  在最顶层新建图层,绘制好卡片(非本例重点讲述,此处略)

PS鼠绘透明图标 优图宝 PS鼠绘教程

ctrl+T旋转。载入圆形选区,ctrl+J复制卡片的右侧部分至新图层。

PS鼠绘透明图标 优图宝 PS鼠绘教程

  载入卡片右侧图层,在卡片图层按delete删除。

PS鼠绘透明图标 优图宝 PS鼠绘教程

  新卡片的左侧放至背景层的上一层

PS鼠绘透明图标 优图宝 PS鼠绘教程_ueditor_page_break_tag_

回到最顶层的卡片右侧图层,填充透明度60%,改为“强光”模式。

PS鼠绘透明图标 优图宝 PS鼠绘教程

  回到最底层的卡片左侧图层,添加投影和浮雕样式

PS鼠绘透明图标 优图宝 PS鼠绘教程

  最终效果

PS鼠绘透明图标 优图宝 PS鼠绘教程

utobao编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入优图宝PS鼠绘交流区:http://www.utobao.com/news/57.html 

相关资讯

    暂无相关的数据...