Photoshop绘制像素笔记本图标

2016-04-05 14:40 25 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Photoshop绘制像素笔记本图标,无聊中的都看过来。

【 tulaoshi.com - ps鼠绘 】

Photoshop绘制像素笔记本图标

Photoshop绘制像素笔记本图标 图老师

  第1步:

  打开Photoshop,创建新的文档

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
05f5e891bcb34ae48c9991130065b01a 在Photoshop中创建一个像素完美的笔记本图标

  第2步:

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

  顺便给它提高点亮度。

c710bf18bc6840b8abf8c0a84193e0d6 在Photoshop中创建一个像素完美的笔记本图标
46b904b43cc344e5a1d4f5c49b5f2ea6 在Photoshop中创建一个像素完美的笔记本图标

  第3步:

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

5b7a51835fb144538c7c6cda16267648 在Photoshop中创建一个像素完美的笔记本图标

  第4步:

  现在滤镜杂色添加杂色

484778b70f7544d7a3cf47507f97753f 在Photoshop中创建一个像素完美的笔记本图标

 Tulaoshi.Com 第5步:

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

39cfc354eb594bb484dce624cfc5aafc 在Photoshop中创建一个像素完美的笔记本图标

  第6步:

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

1be4504092444a69935da7147180f1a4 在Photoshop中创建一个像素完美的笔记本图标

Photoshop绘制像素笔记本图标(2)

  第7步:

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

  滤镜杂色添加杂色。

c096a416c0a444c69dd5331101dfbf01 在Photoshop中创建一个像素完美的笔记本图标

  第8步:

  滤镜模糊动感模糊。

35bde5235f9c424189d671d891140076 在Photoshop中创建一个像素完美的笔记本图标

  然后模式更改为正片叠底

  第9步:

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

d9b2f22fb9c3490d91f16c816689fcf7 在Photoshop中创建一个像素完美的笔记本图标

  这是结果。

www.tulaoshi.com85d81ee129e54a68a17c32cac0898673 在Photoshop中创建一个像素完美的笔记本图标

  第10步:

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

  第11步:

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

c11439d52a95417a96d48d0af9d5bcdc 在Photoshop中创建一个像素完美的笔记本图标
b678e42c8b2e46a38a4c8bc551c7b474 在Photoshop中创建一个像素完美的笔记本图标
3334338a1e9749b486523b39fecc4d72 在Photoshop中创建一个像素完美的笔记本图标

Photoshop绘制像素笔记本图标(3)

f781b616c13848a7bd192c7361b7c8af 在Photoshop中创建一个像素完美的笔记本图标

  这里是结果。

6f5a65e3e61b4f6199922882d0c820dc 在Photoshop中创建一个像素完美的笔记本图标

  第12步:

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

  给它来添加图层样式。

4341f087e4de44c3b9c5bd2327d99618 在Photoshop中创建一个像素完美的笔记本图标
e3be02c3c29f41a6a68ef9909a6f1aa8 在Photoshop中创建一个像素完美的笔记本图标

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

  这是结果。

5820e9c74d7b4d128a85074ba361a492 在Photoshop中创建一个像素完美的笔记本图标

  第13步:

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

ce6b5fd8beff45acbd421b083f4f8dea 在Photoshop中创建一个像素完美的笔记本图标

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

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

  第14步:

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

f6183a5fe51c4925a37be020340d8b37 在Photoshop中创建一个像素完美的笔记本图标

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

d3190f057091459bb5c6e83d5ef2678b 在Photoshop中创建一个像素完美的笔记本图标

Photoshop绘制像素笔记本图标(4)

  第15步:

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

7dea53ea4f604b178b8b1ed6c74aa5c7 在Photoshop中创建一个像素完美的笔记本图标
a6458633c640436dba8448b4bfc673bc 在Photoshop中创建一个像素完美的笔记本图标
a4ce1058e6354e4ebddb7da0812dc80b 在Photoshop中创建一个像素完美的笔记本图标
ca1639a489724386b90be1795f7a29f8 在Photoshop中创建一个像素完美的笔记本图标

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

a2fffe77bcf9461d882b093673abef29 在Photoshop中创建一个像素完美的笔记本图标

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

  这是结果。

f440d6970e9e4e23b4d3de3b72e3c57b 在Photoshop中创建一个像素完美的笔记本图标

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

  第16步:

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

52df0b2e7ef64c1bbbeeba1e4248feeb 在Photoshop中创建一个像素完美的笔记本图标
a3f23fd472544159a06fe416f4ffd24c 在Photoshop中创建一个像素完美的笔记本图标

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/psshuhuijiaocheng/)
a7088188a93342a382c00a2b7fd07ebb 在Photoshop中创建一个像素完美的笔记本图标
a6da5e23af8a463aa4caec0dfd57423f 在Photoshop中创建一个像素完美的笔记本图标

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

36b743f4587e4eb48ce66e7a322efa31 在Photoshop中创建一个像素完美的笔记本图标
20fbfeddbf7c4539973880d3b60f099e 在Photoshop中创建一个像素完美的笔记本图标

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

90322ced506248798b2b961de2db85be 在Photoshop中创建一个像素完美的笔记本图标

        :更多请关注photoshop教程栏目,图老师PS教程群:181754111欢迎你的加入

来源:http://www.tulaoshi.com/n/20160405/2123971.html

延伸阅读
最终图像预览,下面是最终的设计样品,也是我们要努力达到的效果。 第四步 复制左半部分,然后图层置顶。设置较小的渐变度和multiply模式的100%透明度。 第五步 用钢笔工具勾画曲边形状,用Pathfinder工具切出图形。 第六步 在下层制作深色渐变,使之看起来象是一块阴影。 第七步 画一个半圆,色彩淡一些。将它置于曲线下...
图标是网页中的常见元素,主要功能是表意,也包含装饰及品牌传递的作用。存储为gif、png等位图格式的图标,称为像素图标,大小通常为16px、24px、32px等。当然像素图标也可以理解为像素风格的图标,不一定是位图格式存在,本文中我们按格式去理解。与像素图标相对的是矢量图标,通常以svg格式及字体格式存在,大小可以随意调整。这篇文章主要介...
Photoshop绘制金属控件图标 控件需要制作的部分较少:有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状,然后用图层样式加上质感图老师和颜色即可。 最终效果 新建一个256 * 256像素文件,分辨率为300,如下图。 1、使用圆角矩形工具,设置半径值为60像素,按住Shift键绘制带有圆角的正方...
本教程主要使用Illustrator绘制立体效果的黑色笔记本,教程难度不大,绘制的笔记本利用了一些基本形状,然后使用倾斜变换,运用效果制作皮革纹理就可以大致完成了。 先来看看效果图吧: 具体的制作步骤如下: 1、新建文档,使用矩形工具(M)绘制一个宽380*高500px的矩形。 2、选中新绘制的矩形,执行效果菜单风格化圆角。下一步,在圆...
Photoshop绘制硬盘图标教程 Photoshop绘制硬盘图标教程,从老外那翻译过来的,有兴趣的可以研究一下。。 1.首先,创建新文档 500www.tulaoshi.com px x 300 px,大家可以自定。 2.使用钢笔工具(P)来勾出硬盘形状,按CTRL+ENTER将路径转换成选区,并填充淡灰色,我用#e6e6e6创建下面的路径。 3.创建好硬盘的大...

经验教程

891

收藏

48
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部