AI+PS教程!丝带穿插的文字视觉海报!

时间:2021-05-26
类别:PS教程
水平:入门
观众:6492
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

教程作者:设计师就业衔接班05期-11-火锅兔子

交作业:#优设每日作业#

关于教程

想要制作视觉效果炫酷的海报,利用PS软件就可以轻松实现~

效果图

AI+PS教程!丝带穿插的文字视觉海报!

教程步骤

Step 01 新建文档

1.1 打开Adobe illustrator,点击文件-新建(快捷键CTRL+N),创建一个新的文件, 可根据自己的海报尺寸建立相同大小的AI文件,参考设置如下:

AI+PS教程!丝带穿插的文字视觉海报!

Step 02 用AI绘制绘制几何体

2.1 首先打开AI,建立一个画布,尺寸不限,绘制一个矩形,参数如下:

AI+PS教程!丝带穿插的文字视觉海报!

2.2 画好后复制一个出来,稍微缩小一点,将复制的小矩形图层放置在大矩形的图层下方,然后按快捷键W键调出混合模式,或者点击左侧工具栏里的混合模式选项,分别用鼠标点击两个形状,这时候会弹出一个对话框,如果没有弹出可以双击一下混合模式的选项,选择混合模式为指定的步数,具体数值可根据海报尺寸和个人喜好进行调整,我这里输入的步数为100.这样做出了图右一这样的效果。:

AI+PS教程!丝带穿插的文字视觉海报!

2.3 给新建出来的形状添加动感效果:首先点击直接选择工具(快捷键A)点击刚绘制好的形状,就会发先中间有个蓝色的轴,用钢笔工具(快捷键P),在这个轴上添加几个锚点,可以随意添加,钢笔的笔尖在轴线上多点几下就能看到上面多了几个锚点,如下图所示:

AI+PS教程!丝带穿插的文字视觉海报!

2.4 切换回直接选择工具(快捷键A),然后选中锚点开始拖拽,方向和拖拽的范围可以跟随自己的感觉来,注意拖拽的时候,选中的点会变成蓝色,如果全都是蓝色那就是都选中了,如果想要选中其中的几个点,可以按住shift键进行加选,还需要注意的一点:直接拖拽的出来的会是一个直的角,如果想要变成弯曲的效果就直接拖动点下方的白色点,拉出弧度后,会发现锚点会自动出现一个调节杆,这个杆可以调节弧度的大小和方向,我最后的制作效果如右图所示,到此AI的绘制就此结束了

AI+PS教程!丝带穿插的文字视觉海报!

2.5 复制到ps中,选中绘制好的图形直接复制粘贴到ps中, 粘贴的时候直接选择为像素即可:

AI+PS教程!丝带穿插的文字视觉海报!

Step 03 在PS中制作海报背景

3.1 利用自由变换工具(CTRL+T)调整图形的大小和位置,将其放置在画面的合适效果,如图所示:

AI+PS教程!丝带穿插的文字视觉海报!

3.2 添加背景颜色,解锁背景图层,添加纯色背景

添加黑色背景,具体参数如下图

AI+PS教程!丝带穿插的文字视觉海报!

3.3 给图形添加一个阴影的效果,使其看起来更有立体感,新建一个图层,用画笔工具(快捷键B),选择常规画笔-柔边圆画笔,模式调整为溶解,具体参数参考下图,这里我隐藏了背景,方便看效果:

AI+PS教程!丝带穿插的文字视觉海报!

Step 04 添加文字及效果

4.1 在海报上打上相应的文字,给文字编组,然后在文字组上添加蒙版,选择笔刷库里的旧版画笔中的圆形硬毛刷,将颜色调整为黑色,稍微在字体上擦一擦,制作出文字部分稍微透出一些背景色的做旧质感,

AI+PS教程!丝带穿插的文字视觉海报!

4.2 给文字组整体添加投影,具体数值如下:

AI+PS教程!丝带穿插的文字视觉海报!

Step 05 绘制彩条及其光影效果

5.1 用钢笔工具绘制一个彩条,关闭填充,描边设置为60像素,给彩条添加蒙版,选中蒙版,并用黑色的画笔擦出文字穿插的效果。在用蒙版擦除的时候,可以按住CTRL选中想要擦除部分的文字,这样该文字就会形成选区,这时候再用画笔擦除的时候就不会擦到文字的外面,擦好后的效果如图所示:

AI+PS教程!丝带穿插的文字视觉海报!

5.2 给彩条添加效果,增加立体效果,具体参数如下图:

添加高光:

AI+PS教程!丝带穿插的文字视觉海报!

添加阴影:

AI+PS教程!丝带穿插的文字视觉海报!

5.3 添加彩条颜色,先新建一个图层,然后用柔边画笔在图层上画出彩色的色块,参考颜色如下,#5441ff, #d079ff,#feff77,#7afeff,#0dfbff

绘制的样式可以根据自己的想法来,画完后用自由变换CTRL+T将其倾斜一些与让颜色多均匀的分布在彩色线上,之后使用剪切蒙版CTRL+ALT+G,将颜色剪切进彩条里。

AI+PS教程!丝带穿插的文字视觉海报!

AI+PS教程!丝带穿插的文字视觉海报!

AI+PS教程!丝带穿插的文字视觉海报!

5.4 绘制文字在彩条上的投影,在彩条颜色的上方新建一个图层,在文字与彩条的交汇处,用画笔工具画出投影,颜色选择与当前颜色稍微深的颜色,混合模式选择正片叠底,如下图所示:

AI+PS教程!丝带穿插的文字视觉海报!

之后添加剪切蒙版,彩条部分绘制完成:

AI+PS教程!丝带穿插的文字视觉海报!

5.5 绘制彩条在文字上的投影,彩条部分整体ctrl+G编组,命名为彩条,然后在其下方,新建一个图层,命名为彩条投影,用黑色柔边圆画笔,在文字与彩条交汇的地方绘制投影效果,并创建剪切蒙版,具体位置如下图:

AI+PS教程!丝带穿插的文字视觉海报!

最后将中间文字组,彩条以及刚刚建立的彩条投影一起ctrl+g编组,命名为主体,给其添加投影效果,具体参数如下图:

AI+PS教程!丝带穿插的文字视觉海报!

海报的整体就做完了,添加文字排版

AI+PS教程!丝带穿插的文字视觉海报!

最终效果

最后添加滤镜效果图层,最后的后效果如下:

AI+PS教程!丝带穿插的文字视觉海报!

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

 

10 收藏 32

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片