美文网首页
PS精准切图

PS精准切图

作者: 哪吒闹海全靠浪 | 来源:发表于2017-04-10 23:34 被阅读0次

方法1:计算机全自动运算切图(适用于图层较少的psd文件,如果图层较多,内容较复杂,那么就非常耗时)

>>> 点击菜单栏“文件”,然后点击“导出”,然后点击“将图层导出到文件”,然后勾选相应选项(将仅限可见图层、png24 裁剪、透明、交错都勾上),然后点击“运行”;

该方法的特点:会保留图片的阴影,将裁剪的图片命名为图层的名字。

方法2:半自动切图(适用于需求量小的切图操作)

>>>第一步:点击菜单栏中的“编辑”,然后点击“首选项”,然后点击“增效工具”,点击“启用生成器”,然后点击“确定”;(快捷键 ctrl +k )

>>> 第二步:点击菜单栏中的“文件”,然后点击“”生成“,然后点击“图像资源”。

>>> 第三步:首先选中要切的图片所在的图层,然后来到图层面板,双击图层名文字,在图层名后添加.png 或 .jpg;然后回车。

>>> 第四步:来到psd文件所在文件夹,打开以assets结尾的文件,即可看到相应的切图。

该方法的特点:能对图片进行优化。

使用该方法能够设置图片大小,图片品质。首先在文件名前键入200%,然后在文件名后,后缀前键入一个空格,然后键入 @2x,即可将图片放大两倍;如果要更改图片的品质,需要在文件名后缀后键入1-10的数字。

将图层中图片名字取消后,文件夹中的图片就消失了。

将图片保存为svg格式(矢量图格式),特点是图片能够根据网页大小自动进行缩放,而不失真,具体操作是直接将文件后缀改为svg就可以了,同文本编辑器打开即可看到其代码。

复制css

注意外部引入的智能对象ps是无法复制其css的。

>>> 点击菜单栏“图层”,点击“复制css”

相关文章

  • PS精准切图

    方法1:计算机全自动运算切图(适用于图层较少的psd文件,如果图层较多,内容较复杂,那么就非常耗时) >>> 点击...

  • PS如何精准切图

    一、自动切图

  • ps切图

    ps ps首选项设置 编辑 > 首选项 > 单位与标尺 > 把文字和标尺设置成像素单位 > 确定 放大图片:”CT...

  • ps切图

    按住ctrl鼠标左击图片上元素,右侧会高亮元素对应的图层 在图层上按住鼠标左键不放能拖动该图层到指定位置 多个图层...

  • ps切图

    1)清除参考线--- 视图->清除参考线 2)切图-----------图层->基于图层的切片1,使用切片工具Pa...

  • ps 切图

    本文以 PS CC 2015 为例 旨在熟悉简单的切图步骤,更为巧妙的切图技巧--请自行Google 搜索慕课网上...

  • PS切图

    ​ 因为网页美工大部分效果图都是利用 PS(Photoshop)来做的,所以以后我们大部分切图工作都是...

  • PS切图

    常用知识点 网页常用尺寸:1920px*1080px 快速使用工具栏工具的快捷键:先按Alt,菜单栏下部会出现短横...

  • PS切图

    除了用切片工具一个一个框起要切的部分进行分割,还可以使用参考线,使用参考线划分之后,会出现这样的按键 点击这个基于...

  • PS 切图

    一、安装和基本设置(二)界面设置: 视图:显现>智能参考线、标尺 窗口:设置四大常用选项卡:信息、字符、图层、历史...

网友评论

      本文标题:PS精准切图

      本文链接:https://www.haomeiwen.com/subject/eloeattx.html