您现在的位置: 星云电脑教程 >> 图形设计 >> photoshop >> 正文

PS另类实用技巧辑:随意布局 轻松裁剪

星云电脑教程 文章来源:太平洋电脑网 作者:佚名 更新时间:2007-9-12 7:20:42 点击数有问必答

三、裁剪效果图

1、打开网页效果图,点裁剪工具,一般选择切片工具,这个时候鼠标就会变成裁纸刀的样子。如图4。

PS另类实用技巧辑(二):随意布局 轻松裁剪

2、为了裁剪的精确进行,在裁剪开始前按CTRL+R打开标尺,图象周围就会出现标尺为裁减提供参照。按照布局分布,对效果图进行裁剪。如图5。

PS另类实用技巧辑(二):随意布局 轻松裁剪

还需要注意的是,在裁剪效果图之前要确定好哪些地方需要进行预留,比方本效果图上的“草原部分”是预留给文字内容的,而旁边的“石板”是预留给文字标题的,这两个部分是要进行嵌入式框架处理的。

3、适当调整下各个切片之见的匹配问题,确认无误后,点菜单—文件—储存为Web所用格式。如图6。

PS另类实用技巧辑(二):随意布局 轻松裁剪

在之后的弹出对话框中,让选择图片质量。因为图片质量过高的话,影响网页的浏览速度;图片质量过低的话就会色彩失真影响美观。这里要点四联显示,PS会自动给出四种不同颜色,选择又不太大又没有明显失真的样式。图7上显示我们可以发现第2种是最符合网页图片要求的,所以在确认没问题后点“储存”选择好储存位置,会提示“储存的某些文件为包含拉丁字符,可能会与某些浏览器不兼容”不用管它,点确定。之后PS就自动生成了一个网页,网页的名字和效果图的名字一致。

PS另类实用技巧辑(二):随意布局 轻松裁剪

4、浏览器中的效果。如图8

PS另类实用技巧辑(二):随意布局 轻松裁剪

总结

有些朋友会问,在浏览器中的效果和效果图一致,为什么还要费劲将其裁剪呢?这是因为一张整的效果图大小可能在200K或更高,浏览器下载就会变慢,要知道访问速度太慢的网站是会被浏览者放弃的,所以要把整图裁剪成小块,加快下载速度;其次,网站是要进行更新的,根据布局裁剪在以后的更新过程中会很方便的。有时间的话,给大家带来一个网页效果图从布局创意到上传网站空间全过程的教程。

目前比较流行FLASH像册,固定的网页像册是不是不够时髦?下次,笔者将给大家带来DW的实用特辑,即使不懂FLASH知识,也能做出FLASH像册,敬请期待!

上一页  [1] [2] 

>>