美文网首页
1.1.3.1切图

1.1.3.1切图

作者: cooore | 来源:发表于2016-02-18 16:36 被阅读0次

切图之前

哪些是需要切出来的?

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

·图标、logo

·有特殊效果的按钮、文字等

·非纯色的背景

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

·Banner广告图片

·文章中的配图

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

修饰性的

PNG24(IE6不支持半透明)

PNG8

内容性的

一般存为JPG

切图

隐藏文字只留背景

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

·找到文字图层

·去掉眼睛图标

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

·矩形选框工具

·自由变换(Ctrl+T)

·使用移动工具+Alt+Shift

png24

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

·右键合并图层(Ctrl+E)

·再右键复制图层到新文件

 或直接拖至已有文件(新建:Ctrl+N)

png8

带背景切

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

·矩形选框工具选择内容

·魔棒工具去除多余部分

-从选区中减去:按住Alt

可平铺背景的切图

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

·复制粘贴到新文件中

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

切片工具

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

·拉参考线

·选择切片工具

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

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

相关文章

  • 1.1.3.1切图

    切图之前 哪些是需要切出来的? 修饰性的(一般用在background属性) ·图标、logo ·有特殊效果的按钮...

  • 第一章 需求实践现状分析

    1.1 软件项目失败的根源 需求对于软件项目的成败影响非常高。 1.1.3 需求相关败因简要分析 1.1.3.1 ...

  • 「前端眼中的PS」切图

    如何开始切图 切图 切片工具 隐藏文字 可平铺背景的切图方法 PNG24切图方法 PNG8带背景切图方法 切图 如...

  • 切图工的修养:切图方法、切图工具经验谈。

    Foreword: 作为一个职业的切图工,如何切好图,把图切快,是切图工的工匠精神体现。 切图规范: *游戏切图和...

  • 切图

    图片切图命名 图性质_ 功能相关描述_ 图片描述(可无)_ 状态说明(可无)@2X.png 例如:bg_book...

  • 切图

    切图是从设计稿中切出网页的素材并在代码中引入图片,一般用于复杂的图片或者为了解决兼容问题,并且能用css解决,尽量...

  • 001-BFC实现常见的oa后台页面布局

    作为一个高级切图仔,在日常工作中,我们的任务是什么?切图!切图!切图!······ 没错,除了切图,还会接受来自产...

  • 几种ps切图的方法

    ps切图分为传统切图,一般切图,自动切图 这个链接很好的介绍了一些切图的方法gaea2.github.io/201...

  • 切图细节——点九切图

    1. 适用范围 根据屏幕横竖屏或展示面积不定,但具有明显的重复延展性,因此切出具有特点的部分,将重复部分用代码完成...

  • 关于ui界面切图

    前言 很多圈友最近围在一圈讨论一个话题——切图。那什么是切图?切图对美术和程序有什么关系?怎么切图?切图有哪些方法...

网友评论

      本文标题:1.1.3.1切图

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