PS教程!教你绘制夏日清凉饮料噪点插画

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询
  • 水平 : 入门
  • 观众 : 3198
  • 时间 : 2019-05-05

教程

原图作者:

教程作者:废柴 (授权转载)

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

大家好!这里是废柴!今天就让我这个自学的小菜鸡,来教大家如何画一副小插画吧!第一次做教程,大佬们轻喷

⚠超多图片预警⚠

 

需要准备:

– 你的手(?

– Photoshop CC 2015+(我用的2019版本

– 数位板与数位笔(或许可以不需要

 

先来看一下成品预览图:

 

⇋⇋⇋⇋⇋⇋⇋⇋⇋教程在这里开始⇋⇋⇋⇋⇋⇋⇋⇋⇋

 

  • 步骤 01

打开你的Photoshop

 

  • 步骤 02

新建一个文档,在预设模板里选择A4,并调成横向

 

  • 步骤 03

建一个颜色为#e2e9ed的背景

 

  • 步骤 04

接下来画几个圆

一个填充为e7f7f7的圆形,描边白色适当宽度就行

 

再加两个填充分别为#11886c和#d9f5ee的圆形,不要描边

 

按照图示样式排列好,且把颜色最深的那个圆形填充调整为60%

 

  • 步骤 05

隐藏那些圆形,开始绘制一些茶叶,冰块和柠檬

 

 

茶叶直接用数位板画出来就行,或者也可以去Adobe Illustrator里用钢笔工具勾画出来再移到Photoshop里面

冰块就是白色的圆角矩形,圆角拉大一点,并且调换不同的透明度

(小组件)

柠檬使用带白色描边的半圆形填充颜色为ddf33d,再画几道线和种子上去,然后用快速选择工具选中柠檬之后再用颜色为a3d331的颗粒压力笔刷往上面上质感阴影

(选中再涂就不会涂到外面啦)

 

使用到的颜色为

 

  • 步骤 06 

接下来再把我们之前画出来的那些东西图层全部先后排序,排列出如图的样子

 

  • 步骤 07

接下来进行细节处理

先把我们之前画的圆形作为果汁的那个圆形选中,然后新建图层,再用调成颜色比果汁绿色深一点颜色的颗粒笔刷在选区内画上质感阴影,然后再把混合模式调整为线性加深

(这里线性加深)

 

之后把左上角的冰块复制一个原位置放好,然后栅格化,在用橡皮擦工具擦去杯底以下的部分,并且调成线性减淡的混合模式,这样就能表现冰块浮在水面上的效果了

 

之后是叠加的阴影效果,新建一个图层,用较深和较浅的颜色再涂画一下边缘,表现不同的叠加效果和露出水面不同深浅的效果

(没涂抹之前)

(涂抹之后)

 

最后新建图层画两笔…表现流动性,然后再调整透明度,这样貌似好看一点

(记得调透明度)

 

  • 步骤 08

最后一步啦!上杯子内外阴影

在杯子外面用a5cef0颜色的颗粒笔刷画几笔表现光影,再在杯子内部划几下表现杯子内的阴影

(杯外)

(杯内)

 

  • 步骤 09

把图层都调整好,大功告成!

 

再来看一下最终效果

 

结语

这样一幅小插画就完成了,看起来很简单,但其实耗时还是蛮久的,摸索也得要一两个小时才能完成。比较花费耐心,数位板虽说作用不是很大,但是在上光影与颗粒的时候很重要,压感会让噪点看起来更自然一些。

还有一定要注意分好图层,不然后续的处理就会很麻烦

到这里教程就结束了,又是截图又是写步骤,耗了我一晚上呢,各位看官评论收藏转发一波吧~

毕竟我还是个自学的高二汪有问题不一定能及时回复,抱歉喔~

 

相关推荐

AI+PS教程!鹦鹉噪点插画(非手绘)

→ AI+PS教程!教你绘制斑驳质感的火箭起飞插画


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

非特殊说明,本站www.welcomestate.org 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源www.welcomestate.org 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: http://www.welcomestate.org/photoshop/1212145056.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

PS入门噪点插画清凉配色颗粒质感
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新