Axure原型工具制作图片从虚化到明亮与放大效果

 时间:2024-10-13 11:20:11

1、首先创建一个空白页面,在工作区域内拖入本次使用的元件元素,主要是图片和矩形,如下图所示。

Axure原型工具制作图片从虚化到明亮与放大效果

2、将图片导入后,将图片和矩形的名称进行命名,如下图所示,后面做交互的时候能够知道每一个元件代表的含义。

Axure原型工具制作图片从虚化到明亮与放大效果

3、将矩形的透明度及颜色进行设置,并将矩形覆盖到图片的上面,如下图所示。

Axure原型工具制作图片从虚化到明亮与放大效果

4、然后开始做矩形的鼠标移入时的交互事件效果,主要是图片的放大,以及对透明度值的修改,如下图所示。

Axure原型工具制作图片从虚化到明亮与放大效果Axure原型工具制作图片从虚化到明亮与放大效果

5、然后再对矩形的鼠标移出时的交互事件效果进行设置,同上样的方式一样,只不过是将图屡阽咆忌片的大小和透明度恢复到原始状态,如下图所示。

Axure原型工具制作图片从虚化到明亮与放大效果

6、所有工作准备完成,f5预览一下效果,如下图所示。

Axure原型工具制作图片从虚化到明亮与放大效果

7、页面加载时,兔脒巛钒图片很虚的样式,当鼠标移到图片上方的时候,图片会放大,且变的明亮,这就是我们上边对交互事件的一个控制效果。

Axure原型工具制作图片从虚化到明亮与放大效果
  • 在AI中给图片添加影印素描效果
  • AI教程:绘制爱心巧克力的图片步骤
  • AI怎么用混合工具做渐变效果
  • PS软件增加画布大小怎么变为透明边缘
  • 用AI软件绘制椎体连接效果
  • 热门搜索
    重阳节手抄报图片大全 关于劳动节手抄报 元旦节的手抄报 母亲节手抄报简单好画 关于国庆的手抄报 国庆节手抄报一等奖 国庆节主题手抄报图片 儿童节手抄报简单漂亮 防控疫情的手抄报 节俭手抄报