Photoshop设计网站首页

开发工具与关键技术：使用Photoshop 设计网站首页
作者：成东平
撰写时间：2019年4月12日

使用Photoshop设计一个网站展示，展示的颜色需要网站的颜色或者邻近色，这样才能更好的驾驭住它，风感也需要一致。选择自己网站的颜色风格。首先本人先是在顶部的网站用矩形工具绘制了一个长方形出来然后ctrl+t将它的方向进行了修改

之添加一个长方形添加颜色一些单调，所以本人用矩形工具绘制了两个长条添加上一样的颜色然后在PS顶部的功能栏的滤镜用模糊功能里的高斯模糊方向摆放与上图一样。完成然后就可以放制该部分的展示,展示不需要做的跟网站那么严谨可以是以一点但不能乱弄。

本人是先把网站的logo放在了顶部的位置然后调整大小，大小不能随便调整，要根据页面的大小进行调整不能太大也不能看不见。放制好logo后可以在网上搜索一些关于展示的图标工具，然后根据页面大小调整好，因为一个网站在一个电脑上是不可能全部显示出来的需要往下滑动才能显示下面内容，所以我们需要把一部分的内容放制进去，我们可以将一个内容全选出来放制一份然后合并也可以直接截图出来，弄好以后将内容放制在电脑图标里去。注意内容的图层要放在电脑图标图层的下面。

接下来选择使用模糊工具制作的长方形然后放在一份出来然后移动到下方部分之后在长方形的上方加上一个星形装饰然后在星形装饰后面加上需要展示内容的题目。本人是将网站页面放入然后调整位置加上投影。

接下来本人展示的是网站使用的字体与颜色(不需要按照本人的步骤制作，可以展示自己想要展示的内容)。本人在页面中绘制了一个长方形然后加上了白色的填充颜色然后为该图片加上了投影使用的投影颜色是主题的颜色，然后在自定义工具中找到形状工具绘制了一个在长方形图层上颜色是主题颜色。然后在上方用字体工具打出需要展示的内容题目，在该题目的前面加上了与第一个展示的题目前的图标，然后再在该题目的左右两旁加上了一些点缀然后在自定义工具绘制出来的形状中加上使用的字体，字体使用的像素大小。然后再在下方在自定义工具中找到圆形边框绘制调整大小然后转化为蚂蚁线加上使用的颜色，网站中使用了多少种颜色就复制出多少个该形状出来添加颜色然后用羽化工具调整圆形大小除去一部分然后全选圆形颜色图标然后在PS的移动工具的上方用对齐功能调整对齐。然后在每一个颜色形状加上投影，因为本人使用的颜色有白色但展示的背景也是白色所以需要投影才能看见。

然后在下方部分复制了一份顶部的长方形然后移动到该部分然后ctrl+t然后鼠鼠标左键然后平水反转然后在导入网站页面图片复制两份加上投影部分好，在最后面部分加上谢谢观赏，然后再在页面中加上一些装饰，装饰就做完了。