网站展示和步骤

作者：李哲定 时间：2019年4月27日
网站展示是什么呢！就是把一个做好了的网站分不同风格不同样式来格外的展现出它的美观。那就来看看我怎么做的吧！

首先再顶部放置一个素材图之后再使用矩形工具拖拉一个跟素材图一样大的矩形盖住素材图颜色填充设置为黑色（000000），随后再选中到这个黑色矩形不透明度设置为80% 就到达一种不透明效果了，然后再到里面写上黑色妖姬甜品（字体：方正呐喊体 字体大小：50点 颜色为白色（ffffff）），随后再使用矩形工具再黑色妖姬甜品的下方拖拉一个小长方矩形，这样就起到一个开头的作用，然后再把电脑样机放置到小长方矩形的下方，之后再把这个食品网站缩放到电脑样机里面去至于多出来的用框选工具选中之后栅格化图层再按delete键就把多余的删减掉了，就达到跟如图一样的效果。

随后再使用字体工具到电脑样式的下方写上网页展示（字体：方正呐喊体 字体大小：45 点 字间距设置为100），然后再使用矩形工具再网页展示的左和右分别拖拉一个小长方矩形，这样就显得不是那么的单调，之后再使用矩形工具拖拉一个矩形出来然后再按着ctrl键跟如图一样拉成斜角矩形用于背景图层垫底，然后再把带有浏览食品网站放上来，之后再使用椭圆工具再带有浏览食品网页下方拖拉一个小椭圆再使用矩形工具分别再小椭圆的上和下拖拉一个小矩形这样就有着一种上下连接效果，然后我感觉左边一点空荡荡的随后我就从自定义形状工具里面选择这个弯曲的花，然后拖拉出来放置到左边， 这样就显得不是那么的空荡荡了。

接着和上面一样，使用矩形工具拖拉一个矩形出来然后选中按着ctrl键跟如图一样拉长斜角矩形用于背景图层垫底，然后再把食物网站叠到矩形上去，之后再选择到这个食物网站按CTRL+J再复制2个食物网站出来然后再把这2个食品网站将其缩小，随后按照如图一样分别放置到左和右，然后再使用椭圆工具再带有浏览食品网页下方拖拉一个小椭圆再使用矩形工具分别再小椭圆的上和下拖拉一个小矩形这样就有着一种上下连接效果。

随后找到一开始做的第一个斜角矩形的图层，找到之后点击一下斜角矩形的图层再CTRL+J复制一个出来就行了，复制出来之后再CTRL+T拖动到有着三张展示图（其中包括2个小矩形跟小椭圆）的下方，放置好了后再把食品网站放进来将其缩小，然后再使用切片工具把这个食品网站切割成两半分别放置到左和右再按着CTRL键调整角度这样就到达了侧面效果，右边这个位置有点空，然后我又使用自定形状工具把这个弯曲的花给拖拉出来，随后放置到右边，这样就利用用花来掩盖住了这里。就显得不是那么的单调、和空荡荡了。

之后把网页展示完了，就来展示一下PC端展示的效果吧，首先使用字体工具打上PC端展示（字体：方正呐喊体 字体大小：45点 字间距设置为100），随后再使用矩形工具分别再左和右拖拉一个小长方矩形，然后再找到制作的第二个斜角矩形的图层，找到之后点击一下再CTRL+J复制一个出来，随后再CTRL+T选中之后把拖动到PC端展示的下方，接着笔记本电脑样机放上去然后点击一下笔记本电脑把不透明度调到95%，这样就可以到达一种不透明效果啦，然后再把食品网站放进来将其缩小放置到笔记本电脑屏幕里面去，其余多出来的删减掉，接着再笔记本电脑的键盘下方来归纳展示中运用到的颜色来进行色彩展示效果， 首先使用字体工具打上色彩展示（字体：方正呐喊体 字体大小：30点 字间距设置为100）接着再使用矩形工具放别再色彩展示的左和右拖拉一个小长方矩形，之后再到色彩展示的下方使用椭圆工具先拖拉一个椭圆出来关闭填充描边为3像素接着又再有着描边椭圆里面拖拉一个椭圆填充为黑色（000000）闭关描边就到达如图的一样效果，然后再和刚刚一样的方法再去制作二个，一个是白色，一个是浅黑色，紧接着再使用文字工具分别再椭圆下方打上它们的颜色数值。
最后这个和顶部是一样的做法，先放一张素材图上去，随后使用矩形工具拖拉一个矩形黑色盖住素材图（记得黑色矩形不要超出素材图），然后再把黑色矩形的不透明度调到80%就隐隐约约的可以看到素材图了，最后再使用文字工具打上谢谢观赏，接着再用矩形工具拖拉一个小长方矩形放置到谢谢观赏的上方就可以啦。