Adobe Photoshop科技感QQ软糖海报图片+炫彩科技网页立体插画教程

先看看效果图

首先，打开ai，并新建画布。
选择矩形工具，画出一个矩形，只要添补，色值如图：

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

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

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

按照这样的方法，得到如图效果：

连续利用直接选择工具，通过拖动各点适当稠浊下颜色：

个人觉得效果还不满意，选择皱褶工具，进行涂抹稠浊下：

将渐变图层拖至椭圆图层上方，创建剪切蒙版，如图：

ai部分的操作也就结束了

随后打开ps，新建画布。

接下来我们将做好的渐变效果导入ps中，记住导入时我们最好选择“智能工具”：

选择椭圆工具，按住shift，拉出一个只有添补的正圆，如图：

选择渐变图层，ctrl+t自由变换。
进行适当调度位置，建议最好选择如图这种旁边颜色分区的位置：

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

并将拷贝的组右键，选择“合并组”。
将原始组隐蔽，得到如图效果：

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

通过对图形变形处理，得到如图效果：

达到满意效果后，实行滤镜—杂色—添加杂色，参数如图：

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

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

这些紧张都是作为装饰，不会使画面整体过于单调：

码字排版，导入样机看看效果：

第二篇制作炫彩科技网页立体插画图片的PS教程

本教程紧张利用Photoshop绘制立体感的科技图形插画，教程紧张通过分解的办法来见告大家如何完成效果，推举给朋友学习，希望大家可以喜好。

先把末了的效果图抛出来。

step1:那么，瞥见这张图，先分解，即它是由哪几个部分构成的呢?

大背景

透视的背景线

立体图

以及一些周边的按钮之类的。

step2：背景制作

直接选择矩形工具，拉渐变。

接着选择椭圆工具，画一个添补白色的正圆，设置其羽化值。

好了，背景完成了。

step3：背景透视的线了，这个地方我用的方法比较笨，以是画了好久好久好久好久~

先用矩形工具画一个矩形，添补去掉，描边2px

接着，根据须要的点合营钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修正。

然后用相同的方法拼出来一全体背景线条

画好后，ctrl+G进行编组，并复制一个组，命名背景-线，第一个组隐蔽掉。
(这个操作是备份，以防后续须要进行修正)。

接着，在复制的组 背景-线 右键 - 转为智能工具，并进行颜色叠加。

接下来进行透视操作，先快捷键ctrl+T，将图旋转45度，如下图：

旋转45后，再次右键，选择扭曲，并操作

那么，背景就完成了。

step4：立体的图了，这个我们须要先把层分出来，就跟刚刚对全体画面分层是一样的道理，先来看第一个。

将元素组合起来，便是模型01的样式了。

接下来看一下有光的效果的是拆分。

剩下的便是叠加上去，凹进去的可以创建剪切蒙版，快捷键ctrl+alt+G

等几个图形都制作完毕后，就进行一下整体的调节，添加一些周边的东西。
剩下还有一个按钮，叠加了两层，原来考虑直接用内阴影，效果不理想，于是就分两层来做了。

末了，成品啦!

图片来源/百度

记得关注哦记得点赞哦记得评论哦记得转发哦

第一篇来源/作者：网络/网络（终极归原著作者所有）

第二篇来源/作者：网络/网络（终极归原著作者所有）