#交互# Axure
百度翻译中扫描界面有两种获取翻译的方式,另一种方式是取词翻译,把需要翻译的内容显示在在极小的扫描框内。长按底部的按钮对焦,松开手后完成对焦,对扫描框内的内容完成翻译。
效果如下:
流程如下:
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. 黑色遮罩图层