AI与PS结合设计制作漂亮的连写立体字教程

侯丽玉

侯丽玉

2016-03-18 03:50

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享AI与PS结合设计制作漂亮的连写立体字教程,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。
来源:活力盒子 作者:零七创意
本教程过程看似很多,制作起来也不是那么复杂。作者使用AI的目的是要做出比较流畅的字体和简单的立体效果。如果PS熟练的话,全部可以在PS里面完成。
大致过程:先设立好想要的文字或图形,然后慢慢立体化,受光面需要根据光源设定好高光和暗调,做出水晶质感。最后渲染好颜色并加上倒影等即可。
最终效果


1、打开Illustrator新建RGB文档,1000px * 800px,72DPI,写一些文字,字体稍大些。我这里用Marketing Script字体,字号234pt。



2、选择文字,对象扩展,点击“确定”按钮。现在我们的文字已经不再是可编辑的文本了,它已经变成了需使用直接选取工具编辑的路径了。


3、现在,我们的字母是被编组在一起的,我们要把他们变成一体的路径。用路径查找器下的“联集”可以做到。如果没打开路径查找器面板,窗口路径查找器,打开面板,然后选中路径,点击“联集”。


4、文本颜色也改成浅灰色。用钢笔工具(P)在字母s的末尾开始勾一个如图的曲线。


5、根据字母的粗细调节一下曲线的粗细,我这里是12pt。


6、在图层面板中拖拽路径层到新建图层按钮来复制图层。点击新复制出来图层前面的小眼睛,隐藏图层。这样可以方便我们后面在Photoshop中添加阴影。

用直接选取工具(A)选择右下角的两个节点,按下Delete键删除节点,把该图层命名为“swirl 1。


7、隐藏图层“swirl 1”,显示我们刚才复制的图层,重命名为“swirl 2”,删除以下节点。这样做是由于当我们把路径挤压成3D效果时,不想让路径在交叉点横穿,而是想要前后层的效果。


8、让所有图层都显示,选中两个新建的路径图层,对象 扩展,点击“确定”。放大视图如下移动路径节点,编辑细节。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)




9、放大视图到曲线末尾,增加两个节点如下所示,然后轻微上移和右移。


10、转换锚点工具(Shift + C),调整两个新的tuLaoShi.com锚点让尖角变成圆角。



11、然后我们调整路径中要与文字连接的区域,让它们连接更平滑。


12、调整满意以后,让所有的形状统一填充色为中等灰色。然后选中所有对象,效果 3D 凸出和斜角。


13、选择所有对象,对象 扩展外观。

14、现在衔接的地方效果不是很理想,你可以微调节点,稍后我们也会对此做调整。


15、隐藏两个线条图层,仅让文字层可见。选择文字图形,右击 取消编组,然后再来一次,右击 取消编 组。选择在前面的正面图形,隐藏该层。现在应该留下3d阴影元素。

拖动鼠标选取所有剩下的图形元素,点击路径查找器中的“联集”按钮,命名图层为“3d 1”。然后对隐藏的那两个曲线图层重复同样的操作,把新图层分别命名为“3d 2”和“3d 3”。



16、你现在应该有6个图层了 “text”, “3d 1″, “swirl 1″, “3d 2″, “swirl 2″ and “3d 3″。


17、在我们导出这个文件到Photoshop之前,我们需要把视图放大,用直接选取工具(A)调节一下曲线节点,让他们无缝衔接。

18、现在我们将把文件导出成一个分层的PSD文件。文件 导出,选择Photoshop (*.psd)格式。


19、用Photshop打开刚刚导出的文件,图像 画布大小,输入3000 * 2000px,点击“确定”。Cmd/Ctrl + T调节图形到合适的大小。


20、如下命名我们的图层。


21、编组图层(Cmd/Ctrl + G),“1”中包含“base 1”和“3d 1”,“2”包含“base 2”和“3d 2”,“3”包含“base 3”和“3d 3”。


22、在“3”下面新建一层,命名为“bg”(作为背景),填充白色。在“bg”之上新建图层,命名为“bg2”。设置前景色为#767676,选择渐变工具(G)。选择前景色到透明渐变,从文档顶部到中间拉一条渐变,设置图层不透明度为30%。


23、在“bg 2”上新建一层,命名为“bg 3。选择渐变工具,按一下D键将前景色和背景色分别设置为黑色和白色。用前景色到背景色渐变在文档的底部拉一个新的渐变,将该层不透明度设置为10%。群组这三个新的图层,命名为“background”。

24、选择图层“base 1”,加一个渐变叠加图层样式(图层 图层样式 渐变叠加),颜色从#c81d61到#d3347b。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
25、右击图层“base 1”选择拷贝图层样式,选择图层“base 2”,Cmd/Ctrl + 点击图层“base 3”让两个图层都为选中状态,然后右击这两个图层,选择粘贴图层样式。双击图层“base 3”的图层样式,打开图层样式面板并反转渐变。


26、现在我们给所有的“3d”图层添加颜色叠加的图层样式。选中图层“3d 1”应用颜色叠加图层样式(图层 图层样式 颜色叠加),颜色为#797979。然后拷贝图层样式(右击 拷贝图层样式)然后粘贴到图层“3d 2”和“3d 3”。

123下一页
展开更多 50%)
分享

猜你喜欢

AI与PS结合设计制作漂亮的连写立体字教程

PS PS基础 ps平面设计教程 ps去水印教程
AI与PS结合设计制作漂亮的连写立体字教程

AI与PS结合制作漂亮的连写立体字

PS效果 PS PS基础
AI与PS结合制作漂亮的连写立体字

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AI与PS结合制作漂亮的连写立体字教程

电脑网络
AI与PS结合制作漂亮的连写立体字教程

AI与PS结合制作漂亮的金色霓虹字教程

PS教程
AI与PS结合制作漂亮的金色霓虹字教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

结合AI制作漂亮的花纹立体字

PS PS基础 ps平面设计教程 ps去水印教程
结合AI制作漂亮的花纹立体字

AI与PS结合制作漂亮的金色霓虹字

PS效果 PS PS基础
AI与PS结合制作漂亮的金色霓虹字

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop设计梦幻的中秋星空文字体效果教程

Photoshop设计梦幻的中秋星空文字体效果教程

Photoshop设计梦幻的蓝色浮雕字效果教程

Photoshop设计梦幻的蓝色浮雕字效果教程
下拉加载更多内容 ↓