临睡前记得今天技术小结没写。。。就起来叨叨些使用Photoshop做网站的活吧。

一般网站的建站流程和人员配置是：

1 美工，创建页面的psd图

2 前端工程师，根据psd图，切出html页面

3 后端工程师，根据html页面，制作后端逻辑代码，使得页面动态

4 测试人员，测试并发布页面

所以说，在第一阶段和第二阶段，制作psd和分析psd的过程中，就要接触到photoshop这个玩意。

图层

photoshop是由多个图层构成的。一个图层会覆盖当前的画布，但是只有有图的部分是有颜色的，其他部分是透明的，也就是说，一个好的页面，是由很多歌图层一层一层层叠上去的。

创建图层快捷键：ctrl+shift+n

但是图层太多就需要归类，那么就需要使用图层组来做，比如一般头部一个组，尾部一个组，左侧栏一个组等。。。组还能内嵌的。

框

第一个遇到的问题就是比如一个方形框，我只想描绘框的边怎么办。

使用矩形工具，但是选择路径，画好路径，然后在右下角路径栏中，选择刚才的路径，右键，选择绘边，铅笔，于是一个矩形边就绘制好了，最后再删除路径，就成功了。

参考线

在实际使用的时候，参考线是很重要的，比如哪些地方需要设置参考线，哪些地方不需要。

快捷键

ctrl + 加号/减号  表示图片放大缩小

ctrl + alt + 0 图片恢复100%大小

PS快捷键大全这里有篇文章讲的就是photoshop的快捷键