AI+PS教程!马戏团主题镭射风贴纸插画!

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

教程作者:设计师就业衔接班05期-105-小亭

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

关于教程

Hello,今天给大家带来的是一个关于镭射风贴纸的教程。

首先我们来分析这四幅马戏团主题的贴纸,可以看出镭射风贴纸的共同特征,都是由双色组成,即黑色的印刷图案和镭射材质的留白;所以制作时,我们可以按照6个步骤来进行,分别是:

1.新建文档 -> 2.绘制图案(按黑白图案的思路设计)-> 3.制作贴纸边缘 ->

4.导入样机 -> 5.制作镭射质感素材 -> 6.调整和导出

本期教程以系列作品中的小丑贴纸为例,详细讲解设计过程,其他贴纸也可以自己举一反三喔~

教程效果图

AI+PS教程!马戏团主题镭射风贴纸插画!

教程步骤

步骤1:新建文档

打开Adobe illustrator,点击文件-新建(快捷键Ctrl+N),创建一个新文档,参数设置如下:

AI+PS教程!马戏团主题镭射风贴纸插画!

步骤2:绘制图案

在AI中结合钢笔工具、基本图形和路径查找器,依次绘制出四个图案,这里就以第一个图案“小丑”来举例介绍一下具体步骤。

2.1 首先,点击钢笔工具,关掉填充,设置描边为20 pt;注意点开“描边”,将“端点”和“边角”都改为中间的选项,这样绘制出的线条会更圆滑。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

2.2 设置好之后,就可以开始绘制了。先从小丑的头绘制起,头可以用一个椭圆来表示,点击“椭圆工具”,在画布上拉出一个略扁的椭圆,然后换回第一个选择工具,点击椭圆,将填充打开,填充白色。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

2.3 然后,绘制小丑的眼睛,这里同样用椭圆工具画出一个圆代表眼睛,再用钢笔工具在圆中连接两条线。注意画完圆后要先换回第一个选择工具,在空白处点一下,保证没有选中圆的路径后,再换回钢笔工具在圆中连个十字线。画好一个眼睛后,就可以将眼睛相关的都选中,按Ctrl+G,编一个组,然后Ctrl+C、Ctrl+F,原位复制粘贴一个,保持选中状态,移动到右侧合适位置,这样两个眼睛就都做好了。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

2.4 下面做小丑的鼻子,同样点击椭圆工具,这里将填充改为黑色,描边关闭,在合适的位置画一个椭圆。然后再将填充改为白色,描边关闭,在黑圆里再画一个较小的圆作为鼻子的高光。这样,小丑的鼻子也做好了。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

2.5 接下来做小丑的嘴巴。点击矩形工具,填充白色,描边设为黑色,大小为20pt,拉一个矩形出来。换到第二个选中工具,点击矩形端点,拉动出现的小圆点,将矩形两端变成弧形。选中矩形,点击顶上窗口菜单“效果”-“变形”-“弧形”,勾选预览,调整弯曲数值,即可做出小丑的嘴巴。

AI+PS教程!马戏团主题镭射风贴纸插画!AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

2.6 下面,用钢笔工具,绘制出小丑头上的帽子部分,为了方便观看,可以先将填充关闭,绘制结束后,再填充上白色。

AI+PS教程!马戏团主题镭射风贴纸插画!

2.7 为了丰富帽子,我们可以画两个圆,代表帽子两边垂下来的小球;然后给帽子上也用星星工具绘制一些星星装饰。

AI+PS教程!马戏团主题镭射风贴纸插画!

2.8 最后,绘制小丑下面部分的飘带装饰。先用钢笔工具绘制一个飘带的形状,再用钢笔工具在飘带里面画一条直线,这样一个完整的飘带就做好了。然后,给这个飘带编一个组,Ctrl+C、Ctrl+F,原位复制粘贴一个,保持选中状态,移动到右侧适合位置;再重复操作2次,直到把四个飘带都做好。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

步骤3:制作贴纸边缘

选中小丑相关的所有图层,Ctrl+C、Ctrl+F,原位复制粘贴一个;再将复制后的图形扩展外观并合并,然后将该图形按Ctrl+Shift+{,移到最下方;然后点击“对象”-“路径”-“偏移路径”功能,调整位移数值,点击确定,制作出贴纸边缘的效果。为了方便观看边缘效果,这里可以再为画板绘制一个黑色背景,并置于底层。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

步骤4:导入样机

选中所有小丑相关图层,Ctrl+C、Ctrl+V粘贴到PS样机中,注意这里粘贴时要选择粘贴为“像素”,然后右键转化为智能对象并调整大小角度即可。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

步骤5:制作镭射质感素材

5.1 新建PS文档,参数设置如下:

AI+PS教程!马戏团主题镭射风贴纸插画!

5.2 填充灰色背景,点击画笔,选择柔边圆,画笔大小随意,选择高明度的颜色,用画笔自由涂抹几笔。然后点击“滤镜”-“模糊”-“高斯模糊”,调整合适的模糊数值;再添加曲线图层,做出颜色的转折和变化;最后添加色相饱和度图层,调整明度和饱和度即可。结束后,点到最上面图层,按Ctrl+Shift+Alt+E,完成盖印。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

步骤6:调整和导出

6.1 将盖印好的镭射材质图层,复制粘贴到PS样机中,放在小丑图层上方。隐藏镭射材质图层,选中小丑图层,点击魔棒工具,注意取消“只对连续像素取样”,然后选出小丑贴纸留白的地方。最后打开镭射材质图层,选中镭射图层,点击“添加矢量蒙版”即可。完成后,添加曲线图层、色相饱和度图层和色阶等调整图层,进一步调整出自己想要呈现的最终效果。

AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画! AI+PS教程!马戏团主题镭射风贴纸插画!

6.2 到这里,一个小丑贴纸就基本完成了,最终效果如下图:

AI+PS教程!马戏团主题镭射风贴纸插画!

6.3 最后,我们来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成JPG格式。

最终效果图

AI+PS教程!马戏团主题镭射风贴纸插画!

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

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

附件下载

文件名 文件大小 提取码 下载来源
样机和源文件30.26MBfzp0 点此复制 登录下载
26 收藏 85

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

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

复制本文链接

发表评论 已发布 4

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片