当前位置:首页ps教程Photoshop绘制渐变风格的流光类插画
Photoshop绘制渐变风格的流光类插画
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要使用Photoshop绘制创意的渐变类小兔子插画教程,记住关键几点就可以做很多延伸性的东西。推荐给思缘的朋友学习,希望大家可以喜欢。

先看看效果图

Photoshop绘制渐变风格的流光类插画

先来分析一下插画的组成:

1.主体插画内容设计

2.图层合理叠加

3.舒适的颜色选择

4.添加效果元素

5.文案和插画的排版

不多BB,直接上教程。

Photoshop绘制渐变风格的流光类插画

先选择你想做的插画内容,我这里做的是一只睡着的小兔子,在AI中先画出兔子的插画。(不会插画的同学可以找画好的插画用钢笔进行勾描。)

把兔子的主体和其他部位分别勾画出来,这里的颜色不用太在意,随意填,能区分图层就可以。

完成了我们的主体插画就需要导出PSD然后到PS进行修饰。

导出的流程:先在右侧找到图层,点击出现图层界面,右上角菜单栏,点开选择释放到图层(顺序),然后我们在导出PSD文件。(因为我们需要在PS里找到相应的图层进行修饰所以这一步很重要)

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

在PS中打开导出的文件,我们先来添加个背景色,打算做个星空的感觉所以添加个深紫色。

Photoshop绘制渐变风格的流光类插画

我们可以看到右侧图层位置和AI中的是相同的所以兔子的每个位置都是单独出来的图层。我们先选择兔子的身体图层,Ctrl+鼠标左键点选出身体选区(蚂蚁线位置)新建个图层放在身体图层上面。 快捷键B调至画笔工具,选择一

我们可以看到右侧图层位置和AI中的是相同的所以兔子的每个位置都是单独出来的图层。我们先选择兔子的身体图层,Ctrl+鼠标左键点选出身体选区(蚂蚁线位置)新建个图层放在身体图层上面。

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

快捷键B调至画笔工具,选择一个兔子身体的颜色,这里我选择的是蓝色和我们的背景色也是相近色。注意透明度小一点,因为我们选择的身体的颜色不是主体色。

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

然后我们接着添加其他颜色做出流光的感觉,天蓝,亮黄,亮粉颜色选择都是相近色,饱和度和亮度都偏高。这里画笔选择揉边画笔,不透明度调高。可以通过不透明度的调整体现出光的明暗关系。铺色的时候没有太多要求根据自己的感觉去涂抹就可以。尽量避免两块大面积颜色衔接。

Photoshop绘制渐变风格的流光类插画

我在做的时候兔子的图层处理出了一点问题,以至于后面给自己增加了很多工作量,有些位置可以用图层蒙版擦一下,让融合感更好。 主角儿画完了 我们就需要考虑整体画面了。先做个星球的样子,再来两块石头放在背后靠

我在做的时候兔子的图层处理出了一点问题,以至于后面给自己增加了很多工作量,有些位置可以用图层蒙版擦一下,让融合感更好。

主角儿画完了 我们就需要考虑整体画面了。先做个星球的样子,再来两块石头放在背后靠着。

Photoshop绘制渐变风格的流光类插画

再来添加一些效果元素,让我们星空的画面更美一些,流星可以有,兔子周围在添加一些亮闪闪的小元素。还可以看到另一个星球。

Photoshop绘制渐变风格的流光类插画

再加上文案和自己的logo就可以啦。一幅幻想流光感觉的海报就完成了。当然你可以在文案上在下点功夫做个适合的字体和排版。

Photoshop绘制渐变风格的流光类插画

这里在说一下小元素的制作,正方形旋转45°,混合选项里添加一点内发光和外发光,数值自己把控就行。这些小元素也可以用在其他的海报制作上。我这里还给兔子增加了一点细节,可以顺着它的线条点一些小圆点,让整体更丰满一些。

Photoshop绘制渐变风格的流光类插画

Photoshop绘制渐变风格的流光类插画

还有这种制作的元素可以衍生很多,比如作为点元素装饰整体画面,或者可以做成字体样式等等,需要你大开脑洞去思考了。

进入论坛交作业:http://www.missyuan.com/thread-847547-1-1.html

温馨提示:

文章标题:Photoshop绘制渐变风格的流光类插画

文章链接:https://www.4tu.cn/photoshop/45117.html

更新时间:2024年09月04日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop详细解析三种毛笔字设计过程

2024-9-4 10:02:39

ps教程

详解PS图层混合模式正片叠底的应用方法

2024-9-4 10:04:52

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧