AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第1张图片

源文件及素材,获取方法详见文末 

(这种原创干货,为什么不愿意给个“在看”)

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第2张图片

||前言||

前些天,在微博看见这样一幅海报:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第3张图片

不知道有没有伙伴看过。

反正我问群里伙伴都不知道,还说像“QQ软糖”。

因为我也不知道这是什么,文章也就取了个QQ软糖......额

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第4张图片

之前也出了个网红海报九宫格,今天又新填了个网红海报,哈哈哈嗝~

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第5张图片

想了解详情,翻看公众号历史文章

闲话就这么多,一起来看看今天的教程吧.


||高清图文教程||

首先,打开ai,并新建画布。选择矩形工具,画出一个矩形,只要填充,色值如图:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第6张图片


选择网格工具,在矩形上点击创建网格。我就自己随意点击,创建了一个6X6的网格:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第7张图片


选择直接选择工具,通过点击网格交点,可设置该点范围内颜色:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第8张图片


你也可以按住shift键点击各点,可以同时选中并统一上色:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第9张图片


按照这样的方法,得到如图效果:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第10张图片


继续使用直接选择工具,通过拖动各点适当混合下颜色:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第11张图片


个人感觉效果还不满意,选择皱褶工具,进行涂抹混合下:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第12张图片
AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第13张图片

ai部分的操作也就结束了

随后打开ps,新建画布。

接下来我们将做好的渐变效果导入ps中,记住导入时我们最好选择“智能对象”:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第14张图片


选择椭圆工具,按住shift,拉出一个只有填充的正圆,如图:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第15张图片


将渐变图层拖至椭圆图层上方,创建

剪切蒙版

,如图:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第16张图片


选择渐变图层,ctrl+t自由变换。进行适当调整位置,建议最好选择如图这种左右颜色分区的位置:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第17张图片


接着,我们将椭圆图层以及渐变图层打上组,并ctrl+j拷贝一份出来,如图:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第18张图片


并将拷贝的组右键,选择“合并组”。将原始组隐藏,得到如图效果:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第19张图片


选择拷贝组图层,ctrl+t并右键选择变形

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第20张图片


通过对图形变形处理,得到如图效果:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第21张图片


达到满意效果后,执行滤镜—杂色—添加杂色,参数如图:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第22张图片


新建透明图层1,选择柔性画笔,在合适位置点击添加一个黄光效果。

新建透明图层2,将画笔大小设置大概为8px,画出一些红线。

这些主要都是作为装饰,不会使画面整体过于单调:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第23张图片


码字排版,导入样机看看效果:

AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?_第24张图片

更多内容欢迎关注公众号:

微信公众号:平面设计派

阿伟微信:zdczawei

你可能感兴趣的:(AI+PS教程派 | 那种科技感十足的QQ软糖海报,是如何制作出来的?)