学校官网展示步骤

作者：李哲定 时间：2019年5月7日
展示分很多种有风格不一样的有类型不一样的，而我要展示的学校官网是具有一种科技感跟创意性的展示效果，那就来看看我是如何来从无到有的吧！

首先找到矩形工具，找到之后在将其拖拉一个长方矩形（颜色填充为蓝色）随后在按着CTRL键把右下边角往上拉就达到如图的这种斜角就显得不是那么的单调，然后再使用文字工具打上主题（字体：汉仪秀英体简 字体大小50点）再到主题的下方打上英文（字体：方正卡通简体 字体大小25点），之后再使用矩形工具分别再主题的左和右拖拉一个小长方矩形，拖拉出来之后点击小长方矩形稍微的扭曲一下就可以了，这样就到达了一种开局效果，然后再把电脑样机运用进来放置到主题的下方，接着再把学校网页将其缩小放置到电脑样机里面注意要对齐这个电脑样机，下面多余的就选中学院网页将其栅格化图层之后再使用框选工具选中不要的内容delete键删减掉，这样就感觉像是在电脑里面浏览这个网页一样就达到如图的这种视觉效果。

接着再使用文字工具在电脑样机的下方打上网页展示（字体：方正呐喊体 字体大小：50点 颜色为蓝色（5753f4）），随后再使用矩形工具分别在网页展示的左和右拖拉一个小长方矩形颜色填充为蓝色（5753f4），这样子就显得页面不是那么单调，然后还是使用到这个矩形工具拖拉一个矩形再按着CTRL键拉成斜角，之后再把网站叠放上去就达到如图一样的效果，之后我发现右上角一点空，然后我就利用矩形工具竖着拖拉一个长一个短的矩形放置到右上角，这样看上去才不会感觉空荡荡的。

接着再把ipai样机放置到网页的下方，之后再按照如图把网页放置进去将其缩小，其余的就用钢笔工具框选出来再按CTRL+enter（回车）就会显示虚线然后再选择到这个图层进行栅格化图层，之后再按delete键就删减掉了，然后我发现左下角和右上角一点空，我就使用矩形工具分别拖拉一个长和短的矩形放置到左下角，随后选择到刚刚制作好的长和短的矩形图层将其复制出来放置到右上角，这样就显得不是那么的空荡荡。

然后还是使用到这个矩形工具拖拉一个矩形接着按照如图按着CTRL键拉成斜角这样就用来当成一种背景图层效果，接着将其再把三个网页叠放到斜角矩形上面左和右的网站不要超过斜角矩形，这样才显得不是那么的单调、无趣。

接着再把电脑样机放置进来，随后把网页将其缩小放置到电脑样机屏幕里面去，在按着CTRL调整角度和位置，多余的就框选出来删减掉，接着再电脑样机左边放置三个网页并且将它们缩小，按照如图把角度拖拉好就可以了。

然后再使用矩形工具到电脑样机的下方拖拉一个长方矩形再按着CTRL键按照如图拖拉成斜角来当背景图层，随后再把网页叠放上来之后再选择到这个网页按照如图一样进行扭曲，接着再选择到刚刚的扭曲的网页的图层按CTRL+J复制出来，之后再和如图一样拖动到对齐接着鼠标右键旋转180度就达到如图的效果了，然后再使用矩形工具分别竖着拖拉一个长和短的长方小矩形放置到扭曲网页的左上角、右上角、左下角。

最后再扭曲网页的下方放置一个素材图进来，再使用矩形工具拖拉一个黑色长方矩形盖住这个素材图，然后再把黑色长方矩形的不透明度设置为70%填充也设置为70%，这样就达到了不透明图层效果，接着再使用文字工具打上文字放置到不透明图层的中间再到中文文字的下方打上英文翻译，最后再使用矩形工具竖着拖拉一个小长方矩形放置到文字的上方，这样就显得不是那么的单调。