案例8 启动设计案例
(请扫描版权页上的二维码,下载教学视频)
请参考UE原型图制作APP界面。

图39 UE原型图

图40 效果图

图41 启动页设计
STEP1
选择菜单栏里的“文件/新建”命令,打开新建对话框,新建一个尺寸为640×1136像素的文件,分辨率为72dpi,背景内容为白色,如图42所示。

图42 文件/新建
STEP2
新建一个图层,使用矩形工具,前景色选为白色,大小是和画布一样大的640×1136像素的矩形。在“底板”图层上双击,在弹出的图层样式对话框中选择“颜色叠加”样式,调整颜色值为# ffdfcb,如图43所示。

图43 “颜色叠加”样式

图44 背景
STEP3
打开图案的图片,调整为背景,如图46所示。使用添加图层蒙版工具,用渐变工具径向渐变绘制图层蒙版,完成如图48所示。

图45 打开图案的图片

图46 调整为背景

图47 添加图层蒙版

图48 径向渐变绘制图层蒙版
STEP4
加渐变色,如图49所示。图层的混合更改为强光,不透明度为63%,如图50所示。完成效果如图51所示。

图49 添加渐变色

图50 不透明度为63%

图51 完成效果(https://www.daowen.com)
STEP5
新建一个图层,图层的名字改为“LOGO”。使用圆角矩形工具
,前景色选为白色,绘制一个圆角矩形,如图53所示。在此图层上双击,在弹出的图层样式对话框中选择“渐变叠加”样式,如图54所示。选择“投影”样式,如图55所示。完成效果如图56所示。
![]()
图52 使用圆角矩形工具

图53 绘制一个圆角矩形

图54 选择“渐变叠加”样式

图55 选择“投影”样式

图56 完成效果
STEP6
使用椭圆工具,前景色选为白色,绘制一个圆形。在此图层上双击,在弹出的图层样式对话框中选择“渐变叠加”样式,如图57所示。选择“投影”样式,如图58所示。完成效果如图59所示。

图57 选择“渐变叠加”样式

图58 选择“投影”样式

图59 完成效果
STEP7
使用文字工具输入文字M,双击文字排版图层,在属性栏中设置文字的大小,图层样式为渐变叠加,完成调整,如图61所示。

图60 渐变叠加

图61 完成调整
STEP8
使用文字工具输入文字“慢生活”,双击文字排版图层,在属性栏中设置文字的大小,完成调整,如图62所示。使用文字工具输入文字“品生活,从慢生活开始”,完成调整,如图63所示。

图62 使用文字工具输入文字“慢生活”

图63 使用文字工具输入文字“品生活,从慢生活开始”
STEP9
使用文字工具输入文字版权信息,调整最终启动页面完成的效果,如图64所示。

图64 调整最终启动页面完成的效果