PS網页设计教程II在Photoshop中创建健康及营养或健身的网站.docVIP

HYPERLINK /grenet/archive/2012/06/10/2536619.html PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站 作为编码者，美工基础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。 本系列的教程来源于网上的PS教程，都是国外的，全英文的。本人尝试翻译这些优秀的教程。因为翻译能力有限，翻译的细节上还有待推敲，希望广大网友不吝赐教。 约定： 1、本文的软件是Photoshop CS5版本 2、原教程的截图是英文的，本人在重新制作的基础上，重新截了中文版的图 3、原文中有些操作没有给出参数。本人在反复测试的情况下测定了一些参数，以红色的文字显示。有些错误的参数，直接以红色文字显示正确的参数 例如：（90，22，231，77），表示矩形的左上角的坐标是（90，22），宽231，高77 例如：（90，22），表示矩形的左上角的坐标是（90，22），矩形的其他两个参数教程里已经指定 4、在教程的最后会附上本人的心得。有些是对教程中的一些步骤的优化等。 Let’s start the tutorial. 让我们开始教程 Open Photoshop and create a new document 1020 by 1550px 打开Photoshop，新建一个文档，尺寸：1020*1550px Step 1 Select Paint Bucket Tool, set the foreground color to #76b8b9 and click one time on your document. 步骤1 选择油漆桶工具，设置前景色为 #76b8b9。单击一次，对您的文档设置背景色。 Step 2 Select Ellipse Tool, make sure that the foreground color is set to white and create this white shapes: 步骤2 选择椭圆工具，前景颜色设置为白色，创建下图的两个白色的椭圆： For each of this shape I will apply a Gaussian Blur of about 50 – 60px. To apply a Gaussian Blur go to FilterBlurGaussian Blur. You may lower the opacity if it’s needed. Here is my result (a nice fading light): 对每个椭圆，我用 50 — — 60px 的高斯模糊。应用高斯模糊：滤镜 模糊 高斯模糊。（在做高斯模糊前，会提示栅格化形状，确定即可） 如果感觉需要，您可以降低不透明度。（基本上不需要再降低不透明度了） 这是我的结果 (漂亮的渐隐光效)： Step 3 Now I will select Line Tool and I will create those 2 lines. Please see the screenshot. For the first line I have used this color: #669495 and for the second one, this color: #9cd8d9 步骤3 参考样张，选择直线工具创建2条直线。第一条直线，颜色： #669495 ，第二条直线，颜色： #9cd8d9 Step 4 I will select Type Tool and I will add my logo. I will write: “healthy tips”. For healthy I will apply this layer styles: 步骤4 用文字工具，添加我的徽标。写上文字：healthy 和 tips。 对healthy应用图层样式：颜色： # 698c8e healthy的字体设置如下：原教程中的字体没有找到，只能找了一个比较接近的字体 tips的字体设置如下：也是找了一个接近的字体替换原教程的字体，字体的颜色： # fcf30b Here’s my result 这是我做的效果 Step 5 Having Type Tool selected I will add the links for navigation. I have use the same layer styles and the same font used for the word “healthy” from the logo. 步骤5 用文本工具添加导航链接。用和healthy相同的图层