大杂烩技巧

[ONE-SUNDAY]

Ruby 更新

建议使用 rvm

Sass 和 Compass 更新

建议使用 gem

Node 更新

建议使用 nvm，可安装多个版本，并且任意切换。

安装

$ nvm install v6.2.0

查看版本信息

$ nvm ls

切换版本

$ nvm use 5.6.0

安装最新稳定版本

$ nvm install stable

设置默认版本

$ nvm alias default v7.0.0

快速切 ICON 图标

方法一：

ICON 单独切出来是为了方便合并精灵图，我的步骤如下：

1、选中一个 ICON 的图层，鼠标右键复制图层 -> 新建 -> 确定
2、选择菜单栏图像 -> 裁切
3、基于透明像素 -> 角度选择上下左右全部勾选 -> 确定

你会发现一个 ICON 就怎么快速简单的切出来了。

如果你用 rem 布局，为了避免在 Android 机器，rem 计算不精准导致 ICON 显示不完整的情况，会给周围空出 1px，你可以选择菜单栏图像 -> 画布大小，给宽高分别增加 2px，定位默认基于中心，确定即可。

方法二：

1、右键图层 -> 导出为...
2、可以设置画布大小和、图像大小

AI 导出 SVG

一般使用到 SVG 的场景有：需要不规则的图形或是线条，矢量的 ICON 等等

这里举一个导出飘带线条的例子

1、首先通过菜单栏文件创建一个图层
2、使用钢笔工具绘制一条飘带线条
3、通过菜单栏脚本 -> 将文档存储为 SVG

通过以上步骤就成功导出 SVG 代码，在此基础我结合 <textPath> 就可以制作出飘带文字了。