散人研Blog
不学无术的前端工程师

Photoshop基础

前端PS技术 | 雪碧图

散人研阅读(187)评论(0)赞(0)

前面的话 前面已经介绍过,描述性图片最终要合并为雪碧图。本文是photoshop巧用系列第五篇——雪碧图 定义 css雪碧图(sprite)是一种网页图片应用处理方式,它允许将一个页面涉及到的所有零星图片都包含到一张大图中。使用雪碧图的处理...

前端PS技术 | 格式篇

散人研阅读(194)评论(0)赞(0)

前面的话 对于前端来说,图片格式是需要重要掌握的知识。本文是photoshop巧用系列第四篇——图片格式 图片格式 目前在前端的开发中常用的图片格式有jpg、png、gif,png分为png8和png24。最近svg格式也开始流行起来 gi...

前端PS技术 | 切图篇

散人研阅读(176)评论(0)赞(0)

前面的话 前端工程师除了使用photoshop进行测量之外,更重要的是要使用该软件进行切图。本文是photoshop巧用系列的第三篇——切图篇 切图信息 在网页制作中有哪些图片是需要被切出来的呢?主要分为两类,一类是修饰性图片,另一类是内容...

前端PS技术 | 测量篇

散人研阅读(352)评论(0)赞(1)

前面的话 前端工程师使用photoshop进行的大量工作实际上是测量。本文是photoshop巧用系列第二篇——测量篇 测量信息 在网页制作中需要使用photoshop测量的信息分为两类,分别是尺寸信息和颜色信息   【1】尺寸信息 尺寸信...

前端PS技术 | 准备篇

散人研阅读(144)评论(0)赞(0)

photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可。本文将开始photoshop巧用系列的第一篇——准备篇 。 作用 我们为什么要去切图呢?这就需要说到项目流程。一个完整...