站长常用的PS技巧

2014年-05月-23日

我们平常做网站经常需要处理各种图片,在工具的选择上PS肯定是不二的选择了,在网站制作过程中,用的最多的就是图片的裁切与批量处理。
 
处理网站图片需要注意以下几点:

1,采用ctrl+shift+alt+s 而不是直接的ctrl+shift+s 这样导出的体积更小更适合网络传播。
 
至于格式就看具体的使用场景了,gif动态,png透明,jpg为普通格式,注意png需选择png-24否则在某些环境下浏览会惨不忍睹。
某些时候因为电脑配置及图片大小的原因,会出现内存相关的提示,直接忽略点“是”即可。



然后我们将文件存储为我们需要的web格式,在此步骤可以调节图片格式、品质、分辨率,等等相关信息。



1,大图裁切成小图。
 
很多时候我们作图,因为要考虑整个图片的效果,都需要做成大图方便预览,但是做好后,要是直接导出一整张放到网站上的话会不利于传播,这样就需要用到图片的裁切,将图片裁切成我们需要的大小,也可以直接划分成份数软件自动裁切,我们只需要导出然后按顺序传上去即可。
这里用到的功能是PS的切片工具



接下来首先拖动鼠标左键选择整张图,然后点右键,划分切片即可



同样我们也需要用ctrl+shift+alt+s输出,软件会将图片切割成我们需要的份数,并连贯命名


3,图片批量处理
 
对于产品缩略图,以及内容描述里面的图片,尺寸一般都是固定的,要是数量太多的话也是一个不小的工作量,这种情况我们就需要用到图片的批量处理。
动作快捷键为F9



点记录之后,软件已经开始录制动作了,图片批量处理网上也有很多的教程,但是很关键的一步,几乎没有人提起,就是第一步需要录制打开的动作,录制好动作后,再选择动作即可。

4,图片打水印
 
先自定义图案,在填充图案,才操作可以与图片批量处理结合使用。
我们一般先将素材调节成透明状态,这个透明度的把握需要根据实际情况调整



设置好以后,裁切文件到我们需要的水印大小,之后加水印的话就是按照这个大小循环



再删除背景图层,将文件定义为图案



当我们打开需要添加水印的文件的时候,只需要选择填充,选择我们之前定义的图案即可



5,制作GIF动画

选择窗口-动画,调出动画面板



这个网上教程太多了,我也没什么特殊的技巧要说明,就不过多解释了,目的是让大家知道有这么一回事,当我们遇到问题的时候有更多的思路
这些都是网站制作过程中一些常用的PS技巧,熟练掌握,必定可以起到事半功倍的效果。