ps作品说明书.docx

1、ps作品说明书作品说明书教 学 院计算机学院课程名称多媒体应用技术班 级15专升本学 号201520410106姓 名 景旭2016年5月31日 PS网页的设计 作品说明书课程名：多媒体应用技术 专业班级：15级计算机科学与技术专升本 学号：201520410106 姓名： 景旭 一、作品介绍1. 整体设计思路我认为网站的页面最主要的就是以简介为主，不需要太过绚丽的背景，使用户在浏览的过程中能够很容易地发现自己想看的内容，然后再配上很详细的文字说明，所以我的设计思路就是要以简介为主，下面是我的整个的设计思路：整个页面采用XX首页的整体设计风格，再加一些自己的改变。所以整个页面的风格就显得比较简

2、洁，明了。没有什么大的靓丽的地方。页面的素材是在网上找的一些小的图案。颜色的搭配整体采用比较深的风格，就显得很沉稳。二、作品设计操作详细步骤及截图 2.1 对整个页面进行详细的规划，分为上下两层。 首先采用矩形选框工具选出一块矩形的区域，然后采用渐变的风格进行填充。 上半部分在图层里面选中新建填充图层，然后选择渐变，结果如图所示： 2.3 页面的下半部分也是采用相同的设置，采用渐变风格。上半部分在图层里面选中新建填充图层，然后选择渐变，结果如图所示：2.4 底部的工具栏也是采用的渐变的风格 2.5然后再图层上在添加一个文字图层，显示网页的著作权。 具体为：2013 The Company In

3、c right Reserved3、在页面上添加各种图案3.1 在上半部分添加一个标题，为文字图层，标题为，XX一下，你就知道 文字：XX一下，你就知道3.2 在底层的左上角添加一个logo的图层，步骤二： 依次向背景图层里面添加素材3.3 用背景颜色为白色的矩形的选框工具做出一个搜索的输入文本框说明：首先选中矩形选框工具，选中如上图所示：3.4 按钮也是采用矩形选框工具做出来的，在图层样式上选择为浮雕的风格，然后在这个图层上面在添加一个文字图层，效果如下： 3.5 左边的是一个添加的图片图层 选中T添加文字说明：在图层的上半部分选中一张图片，然后添加上去。 3.6 下面是四个用圆角矩形工具做

4、出来的，颜色为白色。上面分别是四个眼镜的图片图层，图片下面也分别配有说明，分别是四个文字图层。效果如下: 说明：上部分为四个图片图层，选中四张图片，添加即可。下面分别是四张图片的文字说明，为biack frame Glasses , red frame Glasses,blue frame Glasses,yellow frame Glasses3.7 综上所述，上半部分的效果如下4下半部分 4.1 左半部分是一个新闻的区域，主要是以文字图层为主，再加上几个相应的图片图层，最上面的是一个新闻的标题，为文字图层： The happening News为文字图层 4.2 标题下面是两个图片图层 图

5、片主要显示广告等其他的相关内容 4.3 图片下面是文字图层，为日期时间和天气 主要显示时间天气，日期等内容4.4 下面是新闻的正文 是一则新闻的区域 eachday brings increased opportunity business in current as well as the New Share you get to we markets .为文字正文4.5 右半部分也是一个图片的图层，素材是在网上下的 图片显示的是一则广告，直接添加。4.6 下面是首先使用圆角矩形工具做出来一个圆角矩形的框框。背景颜色是黄色 首先选择圆角矩形选框工具 选中一片区域，进行颜色填充 选择适当的颜色

6、后进行确定。4.7 在背景图层上面添加一个图片图层，粗在也是在网上下载的。 说明：在选中的区域内添加一个图片图层，如上图所示4.8 然后在图片旁边配有相应的文字图层来做相应的说明。说明：在添加文字图层，为2016我们一起相约捷成旅游，携手并进共创辉4.9 综上所述，页面的下半部分效果如下： 5加上页面的上半部分和底部，总体的效果如下： 作品说明：整个页面的设计及步骤如上所示，整个页面设计的比较简单，所以有些步骤写的也比较简单。用的也都是ps里比较基础的工具。但是图片可以很清晰的展示出来制作的效果。作品小结：网页的实现不仅仅可以用代码来实现，还可以通过ps来实现。对于ps做网页，还真的不太熟练，

7、我可以通过代码做出来一个很漂亮的页面，然而ps做就很难了。通过ps做了一个最简单的网站页面，实现的素材也很简单，布局，设计也相对来说比较简单。最开始不理解ps中图层的含义及用法，通过实际作图把这一概念基本理解了。也是我对ps做网页有了一个最起码的思路，在做的过程中碰到的问题很多，一个原本很简单的问题我却弄了很长时间都解决不了，别人一句话就解决了。 在以后的学习中，对ps的学习也要加强了。课程成绩评定表1、作品设计情况a）页面色调毫无搭配，主题完全不明确，页面板式设计差。 b）页面颜色搭配较合理，主题较不明确，页面版面布局比较简单，网站设计风格不够鲜明。 c）页面颜色搭配合理，主题较明确，页面版面布局基本合理。 d）页面色调和谐，布局合理，重点突出，主题鲜明。 2、作品设计报告a）内容： 不完整 完整 详细 b）方案设计： 较 差 合理 非常合理 c）主题： 不鲜明 较鲜明 非常鲜明 d）文档格式： 不规范 基本规范 规范 考勤成绩： ，占总成绩比例10%课程平时作业成绩： ，占总成绩比例30%作品设计成绩： ，占总成绩比例50%设计报告成绩： ，占总成绩比例10%课程总成绩： 3、设计评语 指导教师签字： 年 月 日