博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
还在一张张切图?PS快速切图新技能助你解放双手
阅读量:6927 次
发布时间:2019-06-27

本文共 1057 字,大约阅读时间需要 3 分钟。

什么?你还在一张张处理???

切图和标注一直是多数设计师最耗时且最不愿意做的事情,PS快速切图新技能,教你解放双手,快上车。

本文纲要

  • 规则切图
  • 不规则切图
  • 快速批量切图
  • 快速批量切出不同平台各种尺寸的图

高清大图,给用户带来良好用户体验的同时,也会刺激用户的购买冲动,所以是电商平台、企业平台常见的展示方式,但是图片太大影响网页的加载速度,反过来也会影响用户体验和网站的排名。所以高清大图上传网络前都要进行切片处理。

1、规则切图

①选择切片工具

②圈选整幅图片,右键选择划分切片;

③选择需要划分的个数,9宫格选择3*3,4宫格选择2*2;

④文件->导出->存储为web所用格式,快捷键“Alt+ Shift+Ctrl +S”,在弹出框中选择图片存储格式为jpeg格式,点击“储存”。

⑤一张图片完美的切割为了9部分,如下:

也可以在此基础上,把这9部分重新排列,从而可以获得新的视觉感。

2、不规则切图

①选择切片工具;

②框选需要切的部分;

③文件->导出->存储为web所用格式,快捷键“Alt+ Shift+Ctrl +S”,在弹出框中点击“储存”。

④选择保存的格式为“仅限图像”,切片设置为“所有用户切片”,这样就只会保存已切好的图片,不会有多余图片。

切片保存功能介绍:

(1)所有切片:保存所有选择和未选中的切片。

(2)所有用户切片:保存用户使用切片工具选择过的切片。

(3)选中切片:保存用户最后选中的切片。

3、快速批量切图

①下载安装插件-iDoc

官网下载地址:

②打开插件,选择需要切图的图层,点击「标记切图」;

③上传设计稿

标记完成切图之后,一键将设计稿上传至云端项目中,提示完成后,点击右下角“我的项目”查看上传的设计稿。

④选择下载所有切图

4、快速批量切出iOS、Android、Web不同平台多种倍率图

前三步同上,选中图层,标记切图,上传设计稿,然后选择平台iOS/Android/Web,选择需要的倍率,然后下载选中/全部切图。

下载的压缩包会按不同倍率分类,如下:

按照这种方法,再也不用一张一张改尺寸了,无论你需要什么平台,什么尺寸,一键就可以下载,即使你的设计稿错选了其他手机的尺寸,上传原设计稿后,也可以重新选择需要的尺寸进行切图,不需要全部重新调整。

的另外两个特色功能标注和原型,各位小伙伴可以自己了解一下,方便交付和协作。

好了今天的ps快速切图新技能就分享到这了,希望可以帮大家摆脱低效和手工,高效协作驱动上下级。

文末推荐一下设计大赛

报名链接:

转载地址:http://ozujl.baihongyu.com/

你可能感兴趣的文章
ios 一个正则表达式测试(只可输入中文、字母和数字)
查看>>
VS调试-添加命令行参数
查看>>
Mac和Windows中常见中文字体的英文名称
查看>>
[ACM_图论] Domino Effect (POJ1135 Dijkstra算法 SSSP 单源最短路算法 中等 模板)
查看>>
使用PHP创建一个REST API(Create a REST API with PHP)
查看>>
牛人一个
查看>>
SharePoint 2013 实现多级审批工作流
查看>>
Java泛型详解
查看>>
原创Java版的Shell
查看>>
windows phone (18) Border元素
查看>>
后端安全验证过程
查看>>
基于linux2.6.38.8内核启动过程完全解析[一]
查看>>
如何设置路由器实现静态IP配置
查看>>
4.3 spring-嵌入式beans标签的解析
查看>>
C#可以获取Excel文件中Sheet的名字
查看>>
Windows XP系统服役13年今正式退休
查看>>
HDUOJ---3743Frosh Week(BIT+离散化)
查看>>
Codeforces Round #238 (Div. 2) D. Toy Sum
查看>>
python zookeeper 学习笔记
查看>>
yii 获取当前ip
查看>>