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

时间:2020-04-13
类别:AI教程
观众:1.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

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教程!混合渐变穿插文字

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

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

4 收藏 51

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

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

复制本文链接
img

发表评论 已发布 4

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片