恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
还在一张张切图?PS快速切图新技能助你解放双手
0.0°
2019-06-14 原创文章 经验/观点 举报 2322 1 2 0

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


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


本文纲要

规则切图

不规则切图

快速批量切图

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


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


1、规则切图


①选择切片工具

Image title


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


Image title


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


Image title


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


Image title



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



Image title


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


2、不规则切图


①选择切片工具;


Image title



②框选需要切的部分;


Image title


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


Image title



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


Image title


切片保存功能介绍:

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

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

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


3、快速批量切图


①下载安装插件-iDoc


官网下载地址:https://idoc.mockplus.cn/


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


Image title



③上传设计稿


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


④选择下载所有切图


Image title



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



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


Image title


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


Image title



Image title



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


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


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


文末推荐福利:


免费领取iDoc团队版:https://idoc.mockplus.cn

更新:2019-06-14

收藏

1人已收藏

mo311

一名PM,分享个人与设计(UI/UX等)相关的经验与教程。

  • 205

    作品

  • 271

    粉丝

  • 5

    关注

  • B端和C端产品设计有哪些差异?
  • 用户体验之如何设计一个完美的新手引导流程?(附带案例)
  • UI设计、交互设计、UI交互设计的联系和区别是什么?
  • 前方高能!15个外挂级别的设计插件, 助你效率逆天
相关标签

    猜你喜欢

      2019-06-14 原创文章 经验/观点 举报 2322 1 2 0

      还在一张张切图?PS快速切图新技能助你解放双手

      0.0°

      你确定要举报还在一张张切图?PS快速切图新技能助你解放双手

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年12月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录