资源描述：
《PS网页设计教程XI——在PS中创建柔和的绿色环保的网页布局.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、PS网页设计教程XI——在PS中创建柔和的绿色环保的网页布局作为编码者，美工皐础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。本系列的教程来源于网上的PS教程，都是国外的，全英文的。本人尝试翻译这些优秀的教程。因为翻译能力有限，翻译的细节上还有待推敲，希望广大网友不吝赐教。约定：1、本文的软件是PhotoshopCS5版本2、原教程的截图是英文的，本人在重新制作的基础上，重新截了中文版的图3、原文中有些操作没有给出参数。本人在反复
2、测试的情况下测定了一些参数，以红色的文字显示。有些错谋的参数，直接以红色文字显示正确的参数例如：(90,22,231,77),表示矩形的左上角的坐标是(90,22),宽231,高77例如：(90,22),表示矩形的左上角的坐标是(90,22),矩形的其他两个参数教程里已经指定4、在教程的最后会附上本人的心得。有些是对教程中的一些步骤的优化等。Lefsstartthetutorial.OpenPhotoshopandcreateanewdocument(Ctrl+N)andasaforeground
3、colorchoose:#e6e5e5让我们开始教程打开PS新建文档(Ctrl+N)，尺寸：1020pxT150px,设置背景颜色：#e6e5e5
4、S3i预设(P)：自走咲■小(I):V高级图像大小:名称(N):TrendyTuts.com3.36MNextselectRectangleToolandcreateashapeonthetopofthedocument.Dimensions1020by268px,color:#f7f7f7接下来选择矩形工具在文档的顶部创建一个矩形(0,0)。尺寸：1
5、020px*268px,颜色:#f7f7f7Step1CreatingthetopareaHavingRectangleToolselected,createasimilarshape・Color（blue）#3fadbf,dimensions:340by4px・Iwillduplicatethisshape2moretimesandIwillmovethemtotheright・ForthesecondshapeIhaveusedthiscolor（green）#a3b76bandforthet
6、hirdone（thatpinkyone）#bf7678.Ontheleftside,alittlebitdown,Iwilladdmylogo・Hereyoushouldaddyourownlogo.Hereismyresult:步骤1:创建顶部区域选择矩形工具，创建一个矩形（蓝）（0,0）,颜色：#3fadbf,尺寸：340px*4px复制这个矩形两次，并移动到右侧。第二个矩形（绿）（340,0）的颜色：#a3b76b,第三个矩形（粉）（680,0）的颜色：#bf7678在左侧的下方一点，我要
7、添加我的LOGO。这儿也能添加你自己的LOGOo这是我的结果cnOyNowontherightsideIwillcreatethenavigation.WithrectangletoolIwillcreatethisshapesandwithtypetoolIwilladdthelinks.FortheHometabIhaveusedthiscolor:#3fadbf,dimensions:75by47px・NolayerstylesappliedFortherestofthetabs(About
8、Us,Services,Portfolio,Contact)Ihaveappliedthislayerstyles现在在右边要创建导航菜单。用矩形工具添加一些矩形，用文字工具添加一些链接。Home导航项(471,43)，颜色：#3fadbf,尺寸：75px*47px0没有图层样式其余的导航项(AboutUs(555,54,83,36),Services(648,54,83,36),Portfolio(740,54,83,36),Contact(832,54,83,36)),颜色：#a4a4a4,我
9、将添加如下的图层样式，投影的颜色：#abababAfteryouwillapplythislayerstylesyoushouldhavesomethingsimilarwithme.NextIwillcreateashadowatthebottomofthenavigation.TocreatetheshadowyouwillneedtoselectEllipseTool,thancreateasimilarshape・在你添加和我接近的图层样式Z后。接下来，在导航栏的底部添加阴
