Archive for February, 2010

HTML 5参考手册

HTML 5是下一代网页标准规范,已经有越来越多的浏览器支持HTML 5了,包括Firefox 3.5以上的版本,Google Chrome,Opera 10和Safari,唯独只有IE系列还没有动静。虽然说HTML 5目前还处于阶级阶段,全面普及有可能要到2020年。但是掌握先机总是有必要的,HTML 5的多个新特性足以使网页的交互能力大大提升。HTML 5中最大的特性就是支持video标签,可以插入视频,而不需要借助例如Flash或者Silverlight之类的插件技术。

尽管曾经还有一个与HTML 5同时在制定的标准XHTML 2,不过现在随着HTML 5的逐渐成熟,XHTML 2已经胎死腹中。两者有太多的交集,没有必要同时存在两种标准,所以W3C取消了XHTML 2的制定。所以,对于广大的设计师来说HTML 5将是今后的出路。如果你想要更为华丽的特效,那么可以采用Flash。

这份参考手册对HTML 5中的所有标签功能和用法都做了细致的说明,不过是英文的,如果英文不是太好的话就开着字典看吧。

html5 HTML 5参考手册

下载html5-cheat-sheet.pdf

比尔盖茨 鲍尔默 乔布斯和Google创始人卡通头像图标

比尔盖茨,史蒂夫鲍尔默,乔布斯和Google创始人在IT界可是呵呵有人的大人物。最近SoleilNeon收集了一套这些大大的卡通图标。这套图标为透明背景的PNG格式,分为256像素和512像素两种尺寸。可惜不是矢量格式的,要是矢量的话就更好了。

billgatesballmerjobsicon 比尔盖茨 鲍尔默 乔布斯和Google创始人卡通头像图标

下载

用JavaScript创建可折叠导航菜单

有时候为了避免页面上出现过多的元素可以将部分元素隐藏起来,等到需要的时候通过鼠标点击展开相应的元素。当导航菜单项目过多的时候就可以采用这种方法。

首先,需要创建HTML列表,代码如下:

Links

Read more »

Photoshop键盘快捷键对应图

Photoshop提供了大量的快捷键操作,掌握这些快捷键对于提升设计效率很有帮助。但问题是,那么多的快捷键怎么才能记住?实际上只要记住一些常用的就可以了,所以我推荐一个直接把快捷键写在键盘键位上的图片。普通的Photoshop快捷键介绍都是文字和快捷键介绍,不仅枯燥难懂,记起来还麻烦。这个看起来很直观,下面是一张预览。

Photoshop-Keyboard-Shortcuts

Photoshop Keyboard Shortcuts.jpg | Photoshop Keyboard Shortcuts.pdf

3款WordPress情人节主题下载

2010年的中国春节刚好和西方的情人节是一天,这么难得的日子应当好好庆祝一下。眼看还有几天情人节就快到了,所以搜集了3款WordPress情人节主题,提前给大家准备准备。有情人的庆祝情人节,没有情人的可以庆祝春节。看的顺眼的话可以留着明年接着用,哈哈。

Valentine Theme

wordpressvalentinethemevalentine 3款WordPress情人节主题下载

下载 | 演示

Read more »

5个特殊的动物字体

最近收集了几个相当特别的动物字体。这些字体不包含传统的字母,而是一些动物形状,有点像是Windows中自带的Wedding字体。

Horses

animalfonts1 5个特殊的动物字体

下载

Cats vs Dogs

animalfonts2 5个特殊的动物字体

下载

Read more »

关于Photoshop中的智能对象的介绍

从Photoshop CS2版本开始起就包含了一个重大的新功能,智能对象。那么这个智能对象到底有多么智能?就来做个比较吧。

以这张图为例,我在Photoshop中分别使用传统方法和智能对象旋转一圈,每次旋转10度,录制为动作之后重复播放,所以旋转一圈需要36次。

photoshoprotationorigin 关于Photoshop中的智能对象的介绍

下面来看看传统方法将一个普通图层分为了10度为阶梯,总共旋转一圈360度之后的效果。

Read more »

在Photoshop中用调整图层调整图像

这个文章的标题看起来有点怪,我也想不出更合适的词汇了。一般在Photoshop中对图像进行色彩方面的处理的话都是直接用菜单命令,其实在Photoshop中有个更好用的调整图层。

调整图层和用图像菜单中的调整子菜单里面的各个功能的区别在于,调整图层会新建一个图层,所以不会对原始像素进行修改,而且既然是图层,那么就可以通过图层面板中的小眼睛把它隐藏,还能够添加图层蒙版控制调整图层的影响范围。而用菜单命令的话就会改变图像中的像素信息,而且没有办法还原,除非使用撤销或者历史纪录。

另外一点区别在于调整图层对下方的所有图层都起效果,而菜单命令只对当前选中的图层其效果,无法将效果应用到多个图层上,除非将多个图层合并之后再进行调整。

在Photoshop图像->调整菜单中的项目基本上在调整菜单中都能找到。创建一个新的调整图层只要在图层面板下方选择中间的那个按钮,然后选择需要的调整功能,比如,亮度/对比度,色阶,曲线。

Read more »

花费一个星期完成了一幅新作

因为考完试了,所以就有时间开始研究自己感兴趣的东西,也有时间做图了。之前在去年秋天的时候就想到了一个创意,可是没有时间做,于是就把想法花在纸上了,前几天一考完试就翻出来开始在电脑上制作。前前后后一共花费了一个星期左右的时间完成了这幅图片。

做这张图片的时候就想到要够大够清晰,所以就把尺寸定在了6400×4000像素。但是随着内容越来越多,文件越来越大,4G内存都显得有些吃力了。不知道为什么,去年夏天做过一张尺寸更大的图片也没有像这次这么耗硬件资源。

虽然不是第一次做图,但是还不够成熟。有些地方还待改进,总的来说对这张图还是挺满意的。这幅图将会稍加改动作为www.soleilneon.com的背景。

SoleilNeonWallpaperwithAdobessmall 花费一个星期完成了一幅新作