购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.1 内容

3.1.1 课堂案例——制作旅游类App闪屏页

【案例学习目标】 学习使用“移动工具”“置入嵌入对象”命令和“添加图层样式”按钮制作旅游类App闪屏页。

【案例知识要点】 使用“置入嵌入对象”命令置入图像,使用“颜色叠加”命令添加效果,效果如图3-1所示。

【效果所在位置】 云盘>Ch03>制作旅游类App闪屏页>工程文件.psd。

图3-1

(1)按“Ctrl+N”组合键,弹出“新建文档”对话框,将“宽度”设为786像素,“高度”设为1704像素,“分辨率”设为72像素/英寸,“背景内容”设为白色,如图3-2所示。单击“创建”按钮,完成文档新建。

图3-2

(2)选择“文件>置入嵌入对象”命令,弹出“置入嵌入的对象”对话框。选择云盘中的“Ch03>制作旅游类App闪屏页>素材>01”文件,单击“置入”按钮,将图片置入图像窗口中,按“Enter”键确认操作,在“图层”控制面板中生成新的图层并将其命名为“背景图”。

(3)选择“视图>新建参考线版面”命令,弹出“新建参考线版面”对话框,具体设置如图3-3所示。单击“确定”按钮,完成参考线版面的创建,效果如图3-4所示。

图3-3

图3-4

(4)选择“文件>置入嵌入对象”命令,弹出“置入嵌入的对象”对话框。选择云盘中的“Ch03>制作旅游类App闪屏页>素材>02”文件,单击“置入”按钮,将图片置入图像窗口中,再将其拖曳到适当的位置,按“Enter”键确认操作,在“图层”控制面板中生成新的图层并将其命名为“状态栏”。

(5)单击“图层”控制面板下方的“添加图层样式”按钮 ,在弹出的菜单中选择“颜色叠加”命令,弹出“图层样式”对话框,设置叠加颜色为白色,其他选项的设置如图3-5所示。单击“确定”按钮,效果如图3-6所示。

图3-5

图3-6

(6)选择“文件>置入嵌入对象”命令,弹出“置入嵌入的对象”对话框。选择云盘中的“Ch03>制作旅游类App闪屏页>素材>03”文件,单击“置入”按钮,将图片置入图像窗口中,再将其拖曳到适当的位置并调整大小,按“Enter”键确认操作,在“图层”控制面板中生成新的图层并将其命名为“Logo”。选择“窗口>属性”命令,弹出“属性”面板,在该面板中进行设置,如图3-7所示,效果如图3-8所示。

图3-7

图3-8

(7)选择“文件>置入嵌入对象”命令,弹出“置入嵌入的对象”对话框。选择云盘中的“Ch03>制作旅游类App闪屏页>素材>04”文件,单击“置入”按钮,将图片置入图像窗口中,再将其拖曳到适当的位置,按“Enter”键确认操作,在“图层”控制面板中生成新的图层并将其命名为“Home Indicator”。将“Home Indicator”图层的“不透明度”设为70%,如图3-9所示,效果如图3-10所示。至此,旅游类App闪屏页制作完成。

图3-9

图3-10

3.1.2 图表

以图表形式组织数据可让信息的传达更准确并更具视觉吸引力,如图3-11所示。图表由多个图形元素组成,这些元素用于描绘数据集中的值并传达这些值的相关信息,如图3-12所示。

图3-11

图3-12

3.1.3 图像视图

图像视图在透明或不透明背景上显示单张图像(某些情况下显示图像的动态序列),如图3-13所示。在图像视图内,可以缩放图像,或者将图像固定到特定位置。图像视图通常不可交互。

图3-13

3.1.4 文本视图

文本视图会显示格式化的多行文本内容,这些内容可否编辑是可选的,如图3-14所示。文本视图可以是任意高度,并在内容扩展到视图之外时允许滚动。文本视图中的内容默认与前缘对齐,并使用默认的系统标签颜色。在iOS中,如果文本视图可以编辑,键盘会在用户选择该视图时出现。

图3-14

3.1.5 网页视图

网页视图可直接在App内加载和显示丰富的网页内容,如嵌入的超文本标记语言(Hypertext Markup Language,HTML)和网站,如图3-15所示。

图3-15 F6tHLWrkotLNL8vs59g+nIWnRLBDO8I1q0zVskx12QJzyBZNW+p7Bj/g75isUwZ2

点击中间区域
呼出菜单
上一章
目录
下一章
×