zoukankan      html  css  js  c++  java
  • 前端切图两种方法整理

    之前自己转账了一篇文章《切图 — Photoshop(转载)》,里面关于切图的工具、方法和读取的信息,已经写得很详细了。

    现在简单总结一下自己整理的两个切图的方法(个人觉得完全够用了)

    工具:Photoshop CC 2018

    方法一、传统切图:

    • 快捷键:C

    选择切片工具

     

    用切片工具在切出想要的切片

     

    存储切片

    • 路径:文件 - 导出 - 存储为Web所用格式
    • 快捷键:Ctrl + Shift + Alt + S
    • 保存选项:(可看上面转载文章)

    最后,保存选项,选择 “所有用户的切片”,切出来结果如下

     方法二、精准切图:

    比较喜欢这个方法,毕竟懒人方法,还精准,高效。

    有时候部分图片会加一些类似阴影的特效,手工切不太切得出效果,精准切图解决起来就很方便

    首先:

    打开 “编辑 - 首选项 - 增效工具” (Ctrl + K + 曾效工具) , 再 “启用生成器”

     

    再选择 “文件 - 生成 - 图像资源”

    最后,在准备生成切片的图层或组上,修改名称后缀。如下,原 “title” 文件改成 “title.png”

    就会在当前,视觉稿目录下生成一个“视觉稿名称-assets”的文件夹,里面就有“title.png”了。

     

     最后的最后,转载一下这篇文章《PS教程|自动生成图像资源终极指南》,后缀名可以控制图片格式(jpg、png、gif),图片质量(png24,jpg50%)等。

  • 相关阅读:
    网络相关配置
    RestTemplate 工具类以及拦截器配置打印调用日志
    Redis(2)九大数据类型及落地案例
    JUC(7)ThreadLocal
    JUC(5)原子类
    JUC(6)LockSupport
    JUC(4)Volatile
    JUC(3)Java内存模型JMM
    JUC(1)说说Java“锁”事
    JUC(2)线程中断机制
  • 原文地址:https://www.cnblogs.com/jaykoo/p/9877744.html
Copyright © 2011-2022 走看看