2、选择文字,对象扩展,点击“确定”按钮。现在我们的文字已经不再是可编辑的文本了,它已经变成了需使用直接选取工具编辑的路径了。
![](http://img.tulaoshi.com/image/20160131/24b001c1d34218e9f0d349ebec77c10c.jpg)
3、现在,我们的字母是被编组在一起的,我们要把他们变成一体的路径。用路径查找器下的“联集”可以做到。如果没打开路径查找器面板,窗口路径查找器,打开面板,然后选中路径,点击“联集”。![](http://img.tulaoshi.com/image/20160131/a67596d2960cc7726bebbd13a9bf0c2b.jpg)
4、文本颜色也改成浅灰色。用钢笔工具(P)在字母s的末尾开始勾一个如图的曲线。![](http://img.tulaoshi.com/image/20160131/ca79c386c21e311496c1b966db43a84e.jpg)
5、根据字母的粗细调节一下曲线的粗细,我这里是12pt。![](http://img.tulaoshi.com/image/20160131/c632c7baf9f24fcee43aa12b7ec28e56.jpg)
6、在图层面板中拖拽路径层到新建图层按钮来复制图层。点击新复制出来图层前面的小眼睛,隐藏图层。这样可以方便我们后面在Photoshop中添加阴影。 用直接选取工具(A)选择右下角的两个节点,按下Delete键删除节点,把该图层命名为“swirl 1。
![](http://img.tulaoshi.com/image/20160131/d4a5d8ea27f342fb57ab29c2aec2ad33.jpg)
7、隐藏图层“swirl 1”,显示我们刚才复制的图层,重命名为“swirl 2”,删除以下节点。这样做是由于当我们把路径挤压成3D效果时,不想让路径在交叉点横穿,而是想要前后层的效果。![](http://img.tulaoshi.com/image/20160131/7788eedf859fe254dd7f6b93f4f52db0.jpg)
8、让所有图层都显示,选中两个新建的路径图层,对象 扩展,点击“确定”。放大视图如下移动路径节点,编辑细节。![](http://img.tulaoshi.com/image/20160131/6c6cd2e742f84487d0cbef726905740b.jpg)
![](http://img.tulaoshi.com/image/20160131/4a7605477770921bf7b79b46abdddfbb.jpg)
![](http://img.tulaoshi.com/image/20160131/52d78baa880d06ec4597e4577cb01d56.jpg)
![](http://img.tulaoshi.com/image/20160131/10a8a9d563ffdf24430c5cf4cce15a97.jpg)
9、放大视图到曲线末尾,增加两个节点如下所示,然后轻微上移和右移。![](http://img.tulaoshi.com/image/20160131/007ee3a3496973e6a9395ae4c5ae5bac.jpg)
![](http://img.tulaoshi.com/image/20160131/399631031ee4aedb5b683d2f46f45ce7.jpg)
10、转换锚点工具(Shift + C),调整两个新的锚点让尖角变成圆角。![](http://img.tulaoshi.com/image/20160131/3a320477bf5c863f4f394bd476211fc7.jpg)
![](http://img.tulaoshi.com/image/20160131/3f3b1684048d240d1e85fce5aaa49623.jpg)
11、然后我们调整路径中要与文字连接的区域,让它们连接更平滑。![](http://img.tulaoshi.com/image/20160131/192b16db86d6307fe0d7e805f158f1d3.jpg)
12、调整满意以后,让所有的形状统一填充色为中等灰色。然后选中所有对象,效果 3D 凸出和斜角。![](http://img.tulaoshi.com/image/20160131/003d049b17c8a1898bbd8b451fbf0c58.jpg)
13、选择所有对象,对象 扩展外观。![](http://img.tulaoshi.com/image/20160131/a5ade6b9d89935ff21a113dca1018c39.jpg)
14、现在衔接的地方效果不是很理想,你可以微调节点,稍后我们也会对此做调整。![](http://img.tulaoshi.com/image/20160131/5acb2e5af3a195ff5bb25c64d3a68076.jpg)
15、隐藏两个线条图层,仅让文字层可见。选择文字图形,右击 取消编组,然后再来一次,右击 取消编 组。选择在前面的正面图形,隐藏该层。现在应该留下3d阴影元素。 拖动鼠标选取所有剩下的图形元素,点击路径查找器中的“联集”按钮,命名图层为“3d 1”。然后对隐藏的那两个曲线图层重复同样的操作,把新图层分别命名为“3d2”和“3d 3”。
![](http://img.tulaoshi.com/image/20160131/df3a06fac4e9d39c52195bef96d0bd53.jpg)
16、你现在应该有6个图层了 “text”, “3d 1″, “swirl 1″, “3d 2″, “swirl 2″ and “3d 3″。![](http://img.tulaoshi.com/image/20160131/490b6f63d4feb60e63e7f99d2bcf1d70.jpg)
17、在我们导出这个文件到Photoshop之前,我们需要把视图放大,用直接选取工具(A)调节一下曲线节点,让他们无缝衔接。![](http://img.tulaoshi.com/image/20160131/469712568dadcc757cad85f90b52ad6a.jpg)
18、现在我们将把文件导出成一个分层的PSD文件。文件 导出,选择Photoshop (*.psd)格式。![](http://img.tulaoshi.com/image/20160131/c7d09428996b751044477acbf2912a71.jpg)
19、用Photshop打开刚刚导出的文件,图像 画布大小,输入3000 * 2000px,点击“确定”。Cmd/Ctrl + T调节图形到合适的大小。![](http://img.tulaoshi.com/image/20160131/50967da7c249d8a3976b6038aab7a679.jpg)
20、如下命名我们的图层。![](http://img.tulaoshi.com/image/20160131/2c151a42ac509a6718d326c157733661.jpg)
21、编组图层(Cmd/Ctrl + G),“1”中包含“base 1”和“3d 1”,“2”包含“base 2”和“3d 2”,“3”包含“base 3”和“3d 3”。 ![](http://img.tulaoshi.com/image/20160131/5888f58f6a24cfda565ee5cb1b18f0dc.jpg)
22、在“3”下面新建一层,命名为“bg”(作为背景),填充白色。在“bg”之上新建图层,命名为“bg2”。设置前景色为#767676,选择渐变工具(G)。选择前景色到透明渐变,从文档顶部到中间拉一条渐变,设置图层不透明度为30%。![](http://img.tulaoshi.com/image/20160131/6f614b790695b9c638af4e4521bde968.jpg)
23、在“bg 2”上新建一层,命名为“bg 3。选择渐变工具,按一下D键将前景色和背景色分别设置为黑色和白色。用前景色到背景色渐变在文档的底部拉一个新的渐变,将该层不透明度设置为10%。群组这三个新的图层,命名为“background”。![](http://img.tulaoshi.com/image/20160131/fefc05778455c8881b9e90ab0b395504.jpg)
24、选择图层“base 1”,加一个渐变叠加图层样式(图层 图层样式 渐变叠加),颜色从#c81d61到#d3347b。![](http://img.tulaoshi.com/image/20160131/a0c909573bcded3923eeac8c61029113.jpg)
25、右击图层“base 1”选择拷贝图层样式,选择图层“base 2”,Cmd/Ctrl + 点击图层“base 3”让两个图层都为选中状态,然后右击这两个图层,选择粘贴图层样式。双击图层“base 3”的图层样式,打开图层样式面板并反转渐变。![](http://img.tulaoshi.com/image/20160131/5a35206eb9d1e394c2ee25d750f675d0.jpg)
26、现在我们给所有的“3d”图层添加颜色叠加的图层样式。选中图层“3d 1”应用颜色叠加图层样式(图层 图层样式 颜色叠加),颜色为#797979。然后拷贝图层样式(右击 拷贝图层样式)然后粘贴到图层“3d 2”和“3d 3”。![](http://img.tulaoshi.com/image/20160131/eaa61dc3beb3e6f0d1910cb51cf556ee.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/psxg/)27、在组“1”中新建一个图层,命名为“shine”。我们的图层结构应该如下。![](http://img.tulaoshi.com/image/20160131/8c5df3836b731de2a7ae3d18e1139279.jpg)
28、设置前景色为白色,选择前景色到透明渐变,拉一条从文字中间到顶部的渐变。![](http://img.tulaoshi.com/image/20160131/c3ec07dcdc01042126348879c8c9dc3b.jpg)
29、Cmd/Ctrl + 单击图层“base 1”的缩略图,(这将建立一个基于该图层的选区),然后选择 修改 收缩,收缩量为2像素。![](http://img.tulaoshi.com/image/20160131/1f56eac458494e5cc413f1bac28e52b4.jpg)
30、把图层“shine”的不透明度改为30%,在刚刚那个选区激活状态的情况下点选图层“shine”,点击图层面板底部的“添加图层蒙版”按钮。![](http://img.tulaoshi.com/image/20160131/0b8d6eeabcf15f9d4ad078b8005c46d2.jpg)
31、在图层蒙版被选中的状态下,设置前景色为黑色,选择一个适中大小的硬边缘笔刷在图层“shine”下面画蒙版。![](http://img.tulaoshi.com/image/20160131/1fa6b2a2e258bb367584ba9f6670d4c5.jpg)
32、新建一个图层叫“shine”,放到组“2”中,沿斜线方向拉另一个白色到透明的渐变。![](http://img.tulaoshi.com/image/20160131/e96b14161b43d59e7d8aacf1d886b121.jpg)
33、Cmd/Ctrl + 单击图层“base 2”的缩略图(生成一个基于该层的选区),然后Cmd/Ctrl + shift + 单击图层“base 3”(这将增加基于图层“base 3”的选区到现有的选区上)。收缩选区2像素,选择 修改 收缩 2像素。选中新图层“shine”,点击图层面板下面的“添加图层蒙版”按钮。效果如下。![](http://img.tulaoshi.com/image/20160131/71b0626efcd8aa5ab397590a6887a4fe.jpg)
34、把图层“shine”不透明度设为50%,选用合适的硬边缘笔刷修改蒙版,遮住更多的地方。![](http://img.tulaoshi.com/image/20160131/cc2483d8002aec5900dab2ce2ec11f5c.jpg)
35、在组“1”中新建一个组,命名为“3d shading”,把它放在图层“3d 1”之上,“base 1”之下。Cmd/Ctrl + 单击“3d 1”的缩略图,然后点击“添加图层蒙版”按钮,为新组加蒙版。![](http://img.tulaoshi.com/image/20160131/8b8b86659f9fa4a4de6133ff1b868c5c.jpg)
36、在这个组里新建图层,命名为“shading 1”,然后用一个小点的柔边笔刷,80%的黑色,根据你所表现的光源方向,在应该为暗部的地方加阴影。![](http://img.tulaoshi.com/image/20160131/67f3bddc2fa3b093e4acbadc866a7450.jpg)
37、然后设置图层的混合模式为叠加,50%的不透明度。![](http://img.tulaoshi.com/image/20160131/700636ce17a93122c3964f77dfc954de.jpg)
38、在图层“shading 1”之上新建图层命名为“shading 2”,用一个小的柔边笔刷,不透明度为50%,白色,在光源环境中应更亮的地方喷涂。![](http://img.tulaoshi.com/image/20160131/1f03448cf83d517fd5abb061fda788eb.jpg)
39、设置图层“shading 2”不透明度为50%,图层混合模式为叠加。![](http://img.tulaoshi.com/image/20160131/757f1707322174f1cb19bb28c380961e.jpg)
40、在这个组里新建一层“shading 3”。用小的柔边笔刷,不透明度100%,黑色,在没有光能找到的地方喷涂更多的阴影。![](http://img.tulaoshi.com/image/20160131/ba26d23099bd99d67e00444f2bd35327.jpg)
41、现在我们将对组“2”重复刚才的步骤。在组“2”中,在“3d 2”之上,“base 2”之下新建一个组,取名叫“3d shading 2”,Cmd/Ctrl + 单击“3d 2”的缩略图,将生成的选区作为一个遮罩应用给“3d shading 2”。然后新建图层取名叫“shading 1”,用一个合适大小的柔边黑色笔刷在这个组的阴影部分喷涂。将混合模式设置为叠加。![](http://img.tulaoshi.com/image/20160131/fc97461abe6a8528fa62e42ca7819e6b.jpg)
42、在这个组中新建一个图层叫“shading 2”。用一个合适大小柔边白色笔刷在左角画出高光,修改图层混合模式为叠加。![](http://img.tulaoshi.com/image/20160131/4c48b0c1a9e610cc0df90c73dcdf6419.jpg)
43、现在我们对组“3”做同样的事情。新建一个组叫“3d shading 3”,把这个组放在组“3”里,在“base 3”和“3d 3”之间。Cmd/Ctrl + 单击图层“3d 3”,将选区作为遮罩应用给“3d shading 3”。在这个新文件夹中新建图层命名为“shading 1”,设置混合模式为叠加。用一个大点的黑色笔刷沿着底部边缘喷涂阴影。![](http://img.tulaoshi.com/image/20160131/8a70dd414225b00fab736ac72249bec5.jpg)
44、新建一个图层,命名为“shading 2”,用一个大点儿的白色笔刷如下喷涂高光。![](http://img.tulaoshi.com/image/20160131/d1da99933f984f86a2a5bed41626d294.jpg)
45、把图层混合模式改为叠加。![](http://img.tulaoshi.com/image/20160131/b65cdfe26576d2c38c01c518e9ab0b1f.jpg)
46、现在,图像效果和图层应显示如下图。![](http://img.tulaoshi.com/image/20160131/9433a871adf742bdda1c316f6f9db6b2.jpg)
47、现在回到组“1”,拖拽“base 1”到图层面板底部的“新建图层”按钮上来复制一层。![](http://img.tulaoshi.com/image/20160131/1c5ed11ae431448f6067ff5028d338e1.jpg)
48、双击新复制图层的渐变叠加效果打开图层样式窗口。在图层样式窗口,取消勾选渐变叠加,按照如下设置增加内阴影。![](http://img.tulaoshi.com/image/20160131/05be72e4741d87f4430b92c7ab34de76.jpg)
49、右击该图层的图层效果,选择创建图层。这将会把效果从图层上分离出来,转换成一个位图。命名这个图层为“highlight 1”。![](http://img.tulaoshi.com/image/20160131/1fa1790cda6763bb84d8ad17ec9f0476.jpg)
50、现在你可以删除图层“base 1 copy”了。使用方向键左移“highlight 1″1像素,Cmd/Ctrl + 单击“base 1”的缩略图,点击图层面板底部的“添加图层遮罩”按钮将生成的选区作为遮罩应用给“highlight 1”。 用方向键将图层向上微移1像素,左移2像素。这是为了将高光正巧放在字母的折角处发出反射光的地方。效果如下。
![](http://img.tulaoshi.com/image/20160131/d55f3dc0420047906ae554f10ae90eed.jpg)
51、编组图层“highlight 1”(Cmd/Ctrl + G),命名该组为“highlight”。点击图层蒙版按钮给该组一个图层蒙版。当然,我们也可以在图层“highlight 1”的图层蒙版上直接工作,但在组的图层蒙版上工作比较容易修改错误或是微调蒙版。![](http://img.tulaoshi.com/image/20160131/32a921cd91989f0b67788d5a941ed5e7.jpg)
52、在图层蒙版被选中的状态下,用合适的柔边黑色笔刷,遮住高光文件夹的区域。遮住所有左上边缘以外的区域。效果如下。![](http://img.tulaoshi.com/image/20160131/3f0c82b90b0b1153a28567d20c3d82ee.jpg)
53、对组“2”和“3”重复刚刚的步骤复制“base”图层,应用内阴影,然后由样式新建一个图层,还有必要的遮罩。![](http://img.tulaoshi.com/image/20160131/6a90ad81711fba1fe5ae476018463aa4.jpg)
54、好啦,现在我们加点颜色上去。在所有图层和组的最上面新建一个文件夹,命名为“color overlay”。在新组里新建一个图层名叫“overlay 1”。前景色设为#7c21c8,用渐变工具(G),前景色到透明,径向渐变。在图形的右下角区域画一个大大的渐变,混合模式设为颜色。![](http://img.tulaoshi.com/image/20160131/5b2dff94f6e065c20e3663a5edc55c41.jpg)
55、新建一层叫“overlay 2”,前景色为#fee409,在图形右上角画另一个渐变。混合模式改为颜色。![](http://img.tulaoshi.com/image/20160131/b229fc1af9244037a734460c8942c16b.jpg)
56、现在我们需要一个包含全部“base”图层的选区。Cmd/Ctrl + 单击“base 1”,Cmd/Ctrl + Shift + 单击“base 2”,Cmd/Ctrl + shift + 单击“base 3”。 ![](http://img.tulaoshi.com/image/20160131/d0bcdf652b66bd85bb116a4db59e99aa.jpg)
57、点击“添加图层蒙版”按钮把基于这个选区的蒙版加给组“color overlay”。 ![](http://img.tulaoshi.com/image/20160131/047c019990b0c8a07d4ee1824ee62a3c.jpg)
58、现在给图层“3d”加颜色。在组“1”中新建图层,命名为“color 1”,把它放在组“3d shading 1”之上。选则渐变工具,设置一个三色渐变,颜色分别为#a53c3d,#c52366和#b22d9d。在新图层上,画一个长度为我们图像长度的渐变,设置“color 1”的混合模式为颜色。 ![](http://img.tulaoshi.com/image/20160131/24d231bfd0af1c10ff54862e4d3ed91e.jpg)
![](http://img.tulaoshi.com/image/20160131/18d1a55b684a070725151547ae96fae1.jpg)
59、现在我们要用图层“3d”的形状为新的渐变图层添加遮罩,并减掉一些“base”图层的形状。选区的精准非常必要,因此请按照以下操作提示进行单击,记住,你要单击图层的缩略图而非整个图层。 首先,Cmd/Ctrl + 单击“3d 3”,然后Cmd/Ctrl + alt + 单击“base 2”,Cmd/Ctrl+ Shift + 单击“3d 2”,下面Cmd/Ctrl + Shift + 单击“3d 1”,最后Cmd/Ctrl +Alt + 单击“base 1”。获得选区后,作为遮罩应用给“color 1”。
![](http://img.tulaoshi.com/image/20160131/f1f4180e75d7ce880b510e712b85d755.jpg)
![](http://img.tulaoshi.com/image/20160131/9acfbb2c9112d993971420ce8822ec88.jpg)
![](http://img.tulaoshi.com/image/20160131/6d15996170ef6e6d6844e6436f897411.jpg)
60、下面,在组“2”之上新建图层,命名为“shadow”。Cmd/Ctrl + 单击缩略图“base 2”,Cmd/Ctrl + shift + 单击“3d 2”的缩略图,把基于选区的遮罩加给图层“shadow”。在这个图层,用一个适中的柔边笔刷,不透明度为30%,黑色,在曲线上部被蚊子遮住的地方喷涂阴影。这会让两个元素间产生层次感。![](http://img.tulaoshi.com/image/20160131/3e6ea2f60315c6df124280036de78b8b.jpg)
![](http://img.tulaoshi.com/image/20160131/27431e8175a5b63ee194da7d31a13e0a.jpg)
61、现在我们要对曲线遮住自己的地方做同样的事情。在组“3”之上新建一层,命名为“shadow 2”。 Cmd/Ctrl + 单击“base 3”的缩略图,Cmd/Ctrl + Shift + 单击“3d 3”的缩略图,把基于获得的选区的遮罩加给“shadow2”。用一个适中的柔边笔刷,30%黑色,在下面的曲线图形上喷涂阴影。
![](http://img.tulaoshi.com/image/20160131/7796ea659f3064301f10d1c5196642bf.jpg)
![](http://img.tulaoshi.com/image/20160131/95dbaa868bdeeb1f1640ef7cfd505c68.jpg)
62、我们就要完成了,就剩下一个小阴影和倒影没加了。如果现在收起所有的文件夹,你应该剩下5个组。选择除了“background”之外的组,拖到“新建图层”按钮上,进行复制。选中刚复制出的所有文件夹,Cmd/Ctrl + E合并到一层,命名为“reflection”。自由变换(Cmd/Ctrl + T),右击 垂直翻转。把这层移到下面,加一个图层蒙版。![](http://img.tulaoshi.com/image/20160131/1e3c6055d08c6eb7631eed3fdc560775.jpg)
![](http://img.tulaoshi.com/image/20160131/10a32a4a9bfe2e7237e7a4e8e306c3aa.jpg)
63、前景色黑色,背景色白色,在蒙版上沿着倒影从下到上画前景色到背景色的线性渐变,把该层的不透明度降为10%。![](http://img.tulaoshi.com/image/20160131/56399d20f47afd18fdc9870c9010e299.jpg)
![](http://img.tulaoshi.com/image/20160131/6f27fad21d1cf3ef3efa16937c4bcf4c.jpg)
64、最终,在组“background”之上新建图层命名为“shadow”。前景色设为黑色,渐变工具(G),径向渐变,在图像的中间画一个大点儿的前景色到透明的渐变。![](http://img.tulaoshi.com/image/20160131/91d42ff8e4a4c2ffa9cfbbeafd014579.jpg)
![](http://img.tulaoshi.com/image/20160131/732f10e416be1a81135ab95aba606a9e.jpg)
![](http://img.tulaoshi.com/image/20160131/2da459be9680a32fb6b18d0ced818d0a.jpg)
65、自由变换(Cmd/Ctrl + T),拖动上面和下面的锚点如图所示减小高度。![](http://img.tulaoshi.com/image/20160131/512ab5c024de57b0b7f05a7e7ab32be5.jpg)
66、在我们确认自由变换的效果之前,右击选择透视。向左拖动右上锚点(左边的锚点也会镜像过来),回车。![](http://img.tulaoshi.com/image/20160131/29c1c0cff6f857740b0c0979e6e9f4a2.jpg)
把该层的不透明度改为30%,完成最终效果。![](http://img.tulaoshi.com/image/20160131/25fcdc5f46f5a477833abe71d35b2f70.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/psxg/)