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

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

教程作者:设计师就业衔接班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教程!马戏团主题镭射风贴纸插画!


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

未经允许不得转载:百木园 » AI+PS教程!马戏团主题镭射风贴纸插画!

相关推荐

  • 暂无文章