Photoshop设计网站展示

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

设计一个学校官网展示，在展示顶部依旧是在展示中万年不变的logo与该网站的名称想办法将logo与名称衬托出来摆放好看，为了好看本人将logo摆放与网站一样使用了矩形工具绘制了一个矩形然后加上主题色调整了透明度为70%然后就是在右边放制了一个在网站上找的pc端展示的电脑图标然后将网站顶部的内容截下来放制在电脑图标内将网站内容放在电脑图标的下方图层，接
下来就可以展示自己想要展示的内容，展示的内容还需要比较好看吸引人。很多的人第一次做展示或者之前做过但还是没有多少经验，会在制作时用矩形工具在背景加上颜色与第一次制作时一样其实这样不是很好看如果没有灵感可以多去搜索一下展示的东西看看，本人制作此展示时也是这样。接下来本人展示的是网站使用的颜色，展示颜色时在上方部分加上展示内容的主题加上好看的字体样式，然后用一个图形将颜色融入进去然后使用羽化工具将图形去掉一部分然后在图形内加上该颜色的颜色值如下图

然后在颜色展示四个字的左右两边加一点装饰，然后该部分为一个大内容本人在上方一点与下方一点加上了矩形工具绘制的长方形颜色条使用的颜色与网站主题色一样。接下来字体展示展示网站使用的字体与大小，一般网站的使用的字体样式不超过三种，字体大小最大与最小不超过二十px。然后该部分为一个部分使用于颜色展示一个方法加上矩形长条，在下面是pc端该部分，在该部分本人放制了两个展示图标放制一起显得好看一些，然后下面本人将网站的顶部部分复制了三份ctrl+t鼠标左键选择斜切然后使用鼠标调整形状看上去想斜放的一样然后加上投影，投影方向根据图形的方向调整然后选择其他两个网站图形也如此操作。然后把整个网站首页的页面放在展示中摆放在正中间然后复制两份一个摆放在左边一个摆放在右边斜切调整左右两面的网站首页加上投影。完成后在网站的轮播图中找到一张好看的图片，将图片导入ps在然后鼠标找到图像中的调整中的去色然后放在一份然后点击复制的那一份在图层上方的正常点击一下找到颜色减淡，然后在点击图像中的调整中的反相此时此刻ps页面中是一片空白然后找到滤镜中的模糊中的高斯模糊调整好图片的样子会变成下图样子

然后将图片复制一份将第一份摆放在展示中logo的摆放将位置调整好然后将复制出来的一份摆放在颜色展示与字体展示的中间图片的位置更改一下这样比较好看，然后在下方绘制矩形工具制作颜色然后加上一下点缀装饰使用圆形工具绘制一个小圆然后加上与位置有关的颜色然后在图层显示的下方功能栏的第二排的第一个点击然后放在一个摆放在好的位置然然后在绘制一个同样的方法颜色不一样，然后在低部加上谢谢观赏在左右两边加上装饰