这个网页设计培训教程是上一节的后部分,继续观看了。

14.添加一条新的参照线:550px.接下来我们来做内容的背景。选择圆角矩形工具”并设圆角半径为:15px,从参照线:550px到页面的底部。

15。添加一条参考线:680px;从这个参考线到550px那条之间,添加类似“公告栏”文字。

16。添加一条参考线:880px,和参考线:680px之间,使用“矩形工具”绘制一个矩形,填充任一颜色,并添加如下图的“图层样式”。

添加一些尺寸为:180*135px的图片,并设“图层样式”。

17.接下来我们给图片的两边加一个“箭头”,使用“自定义图形”选择一个箭头的形状,并设置“图层样式”(颜色叠加:#87cdf5)


18。添加图片和文字,如下图:

19。再次添加新参考线:1280px和1350px,使用“矩形工具”绘制出一个矩形,并设如下图“图层样式”


20。添加图标(图标的颜色:#87cdf5),文字

21。接下来绘制分隔线
使用“线条工具”绘制两条坚线,一条填充:#0270bc;另一条:#148bcf。
然后点击“面板”上的“蒙版图标”,

添变效果如下图:


22。最终效果如下图:漂亮不,一个清爽的网页布局就在你手上制作出来了。



