bbs.16xx8.com 发表于 2011-6-21 17:19:15

photoshop设计谷歌Buzz图标



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

作者:bbs.16xx8.com   出处:ps教程论坛

wll219 发表于 2011-7-2 08:01:06

不简单，努力学习！

小鑫V 发表于 2012-2-25 10:49:02

顶顶。支持下。、

beyondmm 发表于 2012-5-4 13:18:13

好东西，顶一下

会展小书生 发表于 2012-5-21 13:51:04

不错啊嘿嘿

梦回晓庄 发表于 2012-9-11 19:13:38

光照好棒啊，谢谢楼主分享{:soso_e142:}

B1ack° 发表于 2012-9-12 23:44:36

不错很有用啊
页: [1]
查看完整版本: photoshop设计谷歌Buzz图标