best919 发表于 2015-7-20 13:13:51

利用Justinmind 6.7 新功能编辑、制作、使用矢量图标

Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上丰富的矢量图标资源来加工、制作矢量图标并用于Justinmind制作的原型中。
      1、获取免费 AI 矢量图标资源
      www.zcool.com.cn 是免费的设计资源分享网站,只要注册个用户即可免费下载丰富的设计资源。我们从 zcool.com.cn 中找到需要用到的矢量图标资源进行下载即可:
      
      2、打开、编辑和复制粘贴矢量图形
      下载解压后用 ILLustrator 打开里面的矢量图形,根据需要可进行编辑,然后复制并粘贴到 Justinmind 中,即可在 Justimind 中进行任意缩放而不失真(在 Justinmind 中复制功能,调整三种不同大小的尺寸,均不失真),粘贴的矢量图形为 SVG 格式:
      
      3、设置 ILLustrator 为默认打开 .SVG 格式的编辑器
      在 Windows 资源管理器中,在 .svg 格式的文件上鼠标右键 -> 打开方式 -> 选择默认程序 ...
      
      然后在弹出的应用程序列表中选择 ILLustrator:
      
      4、在 Justinmind 中直接调用 ILLustrator 修改 SVG 格式的矢量图形:
      在 SVG 格式的矢量图形上鼠标右键 -> 图像 (SVG) -> 用默认的应用程序打开:
      
      即可自动启动 ILLustrator 打开图形进行修改:
      
   修改后关闭 ILLustrator 并保存,即可在 Justinmind 中得到修改后的结果:
   
   我们发现上面使用复制功能复制的图形也都会改变为新修改的样式。这一特性很像Justinmind中的母版功能。但有时我们需要制作一个图标的不同状态,比如上面图标的禁用状态。那么如何实现?
   5、使用 创建单独的副本 来制作不同状态的图标
   在 Justinmind 中的 SVG 格式图标上鼠标右键 -> 图像 (SVG) -> 创建一个单独的副本:
   
   然后再使用 图像 (SVG) -> 用默认的应用程序打开 功能调用 ILLustrator 进行修改,完成后关闭 ILLustrator 并保存后即可:
   
页: [1]
查看完整版本: 利用Justinmind 6.7 新功能编辑、制作、使用矢量图标