AI新手教程!手把手教你绘制写实主义的奶酪图案 - 优设网 - UISDC

AI新手教程!手把手教你绘制写实主义的奶酪图案

2015/09/24 12836评论区

ai-realistic-cheese-patten-1

@飞屋睿UIdesign :矢量图的好处就是彻底解决了受像素所限制的高清画质显示,但与此同时,矢量图却也表现得较为呆板。要平衡这对矛盾,我们需要的就是在写实性上下功夫。矢量图,毋庸置疑,一定要自己亲自作画。今天,我们就和大家一起来练习矢量图作画当中的写实技巧,创作对象是一张奶酪背景图案,来学吧。

一、观察

先选一张真实的奶酪照片,认真研究一下照片上的对象的明暗关系、纹理质感。这一步非常重要!

首先我们看到这是一块非常平滑的表面,上面有很多气孔。对每个气孔的明暗关系进行仔细观察。

二、临摹

STEP 01

打开AI,新建一个文档,这个文档设置为长宽为600px大小,分辨率为300。在新的画布上创建一个矩形,将其填充奶酪黄,作为背景。

STEP 02

将原始的奶酪照片拖入,最好将其锁定。在此基础上运用钢笔工具进行外形的临摹。然后将原始照片关闭。

三、第一个气孔

STEP 03

选中其中一个气孔,关闭描边,然后对其进行径向渐变填充。填充色可以参考我的配色。这一步需要的是给对象一个基本的阴影过渡。就像在绘画中首先理清的第一层明暗关系。

STEP 04

打开外观面板,为这个对象增加一个新的填充。新填充色是为了给这个对象增加浅黄色的渐变。

STEP 05

将上一步所做的填充混合模式设置为滤色。滤色模式顾名思义,也就是将黑色滤掉的意思。而原来的褐色就变成了亮黄色,用作浅黄色的渐变部分非常适合。

STEP 06

接下让我们制作边缘光,边缘光的制作方法有很多,我在这里使用混合的办法。先选中上一步绘制的对象,然后复制一层粘贴在下方( ctrl+C > ctrl+B )。保持这个复制的对象被选中的情况下,打开外观面板,将最上一层的填充删除。设置剩下的渐变填充,渐变色的变化可以参考下图。右边渐变滑块透明度降至0。这样做的目的,是将边缘光的光色先调整出来。(注:为了操作方便我在此关闭了上一层的对象)

STEP 07

现在是使用混合工具的时候了,复制上一步制作的对象,粘贴到下方。把这个对象稍微拉大一点,透明度降至0。

STEP 08

这时把这两个对象都选中,然后双击混合工具设置好要混合的参数,指定的步数20。混合的参数根据你所绘制对象而有所不同。大家可以通过不断尝试找出最佳效果。

STEP 09

再次为边缘光增加一点光源,这次我们直接画上一个正圆。将正圆的填充色设置为径向渐变填充,四周为黑色,中间为粉色。当我们把这个对象的混合模式设置为滤色时,黑色被滤掉后,这样就又多了一点光源。而且这个光源可以随时通过渐变滑块进行调控。

STEP 10

这时还剩下高光反射的部分。先画上两个反射光源的形状。把这两个形状合并为一组。打开这个组的外观面板,对其进行渐变填色。渐变色为黑白的径向渐变。

STEP 11

还记得之前我曾提到滤色混合模式的作用吗?我们采用同样的原理,将这个对象的混合模式设为滤色。那么,很自然我们会得出这样的结论,这些黑白渐变会变成左边呈白色而右边渐隐的状态。但这里我们不能直接改变混合模式。由于我们已经为这个对象添加了外观样式,最终我们是需要这个对象的混合模式有所改变,因此,我们还需要做一次扩展外观,才能让滤镜发挥作用,达到我们期望的效果。

用同样的方式,再做另一个反射光,这次,可以降低透明度到18%。

第一个气孔完成。

四、复制气孔样式

STEP 12

做好第一个气孔,其他的气孔都可以通过吸管工具来完成。当然,没有想象中那么简单。首先双击吸管工具,弹出吸管工具的设置选项。

你还需要在第一个气孔那里复制出边缘光以及光源反射。适当的根据不同的位置大小调整渐变。

五、模糊的边缘

STEP 13

还有一种气孔,边缘比较模糊,好像有点融化的感觉。这类气孔需要我们重新制作。这里,我采用蒙版来制作这种模糊的融化效果。像上一步一样吸取其他气孔的样式后,复制一份粘贴其上。然后选中复制后的对象,打开外观面板,删除最上一层的填充,把下面的黄色渐变填充改为黑白径向填充。

STEP 14

选中上一步的两个图层(有颜色的和黑白的),然后进入透明度面板,创建蒙版。这时,你会看到蒙版的位置出现了黑白径向渐变。点选蒙版,就可以利用渐变效果来调整模糊边缘的效果。

完成后的效果:

矢量图的精细模仿,对于拟物设计来说必不可少。希望大家在练习中,掌握方法为主。尽量能够举一反三地运用不同的工具实现你的想象。

【优设九月热门PS教程】

一招提升照片质感的高端手法!
《高端修图手法!仅需一招便可提升你的照片质感》

3步轻松搞定清新色调!
《超赞!后期高手教你轻松3步修出清新色调》

海报设计的教程出来咯!
《PS教程!手把手教你临摹一张绚丽的艺术海报》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量101万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-realistic-cheese-patten

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 职场 优设大课堂 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里