平面设计项目实战 项目八设计『易通』电子公司网站首页效果图.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 项目实训——制作文具公司网站首页 04 复制素材文件“辰曦文具标志.jpg”，并对其进行反白操作，完成实例操作，如图所示。 项目实训——制作文具公司网站首页 （二）制作网站首页 01 在Photoshop软件中新建一个大小为1 024 像素×972 像素的文档，然后利用参考线划分栏目区域，利用“渐变工具” 和“圆角矩形工具” 制作页面的背景。 02 复制素材文件“辰曦文具标志.jpg”，利用“横排文字工具” 和“铅笔工具” 制作品牌栏上的内容；利用“矩形选框工具” 、“渐变工具” 和“铅笔工具” 制作导航栏上的内容。 项目实训——制作文具公司网站首页 03 复制素材文件“辰曦文具栏目广告.jpg”，将其放置在广告栏位置。利用“圆角矩形工具” 绘制新闻中心栏背景，利用“横排文字工具” 输入文字，并栅格化文字，制作文字质感；利用“矩形选框工具” 、“横排文字工具” 和“铅笔工具” 制作产品前景介绍栏上的内容。 04 复制素材文件“蝴蝶结.jpg”，利用“圆角矩形工具” 、“矩形选框工具” 、“渐变工具” 和“横排文字工具” 制作对外沟通栏上的内容。 项目实训——制作文具公司网站首页 03 复制素材文件“辰曦文具栏目广告.jpg”，将其放置在广告栏位置。利用“圆角矩形工具” 绘制新闻中心栏背景，利用“横排文字工具” 输入文字，并栅格化文字，制作文字质感；利用“矩形选框工具” 、“横排文字工具” 和“铅笔工具” 制作产品前景介绍栏上的内容。 04 复制素材文件“蝴蝶结.jpg”，利用“圆角矩形工具” 、“矩形选框工具” 、“渐变工具” 和“横排文字工具” 制作对外沟通栏上的内容。 项目实训——制作文具公司网站首页 05 利用“横排文字工具” 和“铅笔工具” 在副导航栏和版权信息栏上输入文字，绘制灰色竖线，完成实例操作，如图所示。 项目实训——制作文具公司网站首页 BUSINESS PLAN 感谢您的观看 * * * * * * * * * * * * * * * * * * * * * * * * * 任务三　设计网站首页效果图 步骤3 打开本书配套素材“标志1.jpg”“标志2.jpg”和“标志3.jpg”文件，将各标志图像复制到“网站首页.psd”文档窗口中，调整各图像大小后，分别放置在品牌栏的右侧。利用“椭圆选框工具” 在各图像上绘制正圆形选区，单击“图层”调板底部的“添加图层蒙版” 按钮，将正圆形选区外的图像隐藏，效果如图所示。 步骤4 将品牌栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。 任务三　设计网站首页效果图 （三）制作导航栏和广告栏 步骤1 利用“矩形工具” 在导航栏位置绘制矩形，并设置填充颜色为灰色（Y： 10%）。利用“铅笔工具” 在矩形下方绘制3像素宽的灰色（Y： 50%）横线，效果如图所示。 任务三　设计网站首页效果图 步骤2 利用“横排文字工具” 在导航栏上输入文字，并设置“字体”为“汉仪细圆简”，“字号”为“12 点”，“文本颜色”为“黑色”，然后为文字添加“投影”图层样式。利用“铅笔工具” 在各文本块之间绘制2像素宽的灰色（Y： 50%）竖线，如图所示。 任务三　设计网站首页效果图 步骤3 利用“圆角矩形工具” 在导航栏右侧绘制圆角矩形，并在工具属性栏中设置圆角矩形的属性，如图所示。 白色 Y：50% 任务三　设计网站首页效果图 步骤4 利用“椭圆选框工具” 在圆角矩形内部绘制正圆形选区，设置填充颜色为白色，并为其添加2像素宽的黑色描边，效果如左下图所示。利用“铅笔工具” 绘制如右下图所示的黑线和灰线作为搜索图标。 任务三　设计网站首页效果图 步骤5 将导航栏中所有图像所在的图层全部选中，按【Ctrl+G】组合键，创建群组。 步骤6 打开任务一中保存的“栏目广告.jpg”文件，将广告图像复制到“网站首页.psd”文档窗口中广告栏的位置。新建图层，利用“单行选框工具” 在广告图像下方绘制灰色横线，效果如图所示。 任务三　设计网站首页效果图 步骤7 利用“横排文字工具” 在广告栏左侧输入如图所示的文字，并设