Using the Pen Tool to draw some tags (using vibrant colors: #d82f4c, #edcd59, #4d85a2, #598b3b) and then name it using Horizontal Type Tool, you can apply a soft drop shadwo to both, tag and text.
接下来用钢笔工具画一些标签（用些鲜艳的颜色： #d82f4c, #edcd59, #4d85a2, #598b3b，实际上使用的颜色分别是#cbc71e，#5a8c45，#e1c325，#ef6d39，#ec354d，#4c849e），并用文字工具添加一些文字，你可以给标签和文字添加想用的柔和的投影样式
标签的图层样式：
文字的图层样式：
Within the right circle add other three circles, set Fill to 20%, add text (you can apply a soft drop shadow to the string) as shown.
在右侧的圆中添加另外3个圆（ 颜色： #092f46 ），设置填充为20%，添加文本（你可以给文本添加柔和的投影），如下图所示
Now we have to hide the excess parts of the “Design” and “Development” circles. As already seen we’ll use the Layer Mask.
Ctrl+click on the shape of the “Creativity” circle in the Layer Palette, then go to Select > Modify > Expand set the value to 3 pixels.
现在我们要隐藏Design和Development圆的超出部分。就像你们之前看到的，用的是图层蒙版
在图层面板上Ctrl+单击Creativity圆，然后点击：选择 > 修改 > 扩展，设置扩展量为3px
Ctrl+Shift+I to invert the selection and then apply layer mask to the shape named “Design.”
按Ctrl+Shift+I反向选择，然后对Design形状添加图层蒙板
Repeat the operation creating a new selection and expanding it as shown. You can use Ctrl+Shift+Click when you need to add two or more selections from vector mask thumbnail; in this case we create the selection by clicking on “Design” and “Creativity” shapes.
重复上述操作，创建一个新的选区和如下所示扩大它。当你需要从两个或两个以上的缩览图添加矢量蒙版选区，您可以使用Ctrl+ Shift +单击，通过点击Design和Creativity的形状，创建了复合的选区。
Ctrl+Shift+I to invert the selection and then apply layer mask to the shape named “Development.”
按Ctrl+Shift+I反向选择，然后对Development形状添加图层蒙板
Apply a soft Drop Shadow to the three circles to obtain the following result.
对三个圆添加柔和的投影，得到以下结果。 3个圆的其他参数都一样，唯一的区别是角度不一样，每个圆都要仔细的调一调
Draw a new circle.
画一个漂亮的圆
Set Fill to 0% and add a white stroke (Size 3px).
设置填充为0%，并添加白色的描边（大小：3px）
Convert to Smart Object, rasterize it and add a drop shadow (the same drop shadow applied to the graph in this “Step”). Finally, complete the infographic adding other lines and tags as shown in the following image.
转换为智能对象，栅格化并添加投影（在这步添加和之前一样的投影）。最后，按照下图添加其他的标签和直线
Step 7 – Bottom container
步骤7：底部内容区域
You can reproduce this section using the same techniques of the Step 4.
你可以用步骤4中的技术重现本部分
这部分原教程说得简单，在这里详细的补充一下
用 矩形工具 创建一个白色矩形（186，1220，484，290）；用 直线工具 ，创建两条直线（186，1229，484，1）和（186，1501，484，1），颜色： #eeeeee；用 文字工具 添加一些文本，字体：Delicious。对文字和白色矩形添加投影样式
用 矩形工具 创建2个矩形（201，1252）和（442，1252），尺寸：202px*132px，并添加如下的描边样式，描边的颜色： #bedbed
分别在2个矩形的上方置入图像文件，然后在图层面板上对图像图层右键选择添加剪贴蒙版，使得图像只在矩形中显示出来
如下图，给图像添加说明文字
标题文字的字体：颜色： #1b77a8
副标题文字的字体：颜色： #a8b9c9
段落文字的字体：颜色： #898989
在右侧添加一些图标和文字，以及点，并添加相应的样式。
标题的字体：颜色： #10789b
段落文字的字体：颜色： #585858
添加2个点，颜色： #5a8cc1，并且按下图对之前的文字添加1px的白色投影
点的投影，投影的颜色： #a3c6e6
文字的投影
复制主内容区域的大的白色飘带，水平翻转，并修改相应的文字
复制主内容区域的右下角的3个飘带按钮，水平翻转，并修改相应的文字
Step 8 – Credits
步骤8：版权
Add a string with the credits.
添加版权信息
最终的结果：
后记：
本教程的特色有3个方面：
1、云彩的制作，利用椭圆工具和相应的图层样式制作逼真的云彩效果
2、飘带的制作，本文中有很多飘带的制作
3、图表的制作，我认为是很有亮点的，改变了原来严肃刻板的布局，有点小清醒的感觉
更多PS网页设计教程XVII——在Photoshop中设计创意组合网页 相关文章请关注PHP中文网！
查看更多关于PS网页设计教程XVII——在Photoshop中设计创意组合网页的详细内容...