网页设计师是一群非常善变最新的人,总是希望尝试更新的设计理念,那么这篇文章将使你受益匪浅。Smashing Magazine 花费几个月的时间研究编写的2009 年 Web 设计风格与潮流,Smashing Magazine 的编辑们对当前流行的大量 Web 设计风格进行分析,总结出那些可能在 2009 年风行的潮流。
文章包括新的设计元素,新的图形方式,并给出大量的漂亮的示例。这是第一部分10个潮流,第二部分15个潮流将于下周推出。
接下来让我们来预测一下2009年的网页设计趋势:
1. Letterpress 凸版效果
在我们的观察中,一个意料之外的趋势是,凸版效果(Letterpress,也就是我们的篆刻中的阴文效果)。这样的趋势,可能是因为一个简单的原因,因为这个技术很少被人使用。我们发现这种技术通过不同的样式应用在不同的网站上,多位在线服务网站。

相信不少主机的404都是状态结果200的
经过研究证明,这样的网站会被停止收录,并且降权,严重的会被拔毛!(GG影响不大,百度会被降权K掉!)
各位朋友赶紧查查,我有点晕了!
404状态检测地址:http://www.seochat.com/seo-tools/redirect-check/
相关内容如下,必须引起高度重视!
上一期介绍用photoshop添加简单边框的方法,而photoshop还有专门制作边框的插件和滤镜,你也可以下载一个试试,具体自己到网上搜索一下。另外很多朋友也喜欢把EXIF参数也写在边框上,以方便别的朋友欣赏照片时了解其拍摄参数。
photoshop功能强大, 但这一样东西却很不方便。下面将介绍通过脚本实现类似功能的方法。
这个脚本出处已不可考,因为原来的脚本是直接加上边框和签名还有EXIF,而且对于添加的文字位置以及大小等控制不大方便,本人做了一此修改,成为只具体添加EXIF参数的脚本。
使用的时候,应该先加好边框和签名,然后再调用脚本。照片大小不同和边框类型不同,对EXIF参数字型字号和位置要求也不同,所以使用的时候可根据需要自己对参数进行修改。当然对比较常用的也可以多保存成不同名字的脚本直接调用,而不用每次都修改。
脚本适用CS2中英文版,本人在9.0 CS2试用正常。
将后面的代码拷入记事本,选择菜单“文件-保存或另存为”,
将文件存到“C:\Program Files\Adobe\Photoshop CS\预置\脚本”目录中(根据实际安装位置),
文件名可以输入中文,如“图片加框和EXIF信息.js”等,在编码栏里选unicode,
使用:在Photoshop CS菜单中选择:文件-〉脚本,就可以看到相应的菜单项了。
代码:
//—
//在Photoshop CS中文版中加框和EXIF信息
//将自己需要修改的部分作详细说明,以便于各位自己修改
displayDialogs = DialogModes.NO;
var defaultRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
function explodeArray(item,delimiter) {
tempArray=new Array(1);
var Count=0;
var tempString=new String(item);
while (tempString.indexOf(delimiter)>0) {
tempArray[Count]=tempString.substr(0,tempString.indexOf(delimiter));
tempString=tempString.substr(tempString.indexOf(delimiter)+1,tempString.length-tempString.indexOf(delimiter)+1);
Count=Count+1;
}
tempArray[Count]=tempString;
return tempArray;
}
var AD = activeDocument;
var resRatio = AD.resolution/72;
if(resRatio!=1){
AD.resizeImage(AD.width.value,AD.height.value,72);
}
var heightVar = AD.height.value+2;
var photoWidth = AD.width.value;
var photoHight = AD.height.value;
//获取EXIF信息,注意相关参数的具体位置
var exifData = AD.info.exif.toString();
explodeArray(exifData,”,”);
var stringTemp=”";
var make=”";
var camera=”";
var focLength=”";
var expTime=”";
var lensUsed=”";
var ISONum=”";
var dateTime=”";
var Lens=”";
var psVersion=0;
//判别Photoshop CS是中文版还是英文版
for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];
if(stringTemp.indexOf(”Make”)!=-1){
psVersion=1;
}
break;
}
if(psVersion == 0)
{
//—————————————————————-
//Photoshop CS中文版使用以下部分获取EXIF信息
for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];
//————————————————-
//对于有的相机型号不包括制造商部分,请使用以下3行代替下面的相机型号部分
//if(tempArray[n]==”EXIF tag 10027″){
//make=tempArray[n-3];
//}
//相机型号
if(tempArray[n]==”EXIF tag 10027″){
camera=make+tempArray[n-1];
}
//快门速度和光圈大小
if(tempArray[n]==”EXIF tag 13343″){
expTime = tempArray[n-1];
lensUsed = tempArray[n+1];
}
//ISO设置
if(stringTemp.indexOf(”EXIF tag 13485″)!=-1){
ISONum = “, ISO:” + tempArray[n+1];
}
//拍摄日期、时间
if(tempArray[n]==”EXIF tag 13686″){
dateTime = tempArray[n+1];
}
//使用的焦距
if(tempArray[n]==”EXIF tag 13738″){
focLength = tempArray[n+1];
}
}
}
else
{
//Photoshop CS英文版使用以下部分获取EXIF信息
for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];
//———————————————-
//对于有的相机型号不包括制造商部分,请增加以下3行
//if(stringTemp.indexOf(”Make”)!=-1){
//make = tempArray[n+1];
//}
//相机型号
if(stringTemp.indexOf(”Model”)!=-1){
camera = make+tempArray[n+1];
}
//光圈大小
if(stringTemp.indexOf(”F-Stop”)!=-1){
var lensUsed = tempArray[n+1];
}
//快门速度
if(stringTemp.indexOf(”Exposure Time”)!=-1){
expTime = tempArray[n+1];
}
//ISO设置
if(stringTemp.indexOf(”ISO Speed Ratings”)!=-1){
ISONum = “, ISO “+tempArray[n+1];
}
//拍摄日期、时间
if(stringTemp.indexOf(”Date Time Original”)!=-1){
dateTime = tempArray[n+1];
}
//使用焦距
if(tempArray[n]==”Focal Length”){
focLength=tempArray[n+1];
}
}
}
//改变日期格式
var dateArray1 = dateTime.split(” “);
if(psVersion == 0)
{
//Photoshop CS中文版使用以下两行
var phoDate = dateArray1[1];
var phoTime = dateArray1[2];
}
else
{
//Photoshop CS英文版使用以下两行
var phoDate = dateArray1[0];
var phoTime = dateArray1[1];
}
var dateArray2 = phoDate.split(”:”);
var monthsArray =["January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"];
phoDate = monthsArray[dateArray2[1]-1]+” “+dateArray2[2]+” “+dateArray2[0];
//——————————————————–
//你有什么镜头,就根据镜头和最大焦距改吧
//要是焦段重叠也没法玩,还是比较一下吧
var focLength1=parseInt(focLength);
if(focLength1>=17 && focLength1<=40){
Lens = “Canon 17-40mm F4L USM”;
}
if(focLength1>=70 && focLength1<=200){
Lens = “Canon 70-200mm F4L USM”;
}
if(focLength1==”85″){
Lens = “Canon 85mm F1.8 USM”;
}
if(focLength1==”100″){
Lens = “Canon Macro 100mm F2.8 USM”;
}
//——————————————————–
//定义黑色,你也可以定义其他颜色哟
var black = new SolidColor();
black.rgb.red = black.rgb.green = black.rgb.blue = 0;
//定义白色,你也可以定义其他颜色哟
var white = new SolidColor();
white.rgb.red = white.rgb.green = white.rgb.blue = 255;
//定义蓝色,你也可以定义其他颜色哟
var blue = new SolidColor();
blue.rgb.red = 0; blue.rgb.green = 0; blue.rgb.blue = 255;
//标字和参数
var infoLayer = AD.artLayers.add();
infoLayer.kind = LayerKind.TEXT;
var TI = infoLayer.textItem;
//右对齐,如果左对齐可以省略下面这行
//TI.justification = Justification.RIGHT;
//标字的位置 (左边距,底边距)
TI.position = [10,photoHight-28];
//显示:相机型号,镜头,焦距,曝光时间,光圈,ISO设置等
TI.contents =camera+”, “+Lens+” @”+focLength+”,”+expTime+”,”+lensUsed+ISONum ;
//字体、字号、颜色等
TI.font = “System”;
TI.size = 12;
TI.color = blue;
var info2Layer = AD.artLayers.add();
info2Layer.kind = LayerKind.TEXT;
var TI = info2Layer.textItem;
//显示:拍摄日期及时间等 ,当然你也可以加上网址等信息
TI.position = [10,photoHight-10];
TI.contents =” Date/Time: “+phoDate+” “+phoTime + “ Http://blog.zol.com.cn/eyoungsky” ;
//字体、字号、颜色等
TI.font = “System”;
TI.size = 12;
TI.color = blue;
//如果为白框,字体为黑色
//TI.color = black;
//AD.flatten();
//上一行为拼合图像,
//—
修改代码时注意,//表示本行后面的内容是注释,对不需要的功能只需在该行前加上//就可以,而要使用原来取消的功能,就将其实前面的//删掉,其它的都有说明。
上一节介绍了使用光影魔术手给照片加边框的方法, 曾有朋友问过在photoshop中要怎么加呢?
因为主要是写的后期入门, 本打算只讲方便易用的光影, photoshop部分不怎么讲的(呵呵,其实我很多也不会),既然有朋友问到了,那么也介绍一下吧。当然,用photoshop也可以做出非常漂亮的边框,而且如果把做的动作录制下来,下一次再加边框时直接调用也很方便。
因为我很少用photoshop,下面只讲一下比较简单的方法:
1、第一层扩边:把需要的处理都做完后,最后再加边框,本例照片大小设为800X600(不同大小加的边框大小不同),点击菜单的图像-画布大小;
2、画布扩展颜色使用白色,将宽度与高度分别设为4像素(即每一边扩大2像素),注意勾上“相对”的选框,点确定。
3、第二层扩边:继续点击菜单的图像-画布大小,扩展颜色选黑色,宽度与高度为2像素:
4、第三层扩边:扩展颜色重新选为白色,宽度与高度为0.8厘米:
5、第四层扩边:宽度为0,高度1厘米,定位如下图设置:
6、到上面一步做完,边框就加好了,然后我们可以加上自己的LOGO或文字说明,并对图层进行美化;
7、OK,边框加好了,看看效果怎么样。
当然,你完全可以按自己喜好设定边框的参数,也不用完全按上面的步骤做,其实上面讲的只是一个普通的例子,只要知道了方法,做起来很简单。
像下面这个,就是稍做改变做出来的,感觉也不错吧。
然后,可能有的朋友更喜欢用花纹填充的边框,那么该怎么做呢?可以试试下面的方法:
1、做完上面的第5步之后,也就是要写上LOGO之前,选择魔术棒工具,容差设为1,在下面白色边框处点击进行选择;
2、选择菜单的编辑-填充;
3、在填充对话框中选择图案;
4、 从自定义图案中选择一个你所喜欢的花纹,再点确定;
5、这样就OK了,然后我们再来加上LOGO。下面完成后的样子,当然,还可以继续在外面按上面的方法再加几层边框。
最后,可能有些朋友感觉会有些美中不足,因为不能像光影魔术手那样很方便的那EXIF信息添加到照片边框上,那么你再看看下面这一张,想知道是怎样做到的吗?呵呵,等下一节再介绍吧。
大家都看过不少照片配有边框,同时上面还有注明拍照参数,可能会羡慕这是怎么弄上去的吧。其实用光影给照片加上边框,是最简单方便了,而且你还可以自己设计自己喜欢的风格独特的边框。
一个好的边框可以令照片增色不少,当然所谓的好,不单单指漂亮的边框,而是指边框的款式设计、色彩、线条、大小、文字等要与照片内容及色调和谐统一,相得益彰。而边框加得不当,则会破坏照片的画面气氛,令效果打了折扣。
所以边框也是一把双刃剑,怎么应用好,就要看你的赏美能力了。以前我也很喜欢加边框,特别喜欢黑色大边框,看看下面两张照片,我自己感觉拍得算是比较不错的了,画面也比较细致,色彩也很鲜艳,但是有没什么问题呢?
呵呵,估计你也猜到了,没错,就是边框。黑色大边框太厚重了,也比较沉闷,影响了画面明快的感觉。当初我也没注意到,是朋友说了才发觉确实如此。所以我现在也比较少用边框,主要也还是把握不很好,怕加了还影响画面,如果加了对照片没增色作用,那还不如不加。
当然,这里还是要讲讲加相框的方法的,当然可能也有不少朋友已经会用边框了。至于怎么样才能加出好效果,就要靠大家多体验了,呵呵。
光影魔术手提供了多种轻松边框、花样边框、撕边边框和多图边框等多种样式,同时也可以下载和自己制作边框,对自己制作的漂亮边框还能上传到网络与朋友们分享。
通过打开菜单上的工具,或直接点工具栏上的边框旁的小三角打开下拉菜单,就可以选择要使用的边框功能。
1、轻松边框
轻松边框有内置边框和外挂边框两个选项,内置的就是软件自己提供的,外挂边框则是下载或自己制作的。外挂边框选项卡上有边框工厂按钮,可以自己制作边框,这方面内容下节再讲。
内置边框有个边框文字设定按钮,点击可以对附加文字进行设置。
下面是两张使用轻松边框的效果图。
对于第一张,当论坛或网页背景不是白色时效果就不大好了,而第二张的EXIT参数印在画面上了,我个人是比较不喜欢的,因为造成了破坏。另外轻松边框内置款式比较少,所以我们可以使用花样边框。
2、花样边框:
花样边框有一个下拉菜单,一般开始的是“我的最爱”,它相当一个快捷方式,你可以把其它边框集合里喜欢的边框添加到“我的最爱”,也可以把它从“我的最爱”里删除。
选择一款边框,右击弹出菜单,可以对边框文字进行设定,其功能比轻松边框里大多了。可以分别设定多个标签及在画面中的位置。
在其它集合里点右键弹出的菜单稍有不同。
3、撕边边框:
主要用来添加艺术效果的,但没有边框文字功能,具体设置可自己尝试。
4、多图边框:
主要用来制作相册用的,用法也很简单,就不详细写了。
呵呵,上面的这个边框我很喜欢,可惜文字没办法改,和内容配合不好。不过这里只是做一个例子,无所谓了。
photoshop中提供了多种锐化工具,简单的“锐化”不是我们需要的,“进一步锐化”也只是比锐化更进一步而已。而USM锐化才是我们比较常用的,几乎是一个万能的工具。点击菜单上的“滤镜-》锐化-》USM锐化”就可以打开对话框,我们可以看到,USM滤镜提供了三种控制参数:
数量:控制锐化效果的强度。对于一般的处理,数量设置在150是比较合适的,然后再根据需要作适当的调节。数量值过大图像会变得虚假。
半径:用来决定作边沿强调的像素点的宽度。如果半径值为1,则从亮到暗的整个宽度是两个像素,如果半径值为2,则整个宽度为4,也就是两边各有两个像素点。半径越大,细节差别越清晰,但同时会产生光晕。一般来说不要超过2。
阀值:决定多大反差的相邻像素边界可以补锐化处理,而低于此反差值的就不作锐化。正确设置可以使图像既保持平滑的自然色调(如纯蓝的天空),又可以对变化细节的反差作出强调。一般推荐值为3-4。
一般来说,对于比较柔和的主体(如花、小狗、人、彩虹等)使用150/1/10; 对于近景人像,常用的参数是75/2/3,这样不会使眼睛显得太突出,在头发内产生高光;对于有大量细节的风光照片来说,适合200/2/2参数。如果需要批量处理,可设为80/2/4。
当然,这也不是一成不变的配置,你还得根据自己片子的实际情况和自己的需要去设置锐化调整参数。
上面说的只是普通使用USM锐化的方法,要得到更好的锐化效果,可以使用Lab锐化法。由于Lab通道分为明度、a、b三个通道,明度通道仅包含图片的明暗信息,ab通道包含图片的彩色信息,我们仅对明度通道进行锐化,因此能避免在多次USM锐化时所产生的色晕,是许多专业摄影师常用的锐化技术。
Lab锐化法:
1、将图像模式转换为Lab颜色;
2、在通道在选择明度通道(L通道)
3、进行USM锐化;
4、再将图像模式转回RGB颜色。
下面分别是原图、普通USM锐化效果图、Lab锐化效果图比较以及放大300%细节比较。
本期介绍一下有关锐化的技巧。
锐化是数码相片后期一个很重要的步骤,它能使照片更清晰和锐利。有些相机可以在拍摄的时候设置锐利度,或者锐化程度。我们知道,尼康的相机出片比较锐,佳能比较软,这是因为相机内部处理风格的不同。当然,即使把有关锐化设置都关闭,也可能因为内部算法及镜头和低通滤镜的影响,不同相机出片的锐利度还是不一样的。
除了一些需要营造朦胧或柔美艺术效果的照片,我们认为照片还是越清晰越好的。这就涉及一个问题,是在相机内部设置锐化呢,还是后期在电脑上进行锐化?
答案是肯定的,当然是电脑上锐化效果好。因为相机内的锐化也是一种后期,而且是不可逆的,一旦过锐了就无法挽回。而在电脑上做锐化,不仅可以调节多种参数,使用多种方法,效果不满意时也可以重新恢复。另外我相信电脑软件的处理算法肯定比相机内部处理器要强大得多。
锐化的原则:
1、锐化永远是后期处理的最后一步(如果你要加相框的话,那应该是倒数第二步,呵呵)。锐化前应该完成所有的图像修改和调整,比如对比度、颜色、阴影/高光等等。如果锐化后再调整图像将会显著恶化整体像质。
2、宁愿多次锐化,也不要一次锐化过多。这个具体原因我也说不上,但高手都是这么说的,当然,锐化太多次也不好,一般不超过两三次左右。
3、宁可锐化不足,也不要锐化过度。锐化过度会产生色斑和白边,别人一看就知道你是菜鸟。而锐化不足,呵呵,你可以说是器材不够好,拍的照片不够锐。
光影魔术手的锐化方法:
我比较喜欢用精细锐化:
1、打开照片,选择菜单的“效果-》模糊与锐化-》精细锐化”
2、拉动滑块调节锐化效果,个人感觉一般在60-150左右,太多了也不好。
3、比较锐化前后和过锐的效果:
photoshop功能更强大,其中USM锐化滤镜应该是Photoshop里最强大、最灵活的锐化工具,用好USM是后期锐化的关键。下一节再说说USM的技巧。

































































