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

AI+PS教程!手把手教你制作镭射风贴纸插画!

视频地址:https://www.ixigua.com/iframe/6949361837037060621?autoplay=0&startTime=0

教程作者:肥子老师(优设基础营就业衔接班老师)

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

关于教程

Hello大家好,我是肥子老师,我又来出教程了~

不久前我在进阶营做了一次比较有意思的打卡——最近十分流行、异常火爆的镭射风贴纸设计,在海报、贴纸、插画等场景下都非常实用,同学们交上来的作业效果也很出色,所以趁此机会向大家做一个案例教程的分享~

教程效果图

AI+PS教程!手把手教你制作镭射风贴纸插画!

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 教程前言

向大家介绍本次教程的由来,以及展示进阶营同学的优质作品。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 02 归纳特征

镭射风贴纸的共同特征:双色,即黑色印刷图案+镭射材质留白,构思时可以直接按黑白图案进行设计。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 03 绘制图形

在AI中用基本图形拼出游戏机的造型,然后用“突出和斜角”功能塑造出立体感。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 04 贴纸边缘

复制绘制好的图形后,扩展外观并合并,然后将该图形移到最下方,通过“偏移路径“功能制作出贴纸边缘的效果。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 05 导入样机

将绘制好的贴纸粘贴到PS样机中,转化为智能对象并调整大小角度,此时离成功就只有一步之遥了~

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 06 镭射质感

新建文档并填充灰色,选择高明度的颜色后,用柔边圆画笔随意涂抹几笔。

滤镜—模糊—高斯模糊,用曲线图层做出颜色的转折和变化,再用色相饱和度图层调整颜色氛围即可。

镭射纹理与画笔轨迹相贴合,如果不满意的话,还可以用变形或液化功能调整纹理的形状。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

Step 07 调整完善

用魔棒工具选出贴纸的白色范围,然后为镭射质感创建一层蒙版即可。

整体设计完成后,可以视情况添加曲线 / 色相饱和度 / 色阶等调整图层,让贴纸色彩更符合自己的理想效果。

AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画! AI+PS教程!手把手教你制作镭射风贴纸插画!

最终效果图

AI+PS教程!手把手教你制作镭射风贴纸插画!


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

未经允许不得转载:百木园 » AI+PS教程!手把手教你制作镭射风贴纸插画!

相关推荐

  • 暂无文章