ps鼠绘笔记本教程

绘画制作 admin 4个月前 (05-15) 4次浏览 扫描二维码

本教程主要使用Photoshop来创建一个逼真的笔记本图标的教程,效果图非常的漂亮,希望你会喜欢。

先看看效果图

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第1步:

打开Photoshop,创建新的文档

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第2步:

这个时候我们把素材背景置入,调整合适的大小。

顺便给它提高点亮度。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第3步:

创建一个圆角矩形(快捷键U)700px*550px =40px的半径。填充颜​​色#742b00

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第4步:

现在滤镜>杂色>添加杂色

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第5步:

然后右键点击混合选项>投影

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第6步:

接下来,我们创建了第二个圆角矩形(快捷键U)690Px 540px = 40px的半径。填充颜​​色#5c3016。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第7步:

复制圆角矩形图层2,颜色填充 # 742b00,然后Ctrl+T调整适当的位置,

滤镜—杂色—添加杂色。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第8步:

滤镜—模糊—动感模糊。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

然后模式更改为“正片叠底”

 

第9步:

接下来,我们创建第四个圆角矩形,固定的尺寸是660 px x 520 px,填充颜色# 571803,添加图层样式

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第10步:

现在,我们在来创建一个圆角矩形,固定的尺寸是610 px x 490 px,填充颜色# ffffff。

第11步:

我们来给它添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这里是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第12步:

接下来创建下一个圆角矩形,尺寸是610 px x 490 px,填充颜色# ffffff。我们的名字这一层为“纸”

给它来添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这个时候我们发现他把地下图层盖住了,我们Ctrl+T调试下大小

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第13步:

接下来,我们创建新图层并命名为“中间线”,我们设置的硬笔刷(快捷B)与大小2 px和设置前景颜色# 742 b00,然后选择钢笔工具(快捷键P)和创建一个垂直的线在中间的“纸张”层。右键,选择“描边路径”

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

创建一个新图层并命名为“地平线”,把它放在“中间线”层。我们设置前景颜色# 017 d93并设置硬刷和大小2 px。不透明度为50%

这个时候我们可以建立参考线试着做。

第14步:

接下来,我们选择椭圆工具画一圈颜色为# 000000的椭圆。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

现在,我们选择圆角矩形,半径= 40像素,这样创建一个圆角矩形

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

 

第15步:

现在我们给它添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

接下来我们复制图层,清楚图层样式。颜色为#000000 滤镜—模糊—高斯模糊

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

复制的图层一定要放在下面。

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

剩下的我们复制就可以了。

第16步:

接下来,我们创建一个小圆角矩形半径= 40,我们将其命名为“红书签”,把它放在“白色图层”下面。并添加这些图层样式

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

“红色”层复制,并将其重命名为“蓝书签”,在图层样式中,我们保持了投影,因为我们要改变它的渐变。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

继续复制“红色签”图层,和上一步一样,我们来改变它的渐变。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

好了,来看看我们的最终效果吧!

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

 

本教程主要使用Photoshop来创建一个逼真的笔记本图标的教程,效果图非常的漂亮,希望你会喜欢。

先看看效果图

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第1步:

打开Photoshop,创建新的文档

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第2步:

这个时候我们把素材背景置入,调整合适的大小。

顺便给它提高点亮度。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第3步:

创建一个圆角矩形(快捷键U)700px*550px =40px的半径。填充颜​​色#742b00

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第4步:

现在滤镜>杂色>添加杂色

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第5步:

然后右键点击混合选项>投影

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第6步:

接下来,我们创建了第二个圆角矩形(快捷键U)690Px 540px = 40px的半径。填充颜​​色#5c3016。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第7步:

复制圆角矩形图层2,颜色填充 # 742b00,然后Ctrl+T调整适当的位置,

滤镜—杂色—添加杂色。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第8步:

滤镜—模糊—动感模糊。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

然后模式更改为“正片叠底”

 

第9步:

接下来,我们创建第四个圆角矩形,固定的尺寸是660 px x 520 px,填充颜色# 571803,添加图层样式

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第10步:

现在,我们在来创建一个圆角矩形,固定的尺寸是610 px x 490 px,填充颜色# ffffff。

第11步:

我们来给它添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这里是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第12步:

接下来创建下一个圆角矩形,尺寸是610 px x 490 px,填充颜色# ffffff。我们的名字这一层为“纸”

给它来添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

这个时候我们发现他把地下图层盖住了,我们Ctrl+T调试下大小

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

第13步:

接下来,我们创建新图层并命名为“中间线”,我们设置的硬笔刷(快捷B)与大小2 px和设置前景颜色# 742 b00,然后选择钢笔工具(快捷键P)和创建一个垂直的线在中间的“纸张”层。右键,选择“描边路径”

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

创建一个新图层并命名为“地平线”,把它放在“中间线”层。我们设置前景颜色# 017 d93并设置硬刷和大小2 px。不透明度为50%

这个时候我们可以建立参考线试着做。

第14步:

接下来,我们选择椭圆工具画一圈颜色为# 000000的椭圆。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

现在,我们选择圆角矩形,半径= 40像素,这样创建一个圆角矩形

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

 

第15步:

现在我们给它添加图层样式。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

接下来我们复制图层,清楚图层样式。颜色为#000000 滤镜—模糊—高斯模糊

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

复制的图层一定要放在下面。

这是结果。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

剩下的我们复制就可以了。

第16步:

接下来,我们创建一个小圆角矩形半径= 40,我们将其命名为“红书签”,把它放在“白色图层”下面。并添加这些图层样式

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

“红色”层复制,并将其重命名为“蓝书签”,在图层样式中,我们保持了投影,因为我们要改变它的渐变。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

继续复制“红色签”图层,和上一步一样,我们来改变它的渐变。

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

好了,来看看我们的最终效果吧!

Photoshop绘制像素完美的笔记本图标,PS教程,xuanloog.com教程网

 


声明:本站的文章、图片、资源等来自互联网或者站长原创;版权归原作者所有,仅作为个人学习、研究以及欣赏!如有侵权,请联系i@ki4.cn删除!本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:ps鼠绘笔记本教程
喜欢 (0)