中国汉化 - www.shanse8.com

直接加微信

鼠标放在右下面微信图标上,会弹出微信二维码

扫描二维码访问中国汉化官网移动版

成就您每时每刻您所需要的

扫一扫,加微信好友

可直接咨询与求助

-->

[Photoshop教程]利用Illustrator结合PS教你做出令人惊叹的3D字体效果 [复制链接]

  • 6424阅读
  • 23回复
楼主  发表于: 2011-06-08 只看楼主 倒序阅读
0F

中国汉化网提醒您:

在本教程中,大家将学习如何在Illustrator中创建3D文本,然后将其转移到Photoshop中应用效果创建出一个令人惊叹的设计作品 ))M; .b.D  
>L#HE  
+4kBd<0Y  
步骤1 – 创建一个新文档               @v1f)(N  
打开Photoshop。选择文件>新建或按Ctrl/Command+ N,我设置的大小为1440px(宽)× 900px(高)。
#+2|ZfCn%  
x(e =@/qp  
步骤2- 创建3D文本               f IUz%YFn  
我们要在Illustrator中创建3D文本。首先,你需要在Illustrator中输入文本。我输入的文字是“FX”。打开Illustrator,选择文字工具,键入文字。输入字体更改为“ Hobo Std Medium ”。
+U(m b  
Qrt[MJ+#  
步骤3- 文本着色               -[kbHrl&  
更改文字的颜色。“F”我们使用蓝色(#094569),“X”使用深橙色(#AB7D1B)。你的图像看起来应该像下图。
r5!I|E  
z6tH2Wxf  
步骤4- 给文字添加3D效果               * i[^-  
我们需要创建3D文本。去菜单>效果>3D>挤压与斜角…
?]S!-6:  
,|4%YaN.3  
按下图设置: lY5a=mwHU  
IrU}%ZVV  
步骤5- 背景着色               kve{CO*  
完成3D文字之后,回到Photoshop中,改变背景颜色为蓝色(#000b12)。
NGHzifaE   
>pKu G#  
步骤6- 在Photoshop中放置3D文本               ,c:Fa)-  
从Illustrator里复制文本并把它粘贴到Photoshop中。选择文本图层,右击它选择栅格化图层。
*N"bn'>3  
xN\ PQ,J  
步骤7- 分离文本               t 7D2k2x9  
现在我们要把文本分成两部分。选择矩形选框工具(M),对字母“X”做选区。 按Ctrl + X剪切,Ctrl + V粘贴文本。对齐文本。
1MdVWFKXV  
G`NH ~C  
步骤8- 减淡工具的设置               QKYGeT7&Y'  
我们需要在文本中创建高光。从工具里选择减淡工具(O),按下图设置笔刷。
z<~gv"  
@>'.F<:P<  
步骤9- 添加高光               { U a19~'>  
使用减淡工具涂抹需要高光的区域。你可以参照下图。
NfcQB;0  
jp2AU,Cl  
步骤10-添加更多的高光               jcF/5u5e  
参照步骤9,按下图创建更多的高光。
uY;-x~Z  
>\b=bT@iM  
步骤11- 添加阴影               'j];tO6GfC  
现在我们要在相反的区域创建阴影。选择加深工具(O),描绘阴影。
DJlY~}v#_  
@Nb&f<+gi  
步骤12- 添加更多的阴影               $~4ZuV%  
参照步骤11,按下图添加更多的阴影。
GE=#8-@g~p  
O&]Y.Z9,A  
步骤13- 增加强度               XiI@Px?FL  
为了给文本添加更多的对比度,选择减淡工具(O)。增加画笔的大小为800px,然后在整个字母“F”上点击,再点击字母“X”,你会得到下图所示的效果。
Bsw5A7,-  
elXY*nt8h  
步骤14- 添加角落的光     Gs2.}l z  
现在我们将添加一些点光使文字的边角更亮。选择画笔工具(B)。使用主直径为90px的柔软的圆形笔刷。选择白色为前景色,创建一个新层。在文字的边角里描绘。如下图:
'6u;KIG  
+r9:n(VP  
步骤15- 擦除     [|V<e+>T/  
擦除那些不小心添加在背景上的光。
a;m-Vu!  
\(jSkrrD  
步骤16- 添加外发光     T>d-f=(9KH  
点击添加图层样式按钮。选择外发光选项,并按下图设置。点击OK。
T<~NB5&f  
z^S=ji U++  
步骤17- 复制点光     U$6N-q  
现在复制步骤14中创建的光。选择涂抹工具(R),从右至左拖动画笔,光就散布在文本上了。参照下面的图片就知道我的意思了。
2@Jw?+}vr  
D_`MeqF}C  
步骤18- 混合发光     8$-(%  
选择涂抹工具(R),在文本的边角拖动光。如图。
YmFJlMK  
|i7|QLUT  
这时你的图像应该如下图: $`x4|a8-  
$S|bD$e  
步骤19- 添加羽化发光     =l&7~  
现在我们将在文字的边缘添加一些光。选择画笔工具(B)。使用主直径90px的柔软的圆形笔刷。创建一个新层,按下图在边缘周围描绘光。
7qq}wR]]  
)FGm5-K@  
步骤20- 对“X”添加高光     rq Dre`m  
在这一步,我们将把焦点放在字母“X”上。用与步骤14和15同样的方式制作点光。参考下图。
3i=+ [  
7"w r8  
步骤21 – 添加外发光     W'eF | hu  
对点光添加外发光。点击添加图层样式按钮,选择外发光,并应用以下设置。
|E&a3TQW  
T?{"T/  
步骤22- 选择笔刷     g"c\ouSY  
选择画笔工具(B)。使用主直径3px的硬的圆形笔刷。参照下图。
9'faH  
_Je<_pl!D  
步骤23- 创建路径     |jH- bm  
使用钢笔工具(P),按下图创建路径。
O@6iG  
c+,F)i^`  
步骤24- 添加描边路径     A-Be}A  
现在,右键单击,选择描边路径选项…
F=!p7msRB  
AE? 0UVI  
步骤25 – 添加画笔描边     3cfW|J  
从列表中选择画笔,然后点击确定。
3 5;|r  
:_V9Jwu  
步骤26 – 添加更多的描边路径     s :ig;zb  
重复步骤22 – 25,添加更多的描边。
ZFwUau  
p^QZGu-.W  
步骤27 – 创建阴影区域的高光   m_YXTwwx  
在这一步我们将在黑暗处添加发光效果。选择钢笔工具(P),按下图创建路径。按Ctrl + Enter键做选区,填充棕色(#614717)。 uqy&P S  
:0N} K}  
8 p D$/  
步骤28 -改变混合模式   -#@l`kt  
现在,把这层放在文字层的上方,按Ctrl + Alt + G组合文字图层。然后去图层混合模式,选择“颜色减淡” -wn ,7;  
ayF+2(vch)  
步骤29 – 擦除角落   j=|cx+nb  
选择橡皮擦工具(E)。选择直径100px的柔软的圆形笔刷。擦除边角。如下图。 ZtHTl\z  
Gbj^oo  
步骤30 – 添加更多的描边路径   :Kq]b@ X  
参照步骤22-25继续添加更多的描边路径。 @vyq?H$U;N  
)+Gw Yt  
做完这些步骤之后你的图像应类似于下图。 <|-da&7  
$'*q]]  
步骤31 – 对字母“F”添加描边路径   &|9K~#LVS  
让我们把焦点对准字母“F”。按照步骤22 – 25再次添加描边。 L2\<iJA}c  
JjMa   
步骤32 – 创建背景中的光   njxfBA:  
在之后步骤中,我们将集中在处理背景上。 我们要在字母下方添加光。选择画笔工具(B)。使用一个直径为300px的柔软圆形笔刷。选择蓝色(#546876)。在文本图层下方创建一个新层,描绘一个大的点。参照下图。 E .N@qMn~  
/SW*y@R2l  
步骤33 – 变换点   J?#Xy9dz  
按Ctrl + T,转换图层的形状如下图。按回车键确定。 q-hREO  
v<3KxP'a  
步骤34 – 添加阴影     % * k`z#b  
在文本图层的下方创建一个新层。 按Ctrl + 点击字母“F”图层的缩略图激活图层蒙版。然后点击你刚才创建的层,使用渐变工具(G)。用黑色填充蒙版。 Sx8RH),k  
对字母“X”也是如此。   %?hvN  
然后按Ctrl + T,如下图变换黑色字母图层。按回车键。 6Ki!j<  
6H1;Hl f  
步骤35 – 添加高斯模糊   \Up~ "q>Kb  
这个影子应该更模糊才真实。去菜单>滤镜>模糊>高斯模糊…设置5.0px的半径。按OK。 S6g_$ Q7  
Vk> &  
结果应类似下图。 b:5-0uxjs  
#;[0:jU0  
步骤36 – 创建星光   &,P; 7R  
选择钢笔工具(P),按下图创建路径。在屏幕上点击右键,选择描边路径… 选择笔刷选项,然后勾选模拟压力。按OK。 +MZI\>  
C*}PL  
步骤37 – 复制星光路径   w4fQ~rcUIc  
选择路径,按Ctrl + J复制它。然后按Ctrl + T旋转。重复它直到你得到类似下图的星光效果。 mW$Oi++'d  
jGi{:}`lB  
步骤38 – 调整星光的方向   >8ryA$  
现在选择所有星光图层。按Ctrl + T旋转,使它的方向与字母“X”相同。如图。 P!"{-m'  
\HIBnkj)3n  
步骤39 – 放置星光   *MS$C$HOq  
复制和移动星光到文字高光的区域。 t7xJ$^p[|K  
Rc:}%a%e  
步骤40 – 添加颗粒   8k3y"239t  
现在我们要在星光附近添加一些颗粒。选择画笔工具(B),按下图设置笔刷。 #IZ.px  
Yn[>Y)  
">G*hS  
.^M#BAt2  
>DUTmJxv  
在文字高光处涂抹。 ht*(@MCr<  
?Wz2J3A.2t  
步骤41 – 添加半透明的烟雾   G^tazAEfo  
下载the smoke brush 并安装到Photoshop中。选择下图所示的画笔。 nShXY6bA  
U#c Gd\b  
步骤42 – 放置画笔   u178vby;l  
增大笔刷,在新层上描绘它。 p @kRo#~l  
MOK}:^bSu  
步骤43 – 添加颜色   \wD/TLS}  
在烟雾图层上方创建一个新层。右击这个新层,然后选择创建剪贴蒙版选项。使用画笔工具(B),更改为色彩模式。使用下列颜色:蓝色#0a5689,黄#ffd44e,绿#c2e01f。 w$/lq~zU  
rbnAC*y8'L  
选择移动工具(V),把烟雾和颜色图层放在文字层的后面。如图。 Gn=b_!  
5"@>>"3U  
步骤44 – 复制与变换   7tXy3-~biz  
复制与翻转烟雾与颜色图层。去编辑>变换>水平翻转,然后去编辑>变换>垂直翻转。把这个新层放在图像的右侧.. 见下图。 <wk  
( ne[a2%>  
步骤45 – 改变颜色   |J,zU6t  
现在改变右侧烟雾的颜色。点击颜色图层,按Ctrl + U激活色相/饱和度调整。使用下图的设置。 CdF;0A9.3  
zI4rAsysL  
你应该得到下图所示的效果。 T8a' 6otc  
<4LJ #Fx  
步骤46 – 添加颗粒   ~jL%l  
现在我们将在烟雾上添加一些颗粒。创建一个新层。选择钢笔工具(P),如下图创建路径。 B^/MwD>%  
;.uYWP|9  
步骤47 – 笔刷设置   /IWA U)A0  
选择画笔工具(B),按下图设置笔刷。 04-_ K  
[*^.$s(  
oj djy#:  
xRD+!3  
M YF ^zheD  
步骤48 – 放置颗粒   ,!l_  
笔刷设置完成后,再次选择钢笔工具(P)。在屏幕上点击右键,选择描边路径。选择笔刷选项,然后勾选模拟压力。按OK。 Cjf[]aNJe`  
ML_VD*t9  
下图是做完之后的效果: -x+3nb|.  
*)Qv;'U=rn  
步骤49 – 复制和变换颗粒   \Osu1]Jn>  
复制颗粒,水平和垂直翻转它们。把它们放在屏幕的右侧。 L(TM& ps\-  
{nV/_o$$  
步骤50 – 添加烟雾的阴影   .rtA sbp.!  
同时选择两个烟雾图层,复制它们。按Ctrl + T如下图变换它们。按Ctrl +单击这个复制后的新层激活蒙版,然后去编辑>填充…  (或按Shift + F5键),填充黑色。 h9Far8}  
I_<VGU k  
步骤51 – 添加高斯模糊   yiZtG#6K{  
现在,我们需要为阴影添加模糊效果。去菜单>滤镜>模糊>高斯模糊… 并设置1px的半径。按OK。 R])Eg&  
V.*TOU{{xh  
最终结果   3IMvtg  
这就是最终的设计效果。非常感谢大家阅读本教程。希望这对你有所帮助! "|8oFf)l@B  
*C*ZmC5  
本文出处:http://www.798me.com/ 072C!F  
8S1@,O,  
分享到
离线 jason_lau
发表于: 2011-06-08 只看该作者
1F
只可惜不会AI。不然的话也试试
发表于: 2011-06-08 只看该作者
2F
很好的教程,授教了。
离线 xjwlmq001
发表于: 2011-06-08 只看该作者
3F
很好的教程 ^ U~QQ  
离线 liuyong123
发表于: 2011-06-08 只看该作者
4F
教程非常不错
离线 hphuaqiao
发表于: 2011-06-14 只看该作者
5F
很好的教材 不过我不会用那软件
离线 qq397604105
发表于: 2011-09-01 只看该作者
6F
很好的教程,授教了。 <,d.`0:y  
离线 shadowtail
发表于: 2011-09-16 只看该作者
7F
很详细啊。。。不错不错。。。 W2X`%Tx0  
thanks
离线 cfpy
发表于: 2011-09-18 只看该作者
8F
太复杂了
离线 majing_mashi
发表于: 2011-09-22 只看该作者
9F
学习一下。。。。在
快速回复
限150 字节
温馨提示:严禁胡乱恶意回复帖子,违者严惩,严重者封号!
 
上一个 下一个
      你的浏览器不支持js脚本,无法发帖,请修改浏览器设置,支持js脚本并刷新页面后再发帖!
      欢迎光临中国汉化网

      登录后更精彩!

      下拉
      使用快捷登录 或 免费注册