百木园-与人分享,
就是让自己快乐。

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

教程作者:设计师就业衔接班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教程!丝带穿插的文字视觉海报!

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

 


来源:https://uiiiuiii.com/photoshop/1212394341.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI+PS教程!丝带穿插的文字视觉海报!

相关推荐

  • 暂无文章