一 : Photoshop 时尚3D文字效果
最终效果
![](http://p.61k.com/cpic/30/7f/bb6c060b4154325f871cdc6194b87f30.gif)
1、打开PHOTOSHOP 执行文件命令—按[ Ctrl+N ]组合键新建一个宽700高400的背景为白色的图像文件
![](http://p.61k.com/cpic/66/73/83c60d2e1902b9b31a89fa3bbcce7366.gif)
2、输入您所要作的黑色文字(字体最好选入粗点的字体)本教程字体为:汉仪方叠体简
![](http://p.61k.com/cpic/14/37/196ce51e960da8850866fe8ac5513714.gif)
3、在字体图层右单击点栅格化(一定要栅格化哦)将矢量文字变成像素图像
![](http://p.61k.com/cpic/c4/1e/263e70816593e33ab8b303dcb36e1ec4.gif)
#p#
4、快捷键CTRL+T(自由变换)将文字变形!达到我们想要的角度跟效果!
![](http://p.61k.com/cpic/bb/4c/029ccd01a11040e9f2bfe1776ce24cbb.gif)
这里一定要注意扭曲原理哦!
![](http://p.61k.com/cpic/54/3e/f7dc0bc735c388880abd978247753e54.gif)
5、按CTRL+J命令,复制图层得到图层副本!双击图层副本添加图层效果
![](http://p.61k.com/cpic/8e/14/190184ebc90500c49e51d196af6e148e.gif)
![](http://p.61k.com/cpic/e1/17/c9240c5946c40ad10edce3310d9417e1.gif)
#p#
![](http://p.61k.com/cpic/8c/95/09b2bc5c7ffcd93099d345176683958c.gif)
6、接着按快捷键[ Alt + ↑不要松开Alt,根据需要而定!次数越多,立体效果厚度也就越大。在我这里点了11次就行了,这样我们来看看是不是就有了3D字体效果了!
![](http://p.61k.com/cpic/2e/7d/0b7e208a4413212339a2cbfce5537d2e.gif)
![](http://p.61k.com/cpic/2c/7e/6bccbede7fa48eecf9bd75e2d34b7e2c.gif)
7、把背景层跟原图层前的眼睛图标先隐藏合并所有可见图层!并拖到原图层下面。
![](http://p.61k.com/cpic/14/98/67ef05476f7c88a130337790bb189814.gif)
#p#
8、再把原图层用变形工具变大,使其刚好能盖住我们制作3D效果的表面。
![](http://p.61k.com/cpic/ef/cc/197a2ec5c92d675c880b73f18d8cccef.gif)
这样3D字体效果这完成拉。自己还可以加点装饰什么的。
![](http://p.61k.com/cpic/21/3e/cd64d75c9d1a87727f73782e62a83e21.gif)
二 : Photoshop CS6设计制作可口的饼干文字特效
本教程主要使用Photoshop制作可口的饼干文字特效,将会向大家展示用Photoshop CS6打造趣多多饼干文字特效的详细步骤,我们会对一些基本的PS技能进行练习,如快速选择工具,图层蒙版,图层混合选项之类的。
教程中会用到下面的素材:饼干、牛奶
最终效果图
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/73/4e/0f09ea3b0b8e300a3465312138134e73.jpg)
图00
第一步
新建一个1100 * 440 px的文档, 白色背景,选择渐变填充工具,设置为“径向渐变”,颜色配置如下:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/40/96/b925a86e599f313ea529f91c42769640.jpg)
图01
用该渐变如下所示地填充背景图层:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/43/c8/71a6a439fcc2ee85d67ad84d9733c843.jpg)
图02
然后在顶部新建一个图层,使用一个白色的软笔刷,在画布的顶部边缘上画上一个圆点。
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/7b/17/da83aff3ab1a0bd06b64331d0eb4177b.jpg)
图03
使用自由变换工具向下压缩:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/f6/c1/c2e4540f79cf1ab85f4ed4888e28c1f6.jpg)
图04
目前,你看到的效果是这样的:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/37/60/2e525977fb7ec313398d570c5cb96037.jpg)
图05
第二步
现在,我们需要在画布上打几个字,我这里使用的是Photoshop自带的“Thick Chocolate”款字体
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/8c/ea/0af213b9b44acfdc5d13f7d294e8ea8c.jpg)
图06
使用选择工具将文字图层选中:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/b2/27/469393b813723341a433b3dbeb4827b2.jpg)
图07
然后将选区移动到饼干素材上面
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/12/3d/80fe50b43adb8b873c6e4fc61f2c3d12.jpg)
图08
复制,将选区粘贴到我们的文档中,隐藏原先的文字图层:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/a1/62/3c6c023ea8c79d4942679ca783df62a1.jpg)
图09
我们现在回到饼干图片,然后使用快速选择工具,将笔尖大小设置为6px
如下图所示,作几个小的选区:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/d5/a2/f362ae87381562e766bda565972da2d5.jpg)
图10
在饼干纹理图层上添加一个图层蒙版,然后将这些选区移动到饼干纹理的图层上面来
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/92/bf/4fda2baf5c642305401ff2ac6098bf92.jpg)
图11
单击图层蒙版缩略图,然后编辑>清除
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/0d/ae/ff6e3ae0eb7c614ee35d292adf63ae0d.jpg)
图12
多重复该步骤几次,然后就能看到饼干被咬掉的效果了:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/e4/f3/86329a28650c981054475338bb25f3e4.jpg)
图13
第三步
现在,我们要使用图层的混合模式来给文字图层添加一点深度
斜面和浮雕
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/34/c9/62dcaadfe0f9e1a04a1f773326eec934.jpg)
图14
描边
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/11/2b/eac5a03548a75bd2ee21e0f0b8762b11.jpg)
图15
然后你会得到如下的效果
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/99/d4/01962e670c98269adfef6d6f484ad499.jpg)
图16
我们也可以使用前面在饼干素材上的制作的选区来添加一些小的饼干碎屑,当复制粘贴的时候你会发现,会有一些多余的线,看吧:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/86/20/06da9c8f4e3d7cbd1bdffbdb6cfd2086.jpg)
图17
可以使用调整边缘工具来解决,进行如下调整:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/a6/b2/38d15d665287e7f3f10656f8a2c8b2a6.jpg)
图18
然后你就能得到这样的效果了。
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/6e/6f/a8c024d0ae2828f578305e4131986f6e.jpg)
图19
把这些碎屑添加到文字的周围
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/94/13/b7d18cca48bf53cb5700125101c81394.jpg)
图20
目前为止,总的效果是这样的:
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/a9/58/c8b6887b5a360dd7797bbd4a729758a9.jpg)
图21
第四步
就快要完成了,现在来做一些最后的修整,盖印图层(CTRL + Shift + Alt +E),然后对拷贝的图层使用油画滤镜,混合模式为柔光
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/aa/ae/cd0320466151e7d9c1cfa817dfecaeaa.jpg)
图22
在牛奶中选中牛奶的纹理部分,给文字添加牛奶的喷溅效果
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/a6/00/ee6117765857df7deab469684d4200a6.jpg)
图23
复制,粘贴该选区文档中,混合模式改为变亮
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/e0/02/580a141545884e403e56379a1a0302e0.jpg)
图24
然后就得到最终效果了。
![Photoshop CS6设计制作可口的饼干文字特效](http://p.61k.com/cpic/cb/4d/f7268befe048e649062dac07aaf64dcb.jpg)
图25
三 : Photoshop制作可爱的闪动炫彩文字签名特效
最终效果
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/c5/c0/c4bcbd8497a821521dc51ca9a36dc0c5.gif)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/35/2e/4f8542f883ca139fa6e1f131b7d62e35.gif)
1、新建文档并填充黑色,使用矩形选框工具绘制选区,转到通道面板,点击生成路径按钮,如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/04/86/5ef3799eb84531aa13a2c55041438604.jpg)
2、使用文本工具,选择合适的姿态,并设置字体编剧,输入“-”来制作边缘的虚线,调整大小,效果如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/64/30/fc34fe41bb084d628f5e07730c363064.jpg)
3、把文本进行栅格化处理,并填充渐变叠加样式,效果如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/ac/7f/2d884c28146dad58b3c9de56f6ac7fac.jpg)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/8b/71/a656b6f1c9098f0a2124215c4889718b.jpg)
4、新建一个图层,用矩形徐昂看工具绘制下图所示的选区,并填充黑色。执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分,效果如下图。
5、保持选区,执行:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除不需要的部分。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/9e/49/a6de5455799317875cbe8d73fc98499e.jpg)
为其添加渐变叠加样式,只是把色彩进行对称调整而已,效果如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/cb/c8/db176186ce26a00b609e82180f38c8cb.jpg)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/7f/17/74817a28e870f3fe6d60e249d685177f.jpg)
6、输入合适的文章,如下图。
7、新建一个图层,用矩形选框工具绘制选区,并填充黑色。执行:滤镜 > 杂色 > 添加杂色,效果如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/b2/ee/de275e2f5ce47d5f017f155b9b0deeb2.jpg)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/fb/32/2f146b77dc2134159110c851b97332fb.jpg)
8、打开动画面板,转到时间轴面板,对文档进行设置,如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/26/1a/aa6c0465ee050c1e7d6ef2bc669b1a26.jpg)
9、选择虚线外框图层,开始为其添加关键帧,打开虚线的图层样式,在工作区中拉动渐变,制作动画效果。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/f0/3c/d3b2b9b9dd0a05b71f4bb87744b83cf0.jpg)
用同样的方法去制作其它动画的样式效果,如下图。
生成的动画效果:
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/24/51/02c3fd68e19b7b592174a9ddcecb5124.gif)
10、选择图层3,为其制作过渡效果,同样为其添加关键帧,如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/ba/7e/a04a9b7589ae66a90c6ca509b9f87eba.jpg)
设置关键帧的不透明度。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/48/b0/0aec1001fb228cd698a667bb243db048.jpg)
生成的动画效果:
同样的方法制作其它部分,效果如下图。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/46/33/f76d298f4823a5464ffb07859fed3346.jpg)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/f0/57/65ec75c47eb056b635fc84d3541857f0.gif)
11、不要以为这样储存为Web格式就可以了。还需要设置哦,转换到动画面板,会提示点击继续。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/7b/db/7db3e61b3b4cac3bb3964478841fdb7b.jpg)
12、当转换到动画面板时会发现,首先动画的播放是一次,其它播放的时间不能满足我们的视觉需要。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/8b/0c/8a1ce156e45e759765b5a1631aac0c8b.jpg)
13、设置它的播放为永远,时间为0.01秒,这样再次储存为Web格式就可以了。
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/e6/8c/d0b279dd0689a2b2da3d5b49e4328ce6.jpg)
最终效果:
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/c5/c0/c4bcbd8497a821521dc51ca9a36dc0c5.gif)
![Photoshop制作可爱的闪动炫彩文字签名特效](http://p.61k.com/cpic/35/2e/4f8542f883ca139fa6e1f131b7d62e35.gif)
四 : Photoshop 梦幻的文字心形效果
本教程心形制作非常独特,作者把文字做成漂亮的心形图案,然后加颜色和装饰元素。效果非常梦幻。
制作的主要工具是路径和笔刷。画路径的时候可能有点难度,需要用心去画。教程的效果只是参考,大家还可以制作出其它图形的效果。
最终效果
1、新建一个600 * 500像素的文件,使用PS形状工具绘制如图的心形,按住SHIFT键可以绘制比较饱满的心形,如图设置。
2、选择文字工具,把鼠标接近路径处,我们可以发现鼠标变成了上图红框中的形状,这个时候就可以单击鼠标并且输入文字了,如图设置。
3、效果如图:
4、现在我们来设置文字,本PS教程中的文字运用了图层的混合选项,有外发光和渐变叠加,如图。
5、接着我们来绘制绕圈的路径,这里我简单的给大家说下,绘制路径主要用到的是钢笔工具和转换点工具,还有就是直接选择工具,通过钢笔工具绘制锚点,鼠标拖动调整曲率,转换点和直接选择工具来调整句柄,就可以做出大家想要的曲线了。
6、设置笔刷,笔刷要设置成大小不一样的光点,主要运用的是动态笔刷来调整设置,如图:
7、新建图层,回到路径面板,选择该路径,单击鼠标右键,选择描边路径,弹出了描边路径对话框,按照上图中所示设置,并确定,效果图下图:
8、基本图效已经出来,现在我们使用橡皮擦擦除视线看不到的线条,让我们的缠绕效果更符合逻辑。
9、新建一层,使用图样的路径描边的方法来绘制一条渐隐的线条,增强图中的绚丽感。画笔设置如下:
10、使用画笔描边制作后的效果,为了方便大家看清楚,我关闭了第一次的画笔描边,同样删除多余的曲线。
11、新建一层,使用渐变工具绘制一条渐变线条,如图。
12、将渐变图层的图层模式设置为叠加,我们的图效立刻就成七彩效果了。
本文标题:
photoshop文字特效-Photoshop 时尚3D文字效果 本文地址:
http://www.61k.com/1066912.html