Photoshop制作Google Chrome浏览器LOGO(1)

资讯 驱动中国 929 次阅读 0 条评论
分享 Q

一篇详细的教程教你如何制作一个漂亮的logo.

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

制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO#p#副标题#e# 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

图层参数设置为:填充:0%
图层样式(参数如图):
投影

制作Google Chrome浏览器LOGO

内阴影

制作Google Chrome浏览器LOGO

渐变叠加

制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

图层设置:填充:40%
图层样式:渐变叠加

制作Google Chrome浏览器LOGO

渐变参数设置

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO 制作Google Chrome浏览器LOGO

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

制作Google Chrome浏览器LOGO

图层设置:填充:25%
叠加模式:颜色减淡

制作Google Chrome浏览器LOGO

到这一步图标就完成了!

Photoshop制作GoogleChrome浏览器LOGO
版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友