#秀米XIUMI[超话]##利用固定布局+弧度制作半圆标题
1.在布局-基础布局中,将固定布局添加到右侧编辑区,如图一所示。
2.点击固定布局,将宽度更改为100,高度更改为50,点击边框按钮分别选择上边框和右边框,弧度设置为100,如图二所示。
3.点击背景下拉按钮,选择背景图在右侧添加准备好的背景图,倒入框内背景图选择不重复,如图三所示。
4.向下再添加一个固定布局,宽度更改为100高度,更改为50,点击边框按钮,样式更改为实线,尺寸更改为1,颜色更改为青色。分别选择下边框和左边框,弧度更改为100,分别选择上边框和右边框颜色更改为透明色,如图四所示。
5.双击布局输入文案,字号更改为18,加粗,字体颜色选择青色,居中对齐,点击间距按钮,行间距更改为1.3倍,点击定位按钮,段前距更改为5,如图五所示。
6.预览效果如图六所示。
1.在布局-基础布局中,将固定布局添加到右侧编辑区,如图一所示。
2.点击固定布局,将宽度更改为100,高度更改为50,点击边框按钮分别选择上边框和右边框,弧度设置为100,如图二所示。
3.点击背景下拉按钮,选择背景图在右侧添加准备好的背景图,倒入框内背景图选择不重复,如图三所示。
4.向下再添加一个固定布局,宽度更改为100高度,更改为50,点击边框按钮,样式更改为实线,尺寸更改为1,颜色更改为青色。分别选择下边框和左边框,弧度更改为100,分别选择上边框和右边框颜色更改为透明色,如图四所示。
5.双击布局输入文案,字号更改为18,加粗,字体颜色选择青色,居中对齐,点击间距按钮,行间距更改为1.3倍,点击定位按钮,段前距更改为5,如图五所示。
6.预览效果如图六所示。
#秀米XIUMI[超话]#
1.利用固定布局+弧度制作半圆形标题样式
半圆的本质其实是带有弧度的长方形,所以首先利用固定布局做出一个“长方形”,再将其弧度改为100像素随后把背景图改成所需即可。下半部分则是背景为透明色的半圆弧,同样是固定布局下制出个长方形,加上个全包边框,之后将下边框和左边框的弧度设置为100像素,上边框和右边框的颜色改为透明色输入文本即可。
2.使用三列布局和列定位功能做“三图卡片”
三张图片的设置模式不同所以使用了三列布局,然后将图片放到布局里。左右两个布局的设置宽度自适应较小,为3,并为其设置实线边框以及合理的间距。中间部分则是大于两边的图片大小,宽度自适应较大,为4,为其设置半透明的背景色,也算是半透明的边框,效果显示是中间的大图压着两边的小图的卡片样式。
1.利用固定布局+弧度制作半圆形标题样式
半圆的本质其实是带有弧度的长方形,所以首先利用固定布局做出一个“长方形”,再将其弧度改为100像素随后把背景图改成所需即可。下半部分则是背景为透明色的半圆弧,同样是固定布局下制出个长方形,加上个全包边框,之后将下边框和左边框的弧度设置为100像素,上边框和右边框的颜色改为透明色输入文本即可。
2.使用三列布局和列定位功能做“三图卡片”
三张图片的设置模式不同所以使用了三列布局,然后将图片放到布局里。左右两个布局的设置宽度自适应较小,为3,并为其设置实线边框以及合理的间距。中间部分则是大于两边的图片大小,宽度自适应较大,为4,为其设置半透明的背景色,也算是半透明的边框,效果显示是中间的大图压着两边的小图的卡片样式。
#秀米XIUMI[超话]#
光盘行动图文制作要点:
制作了一个小的SVG动画,首先利用固定布局做出六个正方形框线用于里面添加文字内容,框线的制作也就是在布局模式下将“边框”设置为“实线”即可。之后在SVG的“动画”中设置相关参数,需要注意的是背景颜色设置成透明色,动画延迟也是必需的以防各个不同的手机终端出现不同的延迟效果。另外一个需要注意的点是六个小方框需要设置为“宽度自伸缩”,伸缩比为0,来保证框线与文字内容的大小相符合。第二个重点是标题样式的制作,分析得出是由三个部分组成所以使用了“三列布局",第一部分即是简单的数字序号加上背景颜色,第二部分是描边文字加上一个下划线的操作,这个“下划线”是使用布局模式中的框线,只选择下边框线制成的有一定的尺寸大小。第三部分是一个动态的贴纸,可在“组件”-“贴纸”中找到,然后可以为其设置颜色,若出现了上横线则可以让该布局的行间距设置为0即可不显示该横线。标题样式大概就是这样设置的。第二部分的文字内容设置为“宽度自适应”可以避免出现标题是两行的的问题。
光盘行动图文制作要点:
制作了一个小的SVG动画,首先利用固定布局做出六个正方形框线用于里面添加文字内容,框线的制作也就是在布局模式下将“边框”设置为“实线”即可。之后在SVG的“动画”中设置相关参数,需要注意的是背景颜色设置成透明色,动画延迟也是必需的以防各个不同的手机终端出现不同的延迟效果。另外一个需要注意的点是六个小方框需要设置为“宽度自伸缩”,伸缩比为0,来保证框线与文字内容的大小相符合。第二个重点是标题样式的制作,分析得出是由三个部分组成所以使用了“三列布局",第一部分即是简单的数字序号加上背景颜色,第二部分是描边文字加上一个下划线的操作,这个“下划线”是使用布局模式中的框线,只选择下边框线制成的有一定的尺寸大小。第三部分是一个动态的贴纸,可在“组件”-“贴纸”中找到,然后可以为其设置颜色,若出现了上横线则可以让该布局的行间距设置为0即可不显示该横线。标题样式大概就是这样设置的。第二部分的文字内容设置为“宽度自适应”可以避免出现标题是两行的的问题。
✋热门推荐