正常的图片都是矩形的，如果我们制作简书上方的这个条，就需要一个圆形的头像，怎么办呢？
image.png
有两种方式：
第一是你的图片本身就是圆的，实际上是正方形的，只不过圆形之外是白色。
image.png
第二种，你手里有一个正方形/长方形的图片
image.png
首先，把它粘贴到axure中，然后裁切成正方形
image.png
选中这个图的时候，左上角有个黄色小箭头，看到了么？鼠标放上去，然后按住，往右拖动。图片就会变成圆角的
image.png
继续拖动到中间，就成了圆形，你get了吗？
image.png
源文件可在QQ群文件中下载：454069744
正常的图片都是矩形的，如果我们制作简书上方的这个条，就需要一个圆形的头像，怎么办呢？ 有两种方式： 第一是你的图片...
1、新建Axure RP文件，取名“Axure制作圆形旋转加载进度环和百分比效果”,效果图如下 2、拖入1个圆形控...
国内Fx的资料着实稀少，因此解决了一个问题就记录下来，慢慢的就便多了。前端时间实现了一些问题，没来得及记录现在补上...
在iOS7之后，我们能发现许多应用都开始使用圆形来作为用户头像的形状，代表App就是腾讯QQ了，QQ的头像就是圆形...
Axure案例——Toast 制作流程： 1、快速制作手机页面，添加toast动态面板，设置两个状态； 2、添加刷...
神奇的交互设计工具 Principle 中文文档 五分钟教你快速上手Axure交互设计 案例分享｜用Axure制作...
动态的展示能够形象的吸引眼球，本次案例制作一个音频播放的动效。 准备 Axure 8（或Axure 9）软件已安装...
Axure案例——轮播图例制作 制作流程： 1、添加轮播图的动态面板，注意，设置状态时，通过复制状态来设置； 2、...
一、 圆形头像制作-Mask应用 拖动头像图片素材avator1到Canvas上，修改为avator，删除此节点上...
axure从入门到精通所有视频。 axure从入门到精通8，axure原型制作前的准备工作，axure如何制作页面...
本文标题：Axure案例：制作圆形的头像
本文链接：https://www.haomeiwen.com/subject/bsnouxtx.html
网友评论