商务插画UI:PS绘制打车场景插画教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:柠檬葫芦艾

关键词

漂亮的商务插画UI,使用PS绘制,打车场景插画教程分享给大家。

这是Russ Gray为一家大型科技公司绘画的一系列很有趣的扁平风格的插画,作品绘制过程主要用钢笔工具、渐变、混合查找器、混合模式以及PS中混合模式中的“溶解”等工具。图形大部分使用钢笔工具,主要是曲线绘制的过程需要耐心。还要注意图层的前后关系。

先看看效果图


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

教程步骤—

步骤 01

在AI中新建1200*600px的画布,颜色模式为RGB,150ppi。


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

步骤 02

在绘制的过程中,我们可以把画面分为背景、云和树,地面,中间的房子、人、车,前景的花草。

先绘制一个大小1200*600px大小的矩形,添加线性渐变


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

绘制云的方法是用矩形工具排列成云的形状,然后用小白(直接选择工具)改变矩形的弧度。在路径查找器里面联集合并形状。月亮可以直接用圆形工具进行绘制。如下


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

最终效果如下


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

树的绘制(观察发现这里的树都是大面积弧度比较多,可分三层进行绘制——由远到近)

第1层

用钢笔绘制的过程按Alt键可调节锚点,使曲线过度比较自然


商务插画:PS绘制打车场景插画教程,PS教程,思缘教程网

 收藏