你的位置:首页 > 软件开发 > 网页设计 > 前端工程师技能之photoshop巧用系列扩展篇——自动切图

前端工程师技能之photoshop巧用系列扩展篇——自动切图

发布时间:2016-07-10 12:00:10
×目录[1]初始设置 [2]自动切图前面的话  随着photoshop版本的不断升级,软件本身增加了很多新的功能,也为切图工作增加了很多的便利。photoshop最新的版本新增了自动切图功能,本文将详细介绍photoshop的这个新功能 初始设置  当然首 ...

前端工程师技能之photoshop巧用系列扩展篇——自动切图

×
目录
[1]初始设置 [2]自动切图

  【2】重启photoshop,在文件 -> 生成中,点击图像资源在文件 -> 生成中,点击图像资源

    [注意]只有在photoshop中有文件打开的情况下,该项才可以点击

前端工程师技能之photoshop巧用系列扩展篇——自动切图

jpg

  类似地,jpg格式图片也是如此切法。比如我们要把脚丫的图片切出来

前端工程师技能之photoshop巧用系列扩展篇——自动切图

2倍图

  如果我们需要适应视网膜屏幕,切出2倍图时,也可以使用自动切图的功能。只需要将其重命名为200% 图片名称 @2x.jpg就可以

  首先,我们先查看脚丫图片的尺寸是200*200,当我们将其设置为200% jy @2x.jpg5后,再查看脚丫图片的尺寸变成了400*400,也就是生成了2倍图

前端工程师技能之photoshop巧用系列扩展篇——自动切图

原标题:前端工程师技能之photoshop巧用系列扩展篇——自动切图

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。