豆瓣小组 发表于 2016-8-12 18:11

PS结合AI制作常见的电商BANNER广告立体字体设计教程 [20P]

文字中的立体部分是在AI完成的，同样也可以在PS中完成。文字表面需要用图层样式及素材增加质感，再装饰一点光晕，加上放射背景等，效果非常有冲击力。最终效果



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192528.jpg



1、首先打开AI软件，输入文字，排好位置。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192545.jpg



2、打散文字，变成矢量路径。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/20140725205558975.jpg



3、选择菜单：效果 > 3D > 凸出和斜角。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192550.jpg



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192592.jpg



4、完成设置点击确认，效果如下图。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192578.jpg



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192511.jpg



5、复制一份备用，然后选中，执行“扩展外观”。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192537.jpg



6、选择后右键，取消编组，再一次取消编组，把文字和立体的部分分离出来。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192595.jpg



7、此时AI部分的操作就已经全部结束了，接下来打开PS软件，AI里选中刚才分离出来的文字，按Ctrl + C复制，再到PS里Ctrl + V 粘贴为智能对象，目的是放大缩小都不会模糊。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192589.jpg



8、选中两个图层，居中对齐，组成在AI里设计的立体效果，现在就开始在PS里添加样式进行设计了。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192596.jpg



这里会有细缝，没有关系，可多复制几层看不出来了。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192508.jpg



9、背景加个渐变底色，文字部分加渐变黄色，内发光，描边，立体部分混合模式选“颜色”。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192510.jpg



10、在网上随便找张三角形图，去色，叠加模式选择“亮光模式”，透明度根据实际随意调节，如果不明显可再复制一层。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192642.jpg



11、立体部分感觉明暗对比不够强烈，可新建一个图层，直接在上面画需要加暗的部分，然后选择颜色加深，根据实际效果调节透明度。再新建一个图层，画椭圆，高斯模糊，做整体的阴影。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192709.jpg



12、在网上找几张光线特效，叠加模式选择“滤色”，背景再加入发散的光线，突出文字。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192733.jpg



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192752.jpg



13、发散光线做法，先新建个长方形形状，Ctrl + T 透视变形为三角形，把中心点移动最低端，选择15度，接着按Ctrl + Alt + Shift + T 重复多次直至形成一个整圆，添加图层蒙版，加黑吧渐变弱化边缘，选择叠加模式“柔光”，调节合适透明度。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192784.jpg



14、最后加入一些动感立体块，增强视觉冲击力。



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192731.jpg



最终效果：



http://www.poluoluo.com/jzxy/UploadFiles_333/201407/2014072518192528.jpg




bbsz5sxzaa 发表于 2016-11-22 21:28

过来看看,不错的

hackysh 发表于 2022-2-10 10:50


[快捷回复]-感谢楼主热心分享！

别管我了行 发表于 2022-4-10 04:06

曾经沧海 发表于 2022-12-27 23:12

这个很实用，谢谢分享。

一生逍遥 发表于 2023-1-10 14:33

嗯嗯 很感谢楼主的教程!

曾经沧海 发表于 2023-6-2 16:24

这才是实实在在滴为r着想的真大佬1

sjtkxy 发表于 2023-9-8 05:53

九天一叶 发表于 2025-1-4 20:43

感谢分享！
页: [1]
查看完整版本: PS结合AI制作常见的电商BANNER广告立体字体设计教程 [20P]