PS网页设计教程VI在Photoshop中创建一个食物博客布局.doc

 HYPERLINK /grenet/archive/2012/07/06/2575262.html PS网页设计教程VI——在Photoshop中创建一个食物博客布局 作为编码者，美工基础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。 本系列的教程来源于网上的PS教程，都是国外的，全英文的。本人尝试翻译这些优秀的教程。因为翻译能力有限，翻译的细节上还有待推敲，希望广大网友不吝赐教。 约定： 1、本文的软件是Photoshop CS5版本 2、原教程的截图是英文的，本人在重新制作的基础上，重新截了中文版的图 3、原文中有些操作没有给出参数。本人在反复测试的情况下测定了一些参数，以红色的文字显示。有些错误的参数，直接以红色文字显示正确的参数 例如：（90，22，231，77），表示矩形的左上角的坐标是（90，22），宽231，高77 例如：（90，22），表示矩形的左上角的坐标是（90，22），矩形的其他两个参数教程里已经指定 4、在教程的最后会附上本人的心得。有些是对教程中的一些步骤的优化等。 In this tutorial I will show you how to use one of the latest vectors pack from Grafpedia to create a clean and appetizing food blog layout in Photoshop. I’ll show you how to create a kitchen tablecloth pattern in Photoshop, how to create an image slider and how to use vectors in a web layout. 在本教程中将展示如何在PS中创建清爽、勾人食欲的食物博客网站，要用到从Grafpedia下载的矢量图形包。我将展示如何创建厨房桌布图案，如何创建图片滑块，如何在布局中运用矢量图形 Introduction In this tutorial we will use the 960 Grid System. Go ahead, download it and unzip the archive file. Then open the “960_grid_12_col.psd” file in Photoshop (you will find it inside the “photoshop” folder which is located inside the “templates” folder). 简介 在本教程要用到960布局系统。下载并解压该布局文件。然后在PS中打开960_grid_12_col.psd（你将会在photoshop文件夹下的templates下的子文件夹找到它） After you open the .psd file in Photoshop you will see 12 red bars. That is the grid system that we will be using. You can hide the red bars by clicking on the eye icon of the “12 Col Grid” group. 当你在PS中打开psd文件后??你会看到12条红色的横条。这是布局系统要用到的，你可以通过点击12 col Grid组前的眼睛图标去隐藏这些横条 During this tutorial I will ask you to create shapes with certain dimensions. Open the Info panel (Window Info) and when you create a shape you will see its exact width and height. This .psd file contains some guides as well which will be very useful. To activate them go to View Show Guides, or use the shortcut Ctrl/Cmd + ;. I usually hide the red bars and activate the guides whenever I need them. 在本教程中将要求您创建具有一定尺寸的形状。打开信息面板（点击：窗口 信息），当您创建一个形状时您将看到其确切的宽度和高度。此.psd 文件包含一些参考线将非常有用。要激活它们，点