小图形,大作用——形状工具的妙用

电脑学苑

在上期我介绍了Photoshop中形状工具的使用和它的一些变化方法。说了这么多,那么形状工具到底用在什么地方呢,在本期我就来列举它的一些具体应用实例吧。

适用版本:Photoshop CS

边框与造型的变化

在Photoshop中要想最省事地给照片加边框效果的话,那就使用形状工具吧。这些工具不仅灵活,而且我们还可以结合样式面板中的各种特效,制作出非常精美的边框来。下面我们用自定义中的样式来设计边框吧。

边框设计

1.在工具箱中选择自定义形状工具,在属性控制栏上点形状设置的下拉按钮,然后点右上角的倒三角形按钮,在展开的下拉菜单中选择“Frames(边框)”选项,在弹出的对话框中选“好”。这里你看到的虽然只有8种边框(图1),但只要你喜欢可以到网上去下载或自己添加。下面我们就选择其中的一种来介绍它的使用吧。

43-f03-1.jpg
图1

2.打开一张照片,然后在照片中拉出一个样式边框来(图2)。

43-f03-2.jpg
图2

注意:这里我们是选择属性栏上的“填充图像模式”,为了便于后面的特效处理,我们在图层面板中新建了一个图层,画出的边框在新建的图层上。

2.边框加好了,现在把边框以外的图像去掉,可以用矩形选取工具框选,然后按键盘上的“Delete”键即可。接着打开样式面板在样式面板中给边框加一个特效吧。这里只要你点一下你喜欢的效果就可以了(图3)。你再变化几种样式的边框和效果看看吧,相信你会很惊讶的。

43-f03-3.jpg
图3

造型变化

下面我们先看一张图片(图4),这样图片的造型设计得很漂亮吧?其实这张图片的制作是利用样式菜单的图形,整个设计过程只用了不到5分钟的时间,你觉得不可思议吧?下面我们来看看都用了哪些样式图形。

43-f03-4.jpg
图4

通过分解,我们可以看到在这张图片中一共用了三个样式图形(图5),有了前面边框制作的经验,这里的详细过程我们就不一一地讲解了。

43-f03-5.jpg
图5

在使用形状工具时,不是死板地照搬现有的图形,如果我们对这些图形加以变形,或者将多个图形一起组合,巧妙地安排,设计出来的作品我们就看不到样式图形的影子了,而展现给我们的就是一幅完美的艺术作品。

网页设计上的应用

如今网页设计,可以说是一件烦琐而又枯燥的技术活,大量的按钮,批量的导航条和LOGO要设计,如用手工绘制这些图形,既费时又笨重,如果结合形状工具可以事半功倍。下面我们看图6的这张图,造型设计很复杂吧?光是绘制各种造型恐怕都让人望而却步了。但是,再复杂的造型也是由简单的组合而来的。

43-f03-6.jpg
图6

在这个网页的设计中你会发现有很多倒圆角的设计。这可以使用形状工具中的圆角矩形工具。在形状工具中的属性栏中还有“相加、相减、相交和重叠”四种设置,如把这四种设置结合路径控制面板,对复杂的图形很快就可以绘制出来,如图7。你看通过简单的操作就绘制出了一个复杂的选区。

43-f03-8.jpg
图7

对这些操作过程由于版面的原因我们不能一一详细地介绍,相信大家在实践中可以很快体会到。