欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

cutterman装了怎么用 Cutterman安装使用图文教程

程序员文章站 2022-03-27 14:53:16
cutterman装了怎么用 Cutterman安装使用图文教程...

  cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、android等端上使用。它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。

  安装前准备:

  1、一款可用的photoshop,目前支持的版本有cs6/cc/cc2014,那种绿色免安装的不行噢~

  2、adobe extension manager。它是用来管理ps插件的(如右图),一般会随着ps安装而携带着,如果没有,请到这个地址下载安装。注意这个软件的版本要和你ps的版本保持一致,不能用adobe extension manager cs6来给ps cc安装插件。

  3、下载最新版本的cutterman,它是一个.zxp后缀的安装包。

cutterman装了怎么用 Cutterman安装使用图文教程

  开始安装:

  1. 双击下载的安装包,默认就会用extension manager,按照提示步骤进行安装即可。

  2. 安装完成之后,打开/重启photoshop,在菜单栏选择"窗口" -> "扩展功能" -> cutterman就可以打开啦。

cutterman装了怎么用 Cutterman安装使用图文教程

  如果你是要给cc2014安装cutterman,需要先将adobe extension manager cc的版本升级到7.2的版本才行。

  使用方法

  目标平台选择:

  cutterman提供了面向三种平台的切图特性

  ios: 如果你是为iphone设计界面,请使用ios标签,它能够为你生成符合ios系统的单/双倍图

  android: 如果你是为android设计界面,请使用android标签,它能够生成符合android系统的各种dpi分辨率图片

  pc: 如果你是做web端的设计,请使用pc标签,它可以支持输出png/jpg/gif等各种格式和质量大小的图片

  选择完平台后,会进入到主界面,如果需要切换平台,可以点击界面左上角的箭头按钮,切换目标平台。

cutterman装了怎么用 Cutterman安装使用图文教程

  导出图层

  导出单个图层:

  1. 选中一个你需要输出的图层。

  2. 点击“保存路径”按钮,设置你想导出到本地的某个文件夹。

  3. 点击“导出选中图层”按钮。

cutterman装了怎么用 Cutterman安装使用图文教程

  注意 !一个图层组对cutterman而言,仍然表示一个图层,会将组里头的所有内容合并作为一个图层输出。

  导出多个图层:

  1. 选中多个图层

  2. 点击“保存路径”按钮,设置你想导出到本地的某个文件夹

  3. 点击“导出选中图层”按钮

  注意 !选中多个图层进行导出,默认会逐一输出每个选中的图层,如果希望将选中的多个图层合并导出,请在界面又上角的设置项里头进行设置。

cutterman装了怎么用 Cutterman安装使用图文教程

  导出固定尺寸图片

  对于大多数icon而言,在输出的时候,会将icon周围的透明像素进行裁剪,只保留有像素的内容。这样输出的图片尺寸即是icon的绝对像素尺寸。

但是很多时候,我们处于美观统一、开发易用等因素,希望能够输出固定的icon尺寸,这时就需要用到cutterman的“固定尺寸”设置。

  1. 在固定尺寸的位置填入你希望输出的宽和高,注意必须要比icon的尺寸要大。

  2. 点击导出选中图层按钮。

  注意 !设置固定尺寸后,icon会默认居中显示。如果设置的尺寸比icon尺寸小,会出现icon被裁剪的现象。

cutterman装了怎么用 Cutterman安装使用图文教程

相关标签: Cutterman 安装