用钢笔工具将窗口区域勾出来,然后新建矩形,将两个图层排除重叠,设置形状蒙版,填充另外一张图片。
原画板复制后(if不是原画板中的元素,动画效果会有所改变),将画板中的元素进行调节,不透明度、变换旋转及位置等,页面交互时选择自动制作动画,并对持续时间进行调整。
如图,将画板一复制两份,在首个画板中调节文字变换,其中hot air 绕x轴旋转90度,balloon绕x轴旋转-90度,文字以动画形式出现。
将p2中的文字复制至p1画板,不透明度调为零。
hot air ballon上移,页面交互时,文字滑动上移。
p2中三个小卡片打组,将其copy到p1画板,调节其不透明度为0,用于两画板之间的交互。
将三个小卡片间距调小,用于展示详情页,从画板右侧滑进滑出。将p3小卡片的组不透明度调为0。
P1中trip itinerary不透明度为零,卡片组不透明度为零,P2中trip itinerary设置变换效果,同 hot air 及balloon的角度,与其保持一致。
周四-周天面试总结:《关于学弟学妹教我学UI》……