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

AI+PS教程!混合渐变穿插文字

AI+PS教程!混合渐变穿插文字

教程作者:软件基础营45期-B45-小脸明欣

教程指导:包大有趣

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

关于教程

今天一起来学习制作一个穿插起来的文字。

软件:AI和PS

主要技能:到混合工具和图层蒙版。

如果你对AI和PS软件不熟悉的话,建议先从基础视频学起哦:

 

教程步骤

下面一起来看详细的制作过程吧~

步骤一、绘制草稿

尽量让字体拐角平滑,笔画连贯。

AI+PS教程!混合渐变穿插文字

步骤二、勾勒形状

2.1 进入AI,新建画布1600*1200

2.2 导入刚刚画好的草稿,使用钢笔工具勾勒出形状。

(把路径分开可以使计算更快些,想要更加平滑连贯的效果也可以连接起来)

AI+PS教程!混合渐变穿插文字

步骤三、建立混合

3.1 建立圆形:使用椭圆工具,新建25*25的圆形,并添加渐变颜色

AI+PS教程!混合渐变穿插文字

3.2 复制出一个相同的圆形,点击混合工具,分别点击两个圆形,建立混合

AI+PS教程!混合渐变穿插文字

3.3 点击菜单栏:对象-混合-混合选项,进行混合效果的调整

AI+PS教程!混合渐变穿插文字

3.4 复制出多个混合路径,方便下面使用。

 

步骤四、替换混合轴

4.1 同时选中混合路径和刚才钢笔工具勾勒出的文字路径

4.2 选择菜单栏:对象-混合-替换混合轴

AI+PS教程!混合渐变穿插文字

AI+PS教程!混合渐变穿插文字

想了解更多混合工具的用法?建议看看这些教程哦:

步骤五、导入PS

5.1 打开PS,新建画布1600*1200

5.2 新建矩形1400*1000,色值#78cbff,进行居中对齐

5.3 在AI中选中混合路径并复制,进入到ps中进行粘贴,粘贴选项:智能对象

AI+PS教程!混合渐变穿插文字

5.4 进行位置的适当调整。

AI+PS教程!混合渐变穿插文字

步骤六、穿插效果制作

6.1 新建文字图层”STUDY”,放在混合路径的图层下方,并进行位置的调整

AI+PS教程!混合渐变穿插文字

AI+PS教程!混合渐变穿插文字

6.2 给混合路径图层添加蒙版,在蒙版上使用黑色画笔对文字遮盖的地方进行擦除

AI+PS教程!混合渐变穿插文字

图层蒙版经常会被用来制作穿插文字的效果,想了解更多:

步骤七:阴影添加

7.1 在study文字图层上方新建图层,按住alt键点击study图层,创立剪贴蒙版

AI+PS教程!混合渐变穿插文字

7.2 使用柔边缘画笔,将画笔颜色设置为深色,降低画笔的流量与不透明度,画出遮盖阴影

(其他图层也是同样的操作方法)

AI+PS教程!混合渐变穿插文字

步骤八、画面背景装饰

8.1 同样的方法从AI中粘贴几条不规则的线,进行位置的调整,并放在图层下方

AI+PS教程!混合渐变穿插文字

8.2 新建矩形,大小1600*1200,色值#3bb1fa,放在图层最下方并进行居中对齐

8.3 将新建的矩形和线段编组,右键单击-转换为智能对象

关于「智能对象」,你想了解的都在这里:

8.4 点击菜单栏:滤镜-模糊-高斯模糊

AI+PS教程!混合渐变穿插文字

8.5 再将所有图层编组,转换为智能对象,点击菜单栏:滤镜-杂色-添加杂色

AI+PS教程!混合渐变穿插文字

这样整体的效果完成,将图片进行导出就可以啦~

 

最终效果

AI+PS教程!混合渐变穿插文字

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


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

未经允许不得转载:百木园 » AI+PS教程!混合渐变穿插文字