在本教程中,大家将学习如何在Illustrator中创建3D文本,然后将其转移到Photoshop中应用效果创建出一个令人惊叹的设计作品 ))M; .b.D >L#HE
+4k Bd<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.}lz
现在我们将添加一些点光使文字的边角更亮。选择画笔工具(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"wr8 步骤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
从列表中选择画笔,然后点击确定。 35;|r
:_V9Jwu 步骤26 – 添加更多的描边路径 s:ig;zb
重复步骤22 – 25,添加更多的描边。 ZFwUau
p^QZGu-.W 步骤27 – 创建阴影区域的高光
m_YXTwwx 在这一步我们将在黑暗处添加发光效果。选择钢笔工具(P),按下图创建路径。按Ctrl + Enter键做选区,填充棕色(#614717)。
uqy&PS :0N}K}
8p D$/ 步骤28 -改变混合模式
-#@l`kt 现在,把这层放在文字层的上方,按Ctrl + Alt + G组合文字图层。然后去图层混合模式,选择“颜色减淡”
-wn,7;
ayF+2(vch) 步骤29 – 擦除角落
j=|cx+nb 选择橡皮擦工具(E)。选择直径100px的柔软的圆形笔刷。擦除边角。如下图。
ZtHTl\z
Gbj^o o 步骤30 – 添加更多的描边路径
:Kq]b@X 参照步骤22-25继续添加更多的描边路径。
@vyq?H$U;N
)+GwYt 做完这些步骤之后你的图像应类似于下图。
<|-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-hR EO
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; 7 R 选择钢笔工具(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#cGd\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 – 笔刷设置
/IWAU)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,