随笔分类 -  PS技术

【原】PNG的使用技巧
摘要：Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢？如果你对这些问题有疑问，那么很开心的告诉你，这里有你需要的答案(*... 阅读全文
posted @ 2013-05-30 17:54 白树 阅读(15039) 评论(40) 推荐(17) 编辑
CSS3Ps -Photoshop图层特效转CSS3代码
摘要：推荐给大家一款免费PS扩展插件CSS3Ps，灰常好用，可以将Photoshop图层特效等效果直接转为CSS3代码，无需为了再浏览网页查询css3代码的写法，无需手动查看ps图层特殊的数据来编写css3代码，大大提升编写代码的效率，走过路过的同学不过错过哈！Come on，直接进去正题吧！！！下图为Photoshop CS5图层的混合选项菜单。有了CSS3Ps，上面的特效可以直接导出CSS3代码~以webkit浏览器为主的css3代码示例：圆角边框：-webkit-border-radius: 5px;模块阴影：-webkit-box-shadow: 1px 1px 1px rgba(0,0,0 阅读全文
posted @ 2013-03-09 14:30 白树 阅读(9200) 评论(6) 推荐(1) 编辑
【转】PNG的秘密—— 一淘前端分享会
摘要：PNG是我们经常使用的图片格式，但是你真的了解PNG吗？此次一淘前端分享会，一丝冰凉将带大家深入了解你不知道的PNG。首先有三个问题：什么是 PNG?PNG 有哪些特点?如何优化 PNG? Png的秘密 from jieorlin Png的秘密— 内容简介1. PNG 的秘密—— 你真的了解 PNG吗？ By一淘 UX 一丝冰凉 旺旺:yisibl2. 首先我们来看三个问题：◆什么是 PNG?◆PNG 有哪些特点?◆如何优化 PNG?3. 一、 什么是 PNG?◆全称是： 便携式网络图形（Portable Network Graphics） 是一种：无损位图图像文件格式◆PNG... 阅读全文
posted @ 2013-02-27 17:43 白树 阅读(2104) 评论(1) 推荐(0) 编辑
Linr PS toolkit（Photoshop开发人员辅助工具）
摘要：来自(vickey)的肖软件~github地址：https://github.com/Linrstudio/LinrPSToolkitLinr PS toolkit（Photoshop开发人员辅助工具）一键导图:快速输出选区为Web所用格式;若当前图层被锁定则只输出当前图层的当前选区; 快速获取信息... 阅读全文
posted @ 2013-01-30 11:28 白树 阅读(3037) 评论(4) 推荐(2) 编辑
【原】设计稿中字体pt与px之间的转化
摘要：通常，设计网页时，字体一般会使用像素（px）或者倍数（em）。某一天开始重构页面，用PS打开设计师给过来的稿子，开始切图，在查看文字时，发现字体大小是用pt来设置的，⊙﹏⊙b汗，如下图：为了解pt和px是如何转换的，百度后整理出来的资料如下：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。pt全 阅读全文
posted @ 2012-11-29 22:26 白树 阅读(9180) 评论(4) 推荐(3) 编辑

Copyright 2011- | 网站统计：腾讯分析