分享

【外国翻译】学习把文字和图形结合起来

 xiangxue2005 2011-07-27
 你会把文字和形状图形结合起来吗?

在这篇教程里,我们将学习如何通过把文字和自定形状结合起来,创作新的有趣的图案logo。我们将学习如何把文字本身转换成形状;如何将别的形状添加进来;如何将形状从字母中移出等。我这里创建的图案非常简单,但我只是告诉你方法,你可以用这里相同的步骤做出任何你能想象到的图案来,(我用的是CS5是版本,但任何最近的PS版本都可。)


先看看我做出的图案的最终效果图:(先把文字传转换层图形,再把别的图形结合进来:)(见下图



学堂原创教程模板.jpg

 

第一步:转换文字为图形:


这是我创建的文件----一个背景图并打上了文字“狗”(对不起,所有“猫”的爱好者请原谅了,呵呵。)(见下图)



02.png

 

转到图层面板,我们看到,文件是由背景层和上面的文字层组成。(见下图



2.png

 

文字要转成形状,注意一经转换后,文字将不再能编辑,所以你要检查仔细,当一切就绪,就到图层菜单,执行“图层文字→转换成形状”(见下图),



3.png

convert to shape转换为形状

 

图层面板上,我们看到,文字已经变成了图形。(见下图



4.png

 

第二步:选择“直接选择工具



现在我们图像上的文字一经不是文字而是形状(shape)了。如果想从形状图像中减去一部分形状,首先必须使用PS的“直接选择工具”。默认状态下,它是隐藏在工具面板的“路径选择工具”里。到工具面板里点开“路径选择工具”里的小三角,点选“直接选择工具”(见下图


5.png

direct selection tool直接选择工具

 


第三步:选择要删除的选区:

“路径选择工具(俗称黑箭头)”和“直接选择工具(俗称白牵箭头)”的主要区别就是:“路径选择工具”是选择全部形状,而“直接选择工具”是选择部分形状。所以现在我们要用“直接选择工具”。点击图层面板上的缩略图,一定要先选中图形(见红圈处,这一步很重要)。(见下图


6.png

 


回到工作区,像用“矩形选择工具”那样,在字母O上面,用“直接选择工具”拉出一个选区(见下图




7.png

 




松开鼠标按键,你会发现图形上出现了很多锚点,选区周围的锚点是实心的黑点,其它的锚点是空心的。(见下图




8.png

 



按退格键或者删除键删除所选的选区。 下图是删除选区后的图形(见下图




9.png

 


第四步:选择“自定形状工具”

选择“自定形状工具”,它在工具面板的“矩形工具”里,点开“矩形工具”里的小三角,最下面的那个就是“自定形状工具”。(见下图




010.png

rectangle tool矩形工具

 


第五步:选择“形状图层”

选择“自定形状工具”,然后选择上方属性条上“形状图层”它在“路径”的前面(见下图



10.png

 


第六步:点开“待选择的形状/形状预览(目前是个箭头)”的小三角:(见下图


11.png

 




在展开的形状选择器上有一些形状图像,但没有我们想要的。我来点开右边的小黑三角,我们可以装上另一些PS自带的形状。(见下图


12.png

 





我选择一个“动物animal”的条目(见下图


13.png

 




它会问你是取代还是追加,选择“追加apply”(见下图


14.png

 



在追加后的形状选择器里我们看到新加上来的动物形状图像,点击你所想要的, 我选择了狗爪形状,然后回车。(见下图


15.png

 

第七步:用“相减”模式画出形状:

就在“形状预览”的左边有五个绘图模式,分别是“创建新的形状图层、相加、相减、相交、重叠区域除外” 点选‘相减’模式,(见下图)

16-1.png

 


按住alt键,你将看到你的鼠标变成(-),在字母o上面,从中间向四周拖拉画出我们选中的狗爪(或其它形状)。松开鼠标,它就在那里了,占住了原来在那里的形状图形(的位置)。(见下图




16.png

 

接下来我们学习怎样给我们的文字形状添加另一形状。

第八步:用“添加到形状区域”绘图模式画一个新的形状:

这一次,我们给我们的文本(文字形状图像)添加一个新形状。再次点开“形状预览器”选择另外一个形状,这次我选了狗(见下图)。按回车关闭预览器


17.png

 


在属性条板上选“添加到形状区域”绘图模式,按下shift键,你将看到你的鼠标变成(+

在你喜欢的任意位置,我这里选在最后两个字母的上方,(见下图




19-1.png

 



19-2.png

 



用你带(+)形状头的鼠标,按住shift键拖画出狗的形状图形,放好位置调好大小,需要时,反复几次。

现在看图层面板,我们仍然只有一个形状图层,这表示新的形状都只是添加到或者是从原形状中减去的。(见下图




18.png

 




第九步:重新编辑形状,用“路径选择工具”:

如果你想换掉原来的形状,该怎么办呢?比如说我想把狗换掉或换一个位置,这好办。选用“路径选择工具(黑箭头)”:在你想要选择的形状内部点击一下,实心锚点将出现在形状图周围,告诉你我们已经选中了它。(见下图19




19.png

 

第十步:用“自由变换路径”(ctrl+T),来移动或变换形状图形的大小:

20.png

 



在形状被选择的情况下,执行“编辑→自由变换路径”或者用快捷键ctrl+T,就可以随意移动和更改它形状的大小,还可以对它旋转、变形。

实际上,所有的形状图形在“路径选择工具”的选择下,都可以配合ctrl+T,(像对普通图像那样)实现移动、旋转角度,更换大小和形状等变化。

就这样,我们完成了我们的制作。你学会了吗?(另附一图供你参考。)


      形状图形.jpg

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多