第 节 页面制作第七 章 页面设计实操.pptx

第七章页面设计实操;;;;按【Ctrl】+【字母O】键，打开要进行处理的图片。;前面章节，我们曾经完成了这张广告图。不过，在实际工作中，我们经常必须设计出整个页面。很多人认为这是很难的

其实，这个操作是相当容易的，只要多记住一个命令，就可以了。我们刚打开的前面章节保存的PSD格式的文件，如图所示;我们要多记住的一个命令是：“图像”菜单的“画布大小”，快捷键为Ctrl+Alt+C，打开如图所示的对话框，在对话框中的“定位”选择老师画红框的位置的其中一个，然后设置好“高度”就可以

后面，我们可能会一直增加图像进来，所以，如果老师设置的888的高度不够的话，以后可以继续用一样的方法更改更大的数值;当我们点确定按钮后，我们会看到如图所示的效果。我们会发现“图层1”对应的图，有多一块区域出来;我们可以：

在右侧的图层面板，点击“图层1”

然后，从左侧工具栏，选择“矩形选框”工具

再到图像区域画出如图所示的选区，故意画大一些，这过程，可将图放大，按向上光标键↑，移动精确位置;按Delete键，可以删除选区中的图像;这时，屏幕上还会有选区的线。会影响视觉和操作。我们可以按Ctrl+D取消选区，得到如右图所示的效果。画面上，就是完整的一张广告图;刚刚第4、5、6步骤完成的效果确实算是我们想要的效果。但按Delete键删除选区中的图像，就丢失了图片的信息。所以，我们也经常用另一种常用的办法，类似于将图装入“容器”，但不损失图片像素，“容器”外的图片信息，只是被“隐藏”

因为两种方法，都会经常使用，所以，大家都要掌握起来;在PS软件，要多步撤消，最方便的操作是使用快捷键Ctrl+Alt+Z，就是“编辑”菜单的的“后退一步”，我们多次按Ctrl+Alt+Z后，可以返回右图的效果。接下来，我们换一种方法操作;按Shift+U切换到矩形工具，从左上角，向右下角拖动，绘制出比原图高度400小一些的矩形，如图所示

因为这个矩形后面只是当作“容器”，所以跟颜色无关，不用设置颜色;按Ctrl+T，或者选“编辑”菜单的“自由变换”，调用自由变换命令

并按Ctrl++将图放大，方便将矩形下边缘，从位置①，准确被拖动到位置②，如右图所示;按Ctrl+0查看全图，确认调整大小后的矩形尺寸是我们需要的;从右侧图层面板，可以看到矩形在图层1的模特图上，所以，在绘制过程一直将模特遮住

我们可以在图层直接拖拽，改变上下层关系。也可以直接按Ctrl+[，将矩形图层，调整到模特图下方，如图所示;调整好图层顺序后，确认模特图在上层

可以直接在图层面板右击，选“创建剪贴蒙板”，或者直接按Ctrl+Alt+G;经过创建剪贴蒙板的操作，达到了一样的目的，我们看到的图，就舒服和正常了，画面上，就是完整的一张广告图;;如果用PS制作简单的广告图，没有太多的图层，我们就不需要对图层进行管理。但我们在页面设计时，一般会使用非常多的图片和素材、文字、修饰等图层信息。如果没有对图层进行管理，就会非常混乱。不方便以后修改。PS软件从CS版本开始，提供了图层分组的功能，那要怎么操作呢？;我们双击图层面板的文字位置，可以对每个图层进行重新命名，会方便自己以后找对应的图层。也方便源文件给其他人使用时，能看懂。特别是公司多人协同工作时，这是一件很重要的工作;现在的图层都是针对第1张广告图，我们希望它们，能成为一组，方便以后管理。可以这样操作：

先单击，选择最底层

再按住Shift单击最顶层

如图所示，一定要记得按Shift键，才能成功完成多图层的选择;确认上一步骤，多图层得到准确选择后，只要按Ctrl+G，就可以将选取的多个图层编成一组，也可以对编组的图层，进行重命名，只要双击“组1”文字位置，就可以输入新的名称了;注意图中手形位置的小箭头，在这个位置单击，就可以展开或收缩图层分组。这是我们未来做很长的页面，有很多的图层时，最好的图层管理方式，我们可以用这种方法，对同一类的图层进行分组管理;有了图层分组，使用移动工具时，在选项栏的“自动选择”可选择“组”或“图层”，很容易明白：如果是自动选择“组”，我们就可以移动整组的图层，这个操作，有时候非常方便、很有实用价值;;接下来，跟做广告图方法完全一样，打开另一张图，复制到上图中，并移动到下面的空白区域。页面不够长，继续按Ctrl+Alt+C，扩大画布的高度，再复制其他图像进来，加上文字和一些修饰……;这样，我们很快就可以完成整个页面的设计，这个过程，随时记得对图层进行归类分组

因为，要多次扩大画布大小，所以，可能会过高，我们可以按C，调用裁剪工具，将多余的裁剪掉，就可以了;完成页面后，我们点击“视图”菜单的“按屏幕大小缩放”，或者按Ctrl+0。得到如图所示整个页面设计效果