用photoshops来制作网页总结（一）

 用ps来制作网页网页

 绿色版photoshopcs5  

1 打开ps第一件事就是新建文档 Ctri+N 或者文档-新建

2 设置参数：  预设web 或者指定宽度和高度的像素点 如1280*1680 颜色选择RGB 8位

3 我们只使用很少一部分功能完成大量的工作

4设置背景色/前景色 还可以移除拾色器(变成吸管)，放到页面上拾取ps内页面的颜色。 旁边的柱型条是确定颜色的范围用的。

5 下面#代码 是用数值的方式表示颜色

6 Alt+Backspace 填充前景色

7 Ctrl+S 保存

8 放大镜：放大 和缩小工具  用ALt进行切换  Ctrl+0(自动调节到适合屏幕大小的显示)

9 抓手工具（H）：可以抓着图片移动

tip：快捷键要在英文模式下才起作用。鼠标放在图标上会显示该功能提示

10在使用工具情况下 按住空格键就会自动切换到抓手工具。

空格+Alt 可以变成放大缩小工具  再按住左键 可以放大缩小

11图形工具： 方框框（抓手的上面），用于设计我们网页上面的按钮等图标

如画矩形,按住Shift键可以变成正方形，然后填充颜色

12 这样会自动创建一个图层，里面包括填充颜色和形状。双击后可以重新定义颜色和形状

13 再创建图层 会覆盖掉之前的图层。不需要的图层直接拖入垃圾箱即可

14 图形中可以选择自定义图形。然后选择全部这样就可以添加许多图形。

15 圆角图形，可以设置半径

-----

16渐变工具：从黑过渡到白的一个工具

默认的是线性渐变，前景色到背景色  通过线的走向变化 

17渐变编辑器，单击左上方的渐变编辑器，颜色条上有四个游标，上面是渐变颜色的不透明度，下面是表示2种渐变颜色，中间可以插入其他颜色。

18 还有径向渐变：球形

19 文字编辑工具：（T）  可以编辑大小和字体，系统会自动创建一个图层。可以设置字体样式。可以实时显示字体大小变化。改变字体时 选择T，放在字上，如果没有放在字上面会显示虚线包围，这样会创建新的字图层

20 字体编辑时：可以创建变换样式：（T下面有个曲线）

21 编辑段落文字：可以编辑页面段落文字， 调出字符窗口 ，然后可以调剂字号和行间距等（通过窗口选项，然后勾选字符）

22根据不同的需求，需要对photoshop做一些修改：如单位

编辑-首选项-单位与标尺- 单位中设置成像素。

23 设置工作区workplace，根据不同使用目的可以选择不同的工作，使用的面板会不同。可以自定义工作区，合并和显示常用的，隐藏不常用的。 可以保存自定义工作区。

24双击可以给图层起名字，用于管理图层