photoshop怎么切图

2025年03月01日 14:05
有5个网友回答
网友(1):

是要切片吗?是的话可以按下面的方法操作:

1、点击裁剪工具选择切片工具;  Ctrl  R调出标尺   拖出参考线

2、点击基于参考线切片

3、Ctrl  alt  shift  s(存储为web格式)

4、保存(保存默认成为一个单独的名为images的文件夹)

网友(2):

PS自带有切片工具,不过用起来比较麻烦,如果是交付UI设计稿,可以用摹客这样的免费在线切图工具,可以自动生成不同尺寸不同分辨率的切图,也支持切换不同的平台,对于设计师来说比较省时省力。
以下介绍用摹客的插件来完成photoshop切图的步骤:
1.在摹客官网下载安装摹客 PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。
2.登录后选择项目和分组。
3.选中百需要切图的画板、图层或编组,点击「标记切图」。
选中目标名称前出现“-e-”,「标记切图」选项变为「取消切图标记」,此时切图操作便完成了。(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)
4.点击倍率下拉框度,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× 。
5.点击「上传所选画板」或「上传全部画知板」,一键将设计稿上传至云端项目中。
6.点击「查看项目」打开设计稿,在“开发”模式中,即可一键下载选中切图或所有切图。

使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支道持自定切图尺寸和切图压缩,非常方便。

网友(3):

网友(4):

切图是指将一张完整的设计稿中部分元素或组件切出以便于制作成页面。
切图用于完成html+css布局的静态页面,有利于交互,形成良好的视觉感。
通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后前端开发用DIV+CSS完成静态页面书写,完成CSS布局。
以前都是手动切图特别浪费时间,而且常常要根据各种不同的格式一张图切好多次,现在有很多可以一键切图的软件,比如蓝湖。通过插件上传的时候标记一下就可以去web端直接下载各种格式的切图了,非常的省事和省时间。

网友(5):

您可以用切刀标注一下切图,然后上传到蓝湖就可以了~