
2、在左侧的工具栏中,找到第5个工具,选择“切片工具”。
3、按住鼠标左键拉取一个矩形框来获取切图的位置,完成后会出现一个橙色边框,右键“编辑切片”,设置好名称和其他信息,点击“确定”。
4、按住“ctrl+shift+alt+S”键进行保存切片,点击“储存”。选择保存位置,输入名称,把格式改为“仅限图像”,切片设置为“所有用户切片”。
5、点击“保存”,返回桌面,点开“images”文件夹即可看到用ps切出来的了。
PS自带有切片工具,不过用起来比较麻烦,如果是交付UI设计稿,可以用摹客这样的免费在线切图工具,可以自动生成不同尺寸不同分辨率的切图,也支持切换不同的平台,对于设计师来说比较省时省力。
以下介绍用摹客的插件来完成photoshop切图的步骤:
1在摹客官网下载安装摹客 PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。
2登录后选择项目和分组。
3选中百需要切图的画板、图层或编组,点击「标记切图」。
选中目标名称前出现“-e-”,「标记切图」选项变为「取消切图标记」,此时切图 *** 作便完成了。(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)
4点击倍率下拉框度,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px1334px的设计稿对应 @2× 。
5点击「上传所选画板」或「上传全部画知板」,一键将设计稿上传至云端项目中。
6点击「查看项目」打开设计稿,在“开发”模式中,即可一键下载选中切图或所有切图。
使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支道持自定切图尺寸和切图压缩,非常方便。
在使用PS应用编辑照片时,可以使用切片工具,将分成几部分。那么切片工具怎么用,下面演示 *** 作步骤。
1、首先打开电脑PS应用,通过Ctrl+O,双击需要编辑的打开。
2、打开后,右键点击裁剪工具的图标,选择切片工具。
3、选择后,在上右键点击选择划分切片。
4、之后,选择划分的切片的方向及数量,点击确定。
5、接下来,按下Ctrl+Shift+Alt+A,点击存储的选项即可。存储后,即可将切分为几部分。
ps如何用参考线切图方法:1、启动PS软件,双击界面空白处,打开将做切图的;
2、参考线的快捷键是Ctrl加R组合键,调出参考线的界面;
3、使用鼠标点击图上的空白处,按住不放手拖动鼠标,出现一条条参考线;
4、参考线的位置即要做切图的临界线,须按个人需要拖动;
5、拉好参考线,点击裁剪工具下方的小三角扩展功能,选择切图工具;
6、点击基于参考线的切图工具即可一键切图。1打开photoshop,将素材拖入photoshop中。
2接下来从工具栏中调出切片工具
3鼠标在右击画布上的,d出右键菜单,在点-“划分切片”
4d出划分切片的对话框,就按自己实际要求来切片,比如你把切成四等分的,那么分别勾选为:水平划分为与垂直划分为,并且设置参数为2。
在PS *** 作中,PS制作淘宝详情页及如何切图。
电脑:华为MateBook14
系统:Windows10
软件:ps10
1、用PS打开淘宝详情页。
2、用标尺将每个需要切片的隔开。
3、标尺全部标注完成。
4、点击使用切片工具
5、将全部切出。
6、点击文件→导出→储存为web所用格式
7、点击储存
8、设置一下保存位置以及文件名称和格式,最后点击确定即可。
9、进入刚刚保存的文件夹,就可以看见导出的切片了,还可以在网页上点击观看详情页。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)