当前位置:首页>ps实例教程>ps网页设计>logo教程>教程内容

photoshop设计谷歌Buzz图标

来源:ps教程论坛 作者:bbs.16xx8.com 学习:1686人次

最终效果如下:
 原作者:bbs.16xx8.com 出处:ps教程论坛,转载请保留,以下是详细教程:
1用钢笔工具画一个如图所示的路径,然后CTRL+回车载入选区,填充任意颜色,再设置它的图层样式-颜色叠加,颜色选#009037(不直接填充绿色是因为方便以后修改).jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
2.用同样的方法分别画出其余几个颜色的图案,效果如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
3点击如下图所示图层面板的位置,新建一个组,然后把刚才做的四个图案都拖到组里,然后右击组,选复制组.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
4.复制组,然后按CTRL+ALT+SHIFT+E盖印图层,然后隐藏盖印得到的图,留着一会用.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
5在新得的复制组内,设置各图案的图层样式,我这里以黄色的那个为例,隐藏颜色叠加,然后设置渐变叠加,数值如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
6用同样的方法把其它几个图案也弄了,注意调整一下各个渐变叠加的角度,让他看起来更有立体感,下面是图层示意图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
7现在显示盖印图层,填充设为0%,设置图层样式-斜面和浮雕,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
8效果如下图(我分别给不同的图层按颜色起了名,方便一会解说).jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
9设置蓝色图层的斜面和浮雕,数值如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
10设置红色图层的斜面和浮雕,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
11设置红色图层的描边,填充类型为渐变(中间白两边透明的渐变),数值如下(注意角度).jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
12黄色图层的斜面和浮雕,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
13同样设置它的描边,注意角度,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
14复制盖印图层,然后修改它的斜面和浮雕的数值,如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
15效果和图层示意图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
16画出如下图所示路径,然后填充白色,再把图层的填充设为0%.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
17设置图层样式-渐变叠加,数值如下(注意它的角度).jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
18效果如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
19新建图层,然后再用钢笔工具画出下图的路径,也设置渐变叠加,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
20再新建图层,画出如下路径,填充白色,填充选为0%,渐变叠加数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
21用同样的方法,在如下图所示的位置做高光,渐变角度为90,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
22做出如下选区,然后设置渐变叠加,数值如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
23效果如下图.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
24画一条如下箭头所指的白边.jpg

photoshop设计谷歌Buzz图标,bbs.16xx8.com

25设置它的渐变叠加,数值如下.jpg
photoshop设计谷歌Buzz图标,bbs.16xx8.com
26用同样的方法,再做两条白边,最终效果如下图所示.jpg
 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!