切图技巧

简介: 切图前的准备设置好显示的窗口,需要显示以下几个:字符、段落、属性、信息、历史记录、图层,其他的一律不要,如下图勾选自动选择,然后选择图层,点击某个图标时会自动定位到图层,如下图快捷键V-移动工具M-矩...

切图前的准备

  1. 设置好显示的窗口,需要显示以下几个:字符、段落、属性、信息、历史记录、图层,其他的一律不要,如下图


    img_a43812638390b2525e0ab3aad2399b89.png
  2. 勾选自动选择,然后选择图层,点击某个图标时会自动定位到图层,如下图


    img_3c6561f5fbed3c742a5fa442c0718652.png
  3. 快捷键

  • V-移动工具
  • M-矩形选择工具
  • Z-放大
  • Z、options缩小
  • C-切片工具
  1. 切图
  • 对于一整排的可以拉参考线
  • 按住option可以复制切片
  • 按住cmd+shift可以选择多个切片
  1. 保存
    文件-存储为web所用格式,在弹出的页面中按shift键选中你要导出的图片,选择png-2,如下图


    img_fe3949a9659c838c04c7aa2c8be1983e.png
    image.png

    点击存储,在弹出的页面中选择选中的切片,如下图


    img_d8405138453d5abe10a71de7048f2ab7.png
    image.png
  2. 切单个图标

  • 先确定你要切的图标由几个部分组成,然后右键-转换为智能对象,如下图


    img_cdee2fb349cbfd2bca0bd9660fde7404.png
    image.png
  • 再右键-编辑内容,图标就出来了,然后按cmd+shift+s保存为png格式的图片就可以了


    img_ebdd47c8d4ab5b2189e727062f736f3e.png
    image.png
目录
相关文章
|
4月前
|
人工智能 搜索推荐 定位技术
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
|
9月前
Photoshop制作漂亮白色荧光文字图片
Photoshop制作漂亮白色荧光文字图片
45 0
|
9月前
Photoshop制作简洁清新的插画海报图片
Photoshop制作简洁清新的插画海报图片
47 0
|
前端开发 JavaScript
创意代码之图片悬停效果
自己也想写一个类似这种的特效,就是鼠标放图片上时图片会悬停,就是那种戳一下动一下的效果,本文会先分解实现的步骤,使用到知识点都会有案例,那么我们开始吧。
200 0
创意代码之图片悬停效果
|
C#
【C#/WPF】图片的切割/切图/裁剪图片
原文:【C#/WPF】图片的切割/切图/裁剪图片 前台准备两个Image控件。上面是显示原图,下面显示切割后的效果。 对应的后台代码: public par...
2116 0
|
JavaScript
酷炫的SVG 动态图标
原文:酷炫的SVG 动态图标                                                                      在  loading.io 上能看到好多效果惊艳的loading图标。
2168 0