当前位置:首页 >教程首页 > illustrator >AI+PS制作表白专用浪漫字效设计图文教程

AI+PS制作表白专用浪漫字效设计图文教程

发布时间:2020-09-16 09:20:12

今天跟大家分享一篇AI+PS制作表白专用浪漫字效设计图文教程,一起来看下作者的步骤流程吧!

字体效果

0.jpg

思路解析

「表白」这个命题给我的感觉是甜蜜的、羞涩的,所以想做一款通透的、带点磨砂质感的文字效果,结合一颗跳跃的红心,表现词义~~有了思路之后就让我们开始制作吧!

步骤展示

Step 01 字形绘制

(1)首先绘制草图,这边直接使用手绘板绘制~

打开AI,选择画笔工具(B),描边为1px,先大致画出字形,这一步确定好每个壁画的形状、转折,笔画风格要保持统一。

1.jpg

(2)草图确定后,用钢笔工具把字形勾出来,勾形的过程中也要不断调整笔画锚点和细节,锚点尽量少一些,笔画的转折才会更流畅。

2.jpg

(3)用「形状生成器」工具(Shift+M),将每个笔画再做分割,得到效果如下:

3.jpg

(4)将文字填充黑色,打开图层面板,点击右上角的3根横线,再点击「释放到图层(顺序)」,将每个笔画分层。

4.jpg

(5)选择菜单「文件」-「导出」-「导出为」,导出格式选择psd,点击导出,导出选项如下图所示:

5.jpg5-2.jpg

AI部分到这里就完成了,接下来就可以开始制作字效了。

Step 02 导入PS

(1)打开PS,新建文件1000*660px,分辨率72,背景填充白色,点击创建。

(2)打开刚刚保存的psd文件,调整好文字笔画的前后顺序,将所有图层拖动到新建文件中,调整好位置和大小。

6.jpg

Step 03 给文字上色

这里为了让文字的色彩变化更丰富,更有通透感,没有给文字做统一的渐变,而是用柔边画笔工具,给文字的每个笔画分别上色。

(1)Ctrl+G把文字的所有笔画打组,然后选中所有的笔画图层,点击图层面板中的「锁定透明像素」,这样,用画笔工具给文字上色时,就不会涂到文字外面了。

7.jpg

(2)接着,用柔边画笔工具,调整好不透明度和流量,给每个笔画单独上色,因为笔画都被分为了2个部分,所以涂抹的时候要注意向上的面亮一些,乡下的面暗一些,在笔画的边缘可以用浅一些的颜色加点反光。

8.jpg

(3)用同样的方法,给其他笔画上色。

9.jpg

Step 04 给文字添加效果

(1)首先把每个笔画的2个面合并,比如横笔画的上下两个面,竖笔画的左右2个面,让每个笔画只有1个图层。

任意双击一个笔画图层,给笔画添加图层央视「斜面浮雕」和「内发光」,参数如下:

10.jpg10-2.jpg

(2)右击这一图层,点击「拷贝图层样式」,再选中其他所有的笔画图层,右击「粘贴图层样式」,将图层样式复制到所有的笔画上。

11.jpg

(3)「表」字有很多笔画与笔画相叠的地方,接下来就给这些地方添加阴影。新建一个图层,混合模式改为「正片叠底」,然后选择画笔工具,用PS自带的柔边画笔,色值为#ff6694,调整好画笔不透明度和流量,给红圈处,笔画交叠的地方绘制阴影,最后再把这些阴影剪切到笔画里。

12.jpg

(4)Ctrl+G将所有文字部分打组,然后复制一个文字组,Ctrl+E合并复制出来的组,将图层命名为「磨砂」,选择「滤镜」-「杂色」-「添加杂色」,给文字添加2px的杂色,增加磨砂质感。

13.jpg

(5)用魔棒工具点击「磨砂」图层的空白处,Ctrl+Shift+I反选,然后点击「选择」-「修改」-「收缩」,收缩量为3px,点确定。

用柔边画笔工具,选择白色,调整不透明度和流量,在选区内轻轻涂抹,给文字增加高光。

14.jpg14-2.jpg

Step 05 绘制爱心

爱心分为2个部分,里面的红心和外面的白色磨砂材质。

(1)红心部分添加了图层样式,一点点粉色的内发光,和白色的外发光效果,然后加了一层心形的白色渐变高光,最后加了一层月牙形的高光。

15.jpg

(2)磨砂部分是透明的,先做一个爱心的选取,用白色柔边画笔在心形的边缘处涂抹,然后再加一个月牙形的高光。

16.jpg

(3)最后用钢笔工具给爱心加2道速度线,然后把所有爱心的图层打组,合并图层,给爱心添加2px的杂色,爱心部分就制作完成了。

17.jpg

Step 06 调整

(1)将文字和爱心的所有图层打组,复制这个组并合并,将合并后的图层移到最下方,把图层的不透明度改为43%,然后选择「滤镜」-「模糊」-「高斯模糊」,设置参数如下:

18.jpg

(2)用橡皮擦擦除不需要的地方,在用柔边画笔工具,色值#e25d8b,在靠近文字边缘的地方适当涂抹一下,加深一下投影。然后把阴影图层的混合模式改为「正片叠底」。

19.jpg

(3)把爱心图层显示出来,在文字和爱心之间新建一个图层,将图层混合模式改为「正片叠底」,同样用柔边画笔工具,色值#ff688e,给爱心绘制投影。

20.jpg

(4)从网上找到信封素材,简单的制作一个背景,衬托文字。

21.jpg

(5)Ctrl+Shift+Alt+E盖印图层,打开「滤镜」-「锐化」-「USM锐化」,设置参数如下,让文字整体效果更精致一些。

22.jpg

最终效果图

23.jpg

结语

最后,感谢大家的阅读,教程中涉及到的参数、色值等,仅供参考,并不是唯一的标准,大家在练习的过程中,可以根据实际情况灵活运用。希望我的分享回到以你有所帮助。

作者:刘兵克

来源:优优教程网

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定