Photoshop教程：Photoshop切图的一些技巧-职坐标

Photoshop教程：Photoshop切图的一些技巧

小标 2018-05-04 来源：阅读 2973 评论 0

摘要：对于Photoshop教程来说，它的切图技巧是其中很重要的一部分，今天我们就来学习下到底有哪些技巧是值得让我们来使用的，便于我们在以后的工作生活中更好的运用。接下来就是讲解Photoshop教程的切图的一些技巧，希望对大家有所帮助。

Photoshop教程：Photoshop切图的一些技巧

对于Photoshop教程来说，它的切图技巧是其中很重要的一部分，今天我们就来学习下到底有哪些技巧是值得让我们来使用的，便于我们在以后的工作生活中更好的运用。接下来就是讲解Photoshop教程的切图的一些技巧，希望对大家有所帮助。

编辑–>首选项–>增效工具，启用生成器，如图：
文件–>生成–>勾选图像资源，如图

Photoshop教程：Photoshop切图的一些技巧

单击所要切的图，图层框会自动找到该图层（前提是你要把“移动工具”的相关功能选好，请参看左上角红色框）
2.改名字双击图层文字部分，然后就可以给了，输入相关后缀名如（png,jpg,svg）等。

Photoshop教程：Photoshop切图的一些技巧

在存放psd的文件夹里边新生成了一个文件夹，该文件夹里就存放了刚刚改名图层的png格式的图像如图：

Photoshop教程：Photoshop切图的一些技巧

ps cc还有一个好用的功能就是复制css

Photoshop教程：Photoshop切图的一些技巧

将复制的代码写进一个HTML页面上，就可以得到一个相应的图像
代码如下

 <!DOCTYPE html><html>
    <head>
    <style type="text/css">
       .ellipse {
            border-style: solid;
            border-width: 10px;
            border-color: rgb(214, 109, 146);
            border-radius: 50%;
            background-color: rgb(255, 255, 255);
            position: absolute;
            left: 755px;
            top: 521px;
            width: 13px;
            height: 13px;
            z-index: 46;
            }
      </style> 
    </head>
    <body>
    <div class="ellipse"></div>
    </body></html>

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注常用软件Photoshop频道！

电脑常用办公软件电脑常用软件介绍图像处理

本文由 @小标发布于职坐标。未经许可，禁止转载。