ps切图教程 android,Cutterman切图简单教程，小白最爱的切图攻略

目前很多手机app设计师都在使用Cutterman工具进行切图，因为这个软件是国内的软件，切图也必将方便。也提供了3个平台的切图方式。最新的Cutterman切图插件如下图：

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

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

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

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

我们先来回顾一下切图知识点重点提示：

1)、所有切图必须为偶数。不管是ios的切图还是android 的切图。

2)、可平铺部件切图时可如下图：

带圆角按钮切图时可如下图

同理

并在效果图中标出具体大小和尺寸。

3)、ios切图需要切出2套，一套是@2x png和一套@3x的png、png格式为24位的png。

APP界面具体的切图细分：引导页、启动页、APP图标、需要作为整块的元素都是要切除@2x和@3x2套的切图素材。

如果需要平铺的元素：如背景、线条、按钮、渐变等等都是切.9.png 点九图是适合ios和android 2大系统的。

现在精准化的元素切图是保证还原高品质app界面设计的保证。切图的技巧决定移动app界面设计美观度。当然还有标注。

4)、所有表单元素务必切两种状态：比如按钮的正常状态和按下状态 checkbox的选中状态和未选中状态等等。如下图的图标切图状态示例图：

25学堂的关于Cutterman切图的干货教程有：

今天25学堂只是跟大家讲解cutterman ps插件安装完成之后，如何来使用cutterman工具进行切图。3步轻松搞定Cutterman切图。算是一个比较简单的Cutterman切图教程。

Cutterman切图简单步骤：

第一种情况：导出一个图层的切图素材。

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

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

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

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

第二种情况：导出多个图层切图素材：

1. 选中多个图层

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

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

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

第三种情况：固定切图尺寸来切图素材

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

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

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

以上就是使用Cutterman切图的三种情况一一跟大家讲解啦。这回是不是很容易上手来进行Cutterman切图啦。如果你还不是明白，可以加我们25学堂的微信或QQ群。主动问群里的app设计大牛们。

ps切图教程 android,Cutterman切图简单教程，小白最爱的切图攻略相关推荐

android+客户端+教程,Android新浪客户端开发教程完整版.pdf
Android新浪客户端开发教程完整版 Android 新浪客户端开发教程新浪客户端开发教程 (完整版(完整版)) 新浪客户端开发教程新浪客户端开发教程 ((完整版完整版)) android开发我的新 ...
flex+android+教程,android开发flex4.5入门教程.pdf
android开发flex4.5入门教程中国矿业大学教务部教务通知(2013 )第33 号关于做好各级"大学生创新训练计划" 项目中期检查和结题验收的通知各学院: 为加强我 ...
android的webView的教程,Android WebView 应用界面开发教程
WebView组件本身就是一个浏览器实现,Android5.0增强的WebView基于Chromium M37,直接支持WebRTC.WebAudio.WebGL.开发者可以直接在WebView中使用 ...
Carson带你学Android：这是一份全面详细的属性动画学习攻略！
前言属性动画的使用是 Android 开发中常用的知识本文将献上一份全面 & 详细的属性动画学习指南,将详细介绍属性动画的所有内容,包括:意义.作用.应用场景.功原理 & 具体使 ...
python简单绘图教程视频_Python绘图的简单教程（I）-基本元素,python,一
python绘图简单教程(一)--基本元素一.理解面向对象因为我们不需要自己设计一个代码库,只要知道面向对象的调用就可以了. 1)什么是类? 一类东西的抽象名词概括比如汽车car,概括了许多具体 ...
wcf简单教程(10) ajax调用,wcf简单教程(10) ajax调用
wcf简单教程(10) ajax调用 [2021-02-11 16:23:59] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace(&q ...
Android 系统（202）---Android：这是一份全面 amp; 详细的Webview使用攻略
Android:这是一份全面 & 详细的Webview使用攻略前言现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝.京东.聚划算等等,如下图京东首页 ...
吃鸡ios和android灵敏度,和平精英灵敏度怎么调最稳2020二指攻略：安卓苹果灵敏度调节方法大全[多图]...
最新和平精英灵敏度怎么调最稳2020?和平精英经过几个版本的更新改动后,之前的方法已经不是很好用了,下面就来为大家带来2020年和平精英最新的二指灵敏度条件玩法.让你的打的准扫的稳,轻松吃鸡不是梦.快 ...
android ndk 界面开发教程,Android NDK开发之入门教程
JNI(Java Native Interface, Java本地化方法)使得Java能与其它语言(如C.C++)的动态库进行交互. 在Android 项目中,经常看到地图,统计,推送之类的第三方平台 ...

ps切图教程 android,Cutterman切图简单教程，小白最爱的切图攻略

ps切图教程 android,Cutterman切图简单教程，小白最爱的切图攻略相关推荐

最新文章

热门文章