查看: 10064|回复: 0

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

[复制链接]

0

主题

208

回帖

682

积分

版主

Rank: 7Rank: 7Rank: 7

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

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-19 20:14

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表