关于Photoshop切图的一些技巧

最新推荐文章于 2022-11-06 22:20:22 发布

kitt15

最新推荐文章于 2022-11-06 22:20:22 发布

阅读量2.8k

点赞数

分类专栏： photoshop 文章标签： photoshop

本文链接：https://blog.csdn.net/qq_29729735/article/details/52825346

版权

photoshop 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近在慕课网上学了一些切图技巧，课程地址http://www.imooc.com/learn/506，在此总结分享一下。
第一步：获得素材，我在此网上获得http://sc.chinaz.com/tag_PSD/WangYeSheJi.html
第二步：打开ps，我用的是Photoshop CC 2015。
第三步：进行一些设置：
1.编辑–>首选项–>增效工具，启用生成器，如图：

2.文件–>生成–>勾选图像资源，如图
这里写图片描述

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

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

这里写图片描述

ps cc还有一个好用的功能就是复制css
这里写图片描述

将复制的代码写进一个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>

这里写图片描述

更多方法请移步到慕课网学习吧！

kitt15

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于Photoshop切图的一些技巧

第三步：进行一些设置： 1.编辑–>首选项–>增效工具，启
复制链接

扫一扫

专栏目录

关于Photoshop切图的一些技巧

“相关推荐”对你有帮助么？