menu

PNG的压缩和优化

有关PNG的压缩和优化的主题其实也算是前端相当常见的部分,只是当前端把大把大把的时间和精力放在代码上面的时候,往往总是忽视对于图片的很多效果立竿见影的优化,而之所以这里主要说的是PNG,是因为相比JPG和GIF,PNG有更多压缩的空间。

写此文的契机是前端时间正好回顾了一篇 sitepoint 上的老文,《PNG8 – The Clear Winner》,主要讲述如何使用fireworks创建和利用PNG8的半透明,并兼容老浏览器如IE6-。虽然这篇文章和本文并没有任何关系,却让我回想起一些渐渐被遗忘的知识,作为一个coder的不断coding中渐渐忽视的问题——PNG压缩。

压缩过程毫无技术性,使用诸如 PngOptimizer 或者 PNGOUT 等工具可以轻而易举地将Photoshop、Fireworks生成的PNG图像继续缩小。我几乎总是使用 PNGOUT,原因是使用过各种工具比较得出的结论——PNGOUT生成的文件几乎总是最小的。所以之后的讨论也是以PNGOUT作为基准的

Read more... »

美工生活的终结

有多久没有用过Photoshop了呢?一年,或许更久。然后我又开始回顾些过往的幼稚的记录,怀念些过往的莫名的热情,觉得那时自己的生活状态真是不错啊,呵呵。

感觉现在的人多少都会些PS,就好像是个男的都就会装电脑一样。技术变得普遍和廉价,老一辈牛人辈出的时代就这样过去了,就像经典论坛里的PS区,如今只剩下死气沉沉的过往的为数众多的参考资料,以及不时出现的新人的常见问题。贴数寥寥,好大一半还是挖坟贴…

翻遍了电脑,却居然只有一张切楼的图。原来自己把绝大部分的图像处理时间花在了恶搞同学那了:) 。回过头再来看看这张自己切的图,问题还真不少。首先是透视有点问题,那是因为移动的时候没有做透视形变。然后天空换掉了,大楼上的倒影却没有跟上。最后,虽然考虑到了手的反射,但是角度却有点问题。总的来说,虽然把自己的手给整进去了,一年多前的思考,还是不够周全。

Read more... »

化石鱼 金属效果和材质

原文由Adam Smith发表于advanced photoshop magazine,可以在这本杂志的第33期的第33页找到英文的原版。由于在这类文章里比起学习技术,更多的还是在学习思路,加之原文的冗长,所以和那篇切楼一样,我仍然只是写我理解的主要思路。原文标题《metal effects and textures》,即金属效果和材质。

此文我翻译后最早发布在这里
最终效果图:

Read more... »

切割大楼

有时也会翻译一些PS的非常赞的教材,但因为忙可能只是复述了大体的思路。切割大楼这篇文章是我早期翻译的可操作性很强的文章。现在也把这篇文章搬回博客。

原文出自Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe Photoshop professionals》的同名文章。Advanced Photoshop是一本很不错的杂志(虽然现在这本杂志好像没以前好看了),现在也还可以从VeryCD上断断续续地下载到。虽然我很喜欢原文翻译,但是这篇原文实在太冗长了。最后只是复述了整个过程。

最终效果图:

Read more... »

FW字体修改

几乎从来不用fireworks,因为ps用久了太顺手。但是FW的一些功能还是很方便和实用,非常吸引人。比如字体的修改,在比如切图也比ps更加方便。
以前在参考了这里后,我也尝试着修改出自己想要的那种风格,刚毅而古板。

Read more... »

再见了,3DsMax和Maya

这里,既是一个怀念,也是一个告别。

Read more... »