趣味创意馆

位置:首页 > 创意空间 > 设计教程

PS制作个性的有文字背景的图形

本教程简单介绍一些有文字作为背景图案的图形或者文字效果。制作方法也非常简单,先用做出自己想要的图形,然后打上一些较小的文字,并把这些文字放到图形中去,适当的加上一些图层样式,效果就出来了。

最终效果

PS制作个性的有文字背景的图形

1、创建1200×800、72dpi的新文件。首先导入你所有的矢量设计,把它们分开放到你的Photoshop画布中。在这里,我们分成了3个独立的智能对象,把它们拖到了画布中。如果你没有这些矢量图,可以直接用自己的文字或图形。

PS制作个性的有文字背景的图形 第2张

2、隐藏所有矢量,创建一个新的文本框。在此我输入“CreativeVolitionInc”。我所选择的字体是“ITCAvantGardeGothic”。继续复制/粘贴文本框中的文本。看下图:

PS制作个性的有文字背景的图形 第3张

3、文字设置:16pt的字体,标准,16pt高度的间距,颜色#404040。

PS制作个性的有文字背景的图形 第4张

4、继续复制/粘贴文字,直到它填充了整个画布。使用文字工具拉伸文本框,直到它超出了画布的大小。

PS制作个性的有文字背景的图形 第5张

5、现在开始顺时针旋转文本框约45度角。

PS制作个性的有文字背景的图形 第6张

6、使其中一个智能对象可见。按命令键点击图层面板上的预览框创建选区。

PS制作个性的有文字背景的图形 第7张

7、选区创建之后,隐藏你的智能对象,这时你可以看到选区。

PS制作个性的有文字背景的图形 第8张

8、栅格化文本图层使选区在你的栅格化层上工作,点击编辑>剪切。

PS制作个性的有文字背景的图形 第9张

9、然后点击编辑>粘贴并调整你的新层,这样所有的字母能显现出来。打开图层样式对话框,改变“颜色叠加”为白色。

PS制作个性的有文字背景的图形 第10张

10、继续在你其他的智能对象层上做相同的步骤,但始终记得要从光栅层中剪切。

PS制作个性的有文字背景的图形 第11张

11、最后,创建一个新层,用任何颜色填充它。把这层放在所有其他层的上方。填充调低至0%。打开图层样式对话框,改变内发光,使用以下设置,然后单击确定。(使边缘产生一个向内的黑色渐变效果)

PS制作个性的有文字背景的图形 第12张

PS制作个性的有文字背景的图形 第13张

最终效果:

PS制作个性的有文字背景的图形 第14张


感谢作者活力盒子译制作、发布教程。