Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO

2016-01-29 18:04 148 1 收藏

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO,本例介绍运用PS制作Google Chrome浏览器标志,主要应用到PS的渐变工具、钢笔工具和图层样式来实现最终效果,希望能给朋友们带来帮助~~

【 tulaoshi.com - PS 】

在学习中遇到问题请到 论坛 发贴交流!

先看看绘制效果图:

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

先新建画布(文件新建),大小854x854 px,分辨率72.用椭圆工具(U)画出一个Google Chrome浏览器图标的底层(译者:别忘了选定形状图层模式)

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

右键单击此图层,混合选项,图层样式中选择渐变叠加

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

渐变设置如下(颜色:#DED8D8--#7F7777,样式:径向):

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

再用椭圆工具重复上一步骤,画一个同样的圆边缘与之前的重合(译者:或直接复制一层去掉图层样式),然后用钢笔工具(P)在其内部切出我们需要的形状(译者:选择"从形状区域减去"或按住Alt键),然后利用转换点工具进行调整

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

设置图层样式,选择斜面和浮雕(参数如下)

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

将此图层复制一份,使用自由变换工具,选择保持长宽比,均匀的缩小图层,去掉图层样式.选择颜色#4E4A4A,然后把这个复制层放在原图层的下方.这将作为阴影效果层

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

新建图层,使用标准画笔工具(B)为图标的表面扇叶部分上色,按住Alt键,再左键点击新图层和形状图层之间创建剪贴蒙版(具体参数如下):

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

把带有斜面和浮雕效果的图层复制一份,用转换点工具改变一下它的形状位置,去掉图层样式(斜面和浮雕),然后把它放在形状层和阴影层之间

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

再创建一个新图层,重复之前给扇叶上色时的步骤,为上一步骤复制的形状图层上色,具体参数如下图:

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

将为表面扇叶上色时的颜色图层复制一份,使用加深和减淡工具画上一些高光和阴影(如图):

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

使用椭圆工具(U)在图标的中心画一个圆形,将它放在顶层之下。

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

图层参数设置为:填充:0%

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

图层样式(参数如图):

投影

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

内阴影

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

渐变叠加

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

渐变设置如图(颜色:#B1DEF4--#2D8EDF,样式:径向)

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

接下来试着在图标中心位置画上环状的高光,使用开始时的方法,用椭圆工具(U)画上圆形路径,然后按住Alt键进行切割(如图):

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

图层设置:填充:40%

图层样式:渐变叠加

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

渐变参数设置

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

[next]

将图层移至刚才制作高光阴影的那一层之上,按住Alt键点击两图层之间,创建剪贴蒙版.

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

接下来这一步,我们将画一道底部的高光,选择椭圆工具(U),沿着图标的底部画出高光的外边,再按住Alt键清除掉不必要的部分,图层颜色为白色

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

图层设置:填充:25%

叠加模式:颜色减淡

Photoshop鼠绘教程:教你绘制Google Chrome浏览器LOGO_中国

到这一步图标就完成了!

来源:http://www.tulaoshi.com/n/20160129/1504210.html

延伸阅读
标签: PS PS教程
最终效果 一.新建一个文档大小自定,前景色设置为#0a0a1c背景色设置为#111349,用渐变工具填充 二.新建1个图层,用钢笔工具勾画出小猫的外形,转换为选区,羽化5个象素左右,用填充工具填充 ,颜色为# e6d7e3 三.用加深工具找出小猫的五官位置 四.继续用加深工具找出小猫的暗部光影 ,加深工具的值调小一点,曝光度大约在10...
标签: PS PS教程
先看最终效果: [next] 1、新建一个宽度为500,高度为450,分辨率为300,颜色模式为RGB,背景为白色的文件。 2、选择工具栏中的横排文字工具,设置字体为Achilles,文字大小为60点,消除锯齿方法为锐利,字体颜色的RGB分别为198、198、198,在画面中输入文字S,效果如图01所示。 3、选中文字层,选择菜单栏中的图层栅格化文...
标签: PS PS教程
在学习中遇到问题可以到 论坛PS求助研讨 发贴交流! 相关PS鼠绘教程阅读:Photoshop手绘教程专题 最终效果: 新建背景图层并填充灰色,又建新图层,用钢笔工具勾出发丝轮廓,填充头发底色,要羽化。 自定义画笔,分两层画出发丝,用涂抹工具涂抹,加深减淡画出明暗。分别加阴影。 新建数层,用同样的方法分别...
标签: PS PS教程
最终效果: [next] 1.新建文件,我们先从水面开始,填充适合的浅蓝色,用钢笔工具勾出扩散的水波 2.选择合适的深蓝色作为前景色,毛笔笔刷选择适合大小和不透明度(各位可以根据实际情况来设置),描边路径 3.给水波这层加上蒙版,黑色为前景色,利用喷枪擦出水波(这里不用橡皮是因为蒙版可以反复修改) 4.重复上面的步骤,画出...
标签: PS PS教程
最终效果: [next] 1,新建文件,CTRL+R打开标尺,将参考线定义到文件的中心位置. 2,创建圆形选区,之后,新建图层1. 3,填充灰色后,选择菜单中选"变换选区",将选区缩小.   [next] 4,新建图层2,选择渐变工具,改变渐变类型. 5,使用亮度/对比度,把图层的渐变色调亮一些. 6,...

经验教程

830

收藏

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