平面设计：网站导航栏的设计案例教程_第1页
平面设计：网站导航栏的设计案例教程_第2页
平面设计：网站导航栏的设计案例教程_第3页
平面设计：网站导航栏的设计案例教程_第4页
平面设计：网站导航栏的设计案例教程_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网站导航栏设计平面设计案例所有权：长沙新华电脑学院平面设计典型实例实验名称：网站导航栏设计实验编号：XHJC-SY-016-11实验目的：1.熟练掌握Photoshop的常用操作方法及技巧2.了解网站导航栏的设计标准及本卷须知考核点：1.滤镜效果的应用2.图层样式的应用平面设计典型实例实验要求〔1〕启动PhotoshopCS2，然后按组合键【Ctrl＋N】翻开【新建】对话框进行如图11-1的参数设置。图11-1【新建】对话框平面设计典型实例〔2〕单击工具箱中前景色按钮，翻开【拾色器】对话框选择蓝色。如图11-2所示。图11-2【拾色器】对话框平面设计典型实例〔3〕首先将背景层填充为蓝色，再选择【矩形选框】工具绘制矩形并填充为黑色，如图11-3所示。图11-3绘制矩形平面设计典型实例〔4〕选择并翻开“导航栏/01.psd〞文件，在工具箱中选择【移动】工具，调整图像大小和位置，如图11-4所示。图11-4调整图像平面设计典型实例〔5〕选择并翻开“导航栏/02.psd〞文件，选择【移动】工具调整图像大小和位置，如图11-5所示。图11-5调整图像平面设计典型实例〔6〕选择并翻开“导航栏/03.psd〞文件，使用【移动】工具，调整图像大小和位置，如图11-6所示。图11-6调整图像平面设计典型实例〔7〕新建“图层1〞，选择工具箱中【矩形选框】工具，绘制矩形并填充灰色，复制图层1，调整对象大小和位置，如图11-7所示。图11-7绘制矩形平面设计典型实例〔8〕依次绘制一个三角型和圆型并填充渐变色，调整大小和位置，如图11-8所示。图11-8绘制的几何图形平面设计典型实例〔9〕单击工具箱中【矩形选框】工具，在页面中绘制矩形并填充渐变颜色，调整适宜位置，如图11-9所示。图11-9渐变的矩形平面设计典型实例〔10〕单击工具箱中【矩形选框】工具，绘制矩形并填充【径向渐变】，设置不透明度为“90%〞，调整大小和位置，如图11-10所示。图11-10透明的矩形平面设计典型实例〔11〕选择工具箱中【文字工具】输入文字所需文字，调整大小和位置，所图11-11所示。图11-11输入文字平面设计典型实例〔12〕选择【矩形选框】工具，绘制其余的几何图形，如图11-12所示。图11-12绘制几何图形平面设计典型实例〔13〕选择工具箱中【圆角矩形】工具绘制圆角矩形，设置不透明度为“60%〞，执行菜单命令【滤镜】→【渲染】→【镜头光晕】，如图11-13所示。图11-13【镜头光晕】对话框平面设计典型实例〔14〕最后输入文字，效果如图11-14所示。图11-1

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论