你会把文字和形状图形结合起来吗?
在这篇教程里,我们将学习如何通过把文字和自定形状结合起来,创作新的有趣的图案和logo。我们将学习如何把文字本身转换成形状;如何将别的形状添加进来;如何将形状从字母中移出等。我这里创建的图案非常简单,但我只是告诉你方法,你可以用这里相同的步骤做出任何你能想象到的图案来,(我用的是CS5是版本,但任何最近的PS版本都可。) 先看看我做出的图案的最终效果图:(先把文字传转换层图形,再把别的图形结合进来:)(见下图)
第一步:转换文字为图形: 这是我创建的文件----一个背景图并打上了文字“狗”(对不起,所有“猫”的爱好者请原谅了,呵呵。)(见下图)
转到图层面板,我们看到,文件是由背景层和上面的文字层组成。(见下图)
文字要转成形状,注意一经转换后,文字将不再能编辑,所以你要检查仔细,当一切就绪,就到图层菜单,执行“图层→文字→转换成形状”(见下图),
图层面板上,我们看到,文字已经变成了图形。(见下图)
第二步:选择“直接选择工具” 现在我们图像上的文字一经不是文字而是形状(shape)了。如果想从形状图像中减去一部分形状,首先必须使用PS的“直接选择工具”。默认状态下,它是隐藏在工具面板的“路径选择工具”里。到工具面板里点开“路径选择工具”里的小三角,点选“直接选择工具”(见下图) direct selection tool直接选择工具
第三步:选择要删除的选区: “路径选择工具(俗称黑箭头)”和“直接选择工具(俗称白牵箭头)”的主要区别就是:“路径选择工具”是选择全部形状,而“直接选择工具”是选择部分形状。所以现在我们要用“直接选择工具”。点击图层面板上的缩略图,一定要先选中图形(见红圈处,这一步很重要)。(见下图)
回到工作区,像用“矩形选择工具”那样,在字母O上面,用“直接选择工具”拉出一个选区(见下图)
松开鼠标按键,你会发现图形上出现了很多锚点,选区周围的锚点是实心的黑点,其它的锚点是空心的。(见下图)
按退格键或者删除键删除所选的选区。 下图是删除选区后的图形(见下图)
第四步:选择“自定形状工具”: 选择“自定形状工具”,它在工具面板的“矩形工具”里,点开“矩形工具”里的小三角,最下面的那个就是“自定形状工具”。(见下图) rectangle tool矩形工具
第五步:选择“形状图层” 选择“自定形状工具”,然后选择上方属性条上“形状图层”它在“路径”的前面(见下图)
第六步:点开“待选择的形状/形状预览(目前是个箭头)”的小三角:(见下图)
在展开的形状选择器上有一些形状图像,但没有我们想要的。我来点开右边的小黑三角,我们可以装上另一些PS自带的形状。(见下图)
我选择一个“动物animal”的条目(见下图)
它会问你是取代还是追加,选择“追加apply”(见下图)
在追加后的形状选择器里我们看到新加上来的动物形状图像,点击你所想要的, 我选择了狗爪形状,然后回车。(见下图)
第七步:用“相减”模式画出形状: 就在“形状预览”的左边有五个绘图模式,分别是“创建新的形状图层、相加、相减、相交、重叠区域除外” 点选‘相减’模式,(见下图)
按住alt键,你将看到你的鼠标变成(-),在字母o上面,从中间向四周拖拉画出我们选中的狗爪(或其它形状)。松开鼠标,它就在那里了,占住了原来在那里的形状图形(的位置)。(见下图)
接下来我们学习怎样给我们的文字形状添加另一形状。 第八步:用“添加到形状区域”绘图模式画一个新的形状: 这一次,我们给我们的文本(文字形状图像)添加一个新形状。再次点开“形状预览器”选择另外一个形状,这次我选了狗(见下图)。按回车关闭预览器 。
在属性条板上选“添加到形状区域”绘图模式,按下shift键,你将看到你的鼠标变成(+) 在你喜欢的任意位置,我这里选在最后两个字母的上方,(见下图)
用你带(+)形状头的鼠标,按住shift键拖画出狗的形状图形,放好位置调好大小,需要时,反复几次。 现在看图层面板,我们仍然只有一个形状图层,这表示新的形状都只是添加到或者是从原形状中减去的。(见下图)
第九步:重新编辑形状,用“路径选择工具”: 如果你想换掉原来的形状,该怎么办呢?比如说我想把狗换掉或换一个位置,这好办。选用“路径选择工具(黑箭头)”:在你想要选择的形状内部点击一下,实心锚点将出现在形状图周围,告诉你我们已经选中了它。(见下图19)
第十步:用“自由变换路径”(ctrl+T),来移动或变换形状图形的大小:
在形状被选择的情况下,执行“编辑→自由变换路径”或者用快捷键ctrl+T,就可以随意移动和更改它形状的大小,还可以对它旋转、变形。 实际上,所有的形状图形在“路径选择工具”的选择下,都可以配合ctrl+T,(像对普通图像那样)实现移动、旋转角度,更换大小和形状等变化。 就这样,我们完成了我们的制作。你学会了吗?(另附一图供你参考。)
|
|
来自: xiangxue2005 > 《PS知識》