• Photo Shop切图


    切图之前

    哪些是需要切出来的?


    修饰性的 (一般用在background属性)

    图标、logo

    有特殊效果的按钮  文字等

    非纯色的背景

    内容性的 (一般用在img标签)

    Banner、广告图片

    文章中的配图

    从服务器加载的图片不用 切图,只需要『占位』即可

    切出来的图片 存为哪种类型?


    修饰性的

    PNG24 (IE6不支持半透明)

    PNG8

    内容性的

    一般存为 JPG

    切图 · 隐藏文字只留背景


    若文字为独立图层,隐藏文字图层

    找到文字图层

    去掉眼睛图标

    若文字和背景合并,平铺背景覆盖文字

    矩形选框工具

    自由变换 ( Ctrl+T )

    使用移动工具 + Alt

    切图 · png24


    移动工具选中所需图层 (按住Ctrl 多选)

    右键合并图层 (Ctrl+E

    再右键复制图层到新文件,或直接拖至已有文件 (新建 : Ctrl+N)

    imageimageimage

    切图 . png8


    带背景切

    合并 (可见) 图层 (Shift + Ctrl +E

    矩形选框工具选择内容

    魔棒工具去除多余部分

               - 从选区中减去: 按住 Alt

    可平铺背景的切图


    主要针对css里面,background : repeat

    用矩形选框工具选取一块区域

    复制粘贴到新文件

    平铺内容充满文件的宽 (x轴) 或高 (y轴)

    切片工具


    适用于可以一刀切的活动页

    拉参考线

    选择切片工具

    点击 “基于参考线的切片”按钮

    保存(全选切片,统一设置存储格式)

     

    保存


    存储所需内容

    复制、       新建、     粘贴

    Ctrl+c     Ctrl+N    Ctrl+V

       ( or 拖动内容至新文件)

    存储为web 所用格式

    Alt+Shift+Ctrl+S

    image

    保存类型一


    当图片色彩丰富且无透明要求时

    建议保存为JPG格式并选择合适的品质

    品质,不要设置才能100,因为一旦设置成100,这就意味着图片没有任何压缩,这会导致图片相当大。

    保存类型二


    当图片色彩不太丰富时无论有无透明要求

    请保存为PNG8格式

    image

    保存类型三


    当图片有半透明要求

    请保存PNG24格式

    image

    保存类型四


    为保证图片质量

    保留一份PSD,在PSD上进行修改

  • 相关阅读:
    JS基础学习
    Java_iText_PDF—生成PDF工具
    vc++ 编译连接错误and解决方法
    C++ 数据类型【转】
    jsp两种include指令区别
    程序员面试宝典问题及解析
    vc++6.0快捷键
    vue动态绑定图片和背景图
    配置webpack中dev.env.js、prod.env.js,解决不同命令下项目启动和打包到指定的环境
    配置webpack中externals来减少打包后vendor.js的体积
  • 原文地址:https://www.cnblogs.com/qq-757617012/p/6039840.html
Copyright © 2020-2023  润新知