欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop绘制逼真的像素笔记本图标

程序员文章站 2023-10-27 23:42:16
  第1步:  打开photoshop,创建新的文档  第2步:  这个时候我们把素材背景置入,调整合适的大小。  顺便给它提高点亮度。  第3步:  创建一个圆角矩形(快捷键u)700px*55...
Photoshop绘制逼真的像素笔记本图标
  第1步:
  打开photoshop,创建新的文档
Photoshop绘制逼真的像素笔记本图标
  第2步:
  这个时候我们把素材背景置入,调整合适的大小。
  顺便给它提高点亮度。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  第3步:
  创建一个圆角矩形(快捷键u)700px*550px =40px的半径。填充颜​​色#742b00
Photoshop绘制逼真的像素笔记本图标
  第4步:
  现在滤镜>杂色>添加杂色
Photoshop绘制逼真的像素笔记本图标
  第5步:
  然后右键点击混合选项>投影
Photoshop绘制逼真的像素笔记本图标
  第6步:
  接下来,我们创建了第二个圆角矩形(快捷键u)690px 540px = 40px的半径。填充颜​​色#5c3016。
Photoshop绘制逼真的像素笔记本图标
  第7步:
  复制圆角矩形图层2,颜色填充 # 742b00,然后ctrl+t调整适当的位置,
  滤镜—杂色—添加杂色。
Photoshop绘制逼真的像素笔记本图标
  第8步:
  滤镜—模糊—动感模糊。
Photoshop绘制逼真的像素笔记本图标
  然后模式更改为“正片叠底”
  第9步:
  接下来,我们创建第四个圆角矩形,固定的尺寸是660 px x 520 px,填充颜色# 571803,添加图层样式
Photoshop绘制逼真的像素笔记本图标
  这是结果。
Photoshop绘制逼真的像素笔记本图标
  第10步:
  现在,我们在来创建一个圆角矩形,固定的尺寸是610 px x 490 px,填充颜色# ffffff。
  第11步:
  我们来给它添加图层样式。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  这里是结果。
Photoshop绘制逼真的像素笔记本图标
  第12步:
  接下来创建下一个圆角矩形,尺寸是610 px x 490 px,填充颜色# ffffff。我们的名字这一层为“纸”
  给它来添加图层样式。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  这个时候我们发现他把地下图层盖住了,我们ctrl+t调试下大小
  这是结果。
Photoshop绘制逼真的像素笔记本图标
  第13步:
  接下来,我们创建新图层并命名为“中间线”,我们设置的硬笔刷(快捷b)与大小2 px和设置前景颜色# 742 b00,然后选择钢笔工具(快捷键p)和创建一个垂直的线在中间的“纸张”层。右键,选择“描边路径”
Photoshop绘制逼真的像素笔记本图标
  创建一个新图层并命名为“地平线”,把它放在“中间线”层。我们设置前景颜色# 017 d93并设置硬刷和大小2 px。不透明度为50%
  这个时候我们可以建立参考线试着做。
  第14步:
  接下来,我们选择椭圆工具画一圈颜色为# 000000的椭圆。
Photoshop绘制逼真的像素笔记本图标
  现在,我们选择圆角矩形,半径= 40像素,这样创建一个圆角矩形
Photoshop绘制逼真的像素笔记本图标
  第15步:
  现在我们给它添加图层样式。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  接下来我们复制图层,清楚图层样式。颜色为#000000 滤镜—模糊—高斯模糊
Photoshop绘制逼真的像素笔记本图标
  复制的图层一定要放在下面。
  这是结果。
Photoshop绘制逼真的像素笔记本图标
  剩下的我们复制就可以了。
  第16步:
  接下来,我们创建一个小圆角矩形半径= 40,我们将其命名为“红书签”,把它放在“白色图层”下面。并添加这些图层样式
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  “红色”层复制,并将其重命名为“蓝书签”,在图层样式中,我们保持了投影,因为我们要改变它的渐变。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  继续复制“红色签”图层,和上一步一样,我们来改变它的渐变。
Photoshop绘制逼真的像素笔记本图标
Photoshop绘制逼真的像素笔记本图标
  好了,来看看我们的最终效果吧!
Photoshop绘制逼真的像素笔记本图标