Axure学习笔记:百度取词翻译界面

2018-01-23  本文已影响15人  篱落LY

百度翻译中扫描界面有两种获取翻译的方式,另一种方式是取词翻译,把需要翻译的内容显示在在极小的扫描框内。长按底部的按钮对焦,松开手后完成对焦,对扫描框内的内容完成翻译。


步骤:

1. 用PS打开截图,绘制一个#000000,50%透明度,750*1334的矩形

2. 绘制一个无填充,边框为#ffffff,2px,404*80的矩形。

把矩形直接复制一个,修改边框5px。

3. 把5px边框的矩形栅格化

4. 选中5px白色边框的矩形,使用举行选择工具,删除5px矩形多余的边框。

5. 把黑色遮罩图层栅格化,选中白色边框矩形图层,选择矩形工具在画布中单击鼠标右键转换为选择区域,选择黑色遮罩图层,按键盘删除键,删除选中区域。导出png图片。

6. 在Axure中绘制界面基本元素

7. 在底部添加按钮

8. 导入黑色遮罩png图片,修改图层顺序

9. 添加扫描框内的“+”


素材:

1. 黑色遮罩图层

上一篇 下一篇

猜你喜欢

热点阅读