案例8 启动设计案例

更新于 2026年10月10日 版权声明
案例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 调整最终启动页面完成的效果

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)