@飞屋睿UIdesign :矢量图的好处就是彻底解决了受像素所限制的高清画质显示,但与此同时,矢量图却也表现得较为呆板。要平衡这对矛盾,我们需要的就是在写实性上下功夫。矢量图,毋庸置疑,一定要自己亲自作画。今天,我们就和大家一起来练习矢量图作画当中的写实
打开AI,新建一个文档,这个文档设置为长宽为600px大小,分辨率为300。在新的画布上创建一个矩形,将其填充奶酪黄,作为背景。
将原始的奶酪照片拖入,最好将其锁定。在此基础上运用钢笔工具进行外形的临摹。然后将原始照片关闭。
选中其中一个气孔,关闭描边,然后对其进行径向渐变填充。填充色可以参考我的配色。这一步需要的是给对象一个基本的阴影过渡。就像在绘画中首先理清的第一层明暗关系。
将上一步所做的填充混合模式设置为滤色。滤色模式顾名思义,也就是将黑色滤掉的意思。而原来的褐色就变成了亮黄色,用作浅黄色的渐变部分非常适合。
接下让我们制作边缘光,边缘光的制作方法有很多,我在这里使用混合的办法。先选中上一步绘制的对象,然后复制一层粘贴在下方( ctrl+C > ctrl+B )。保持这个复制的对象被选中的情况下,打开外观面板,将最上一层的填充删除。设置剩下的渐变填充,渐变色的变化可以参考下图。右边渐变滑块透明度降至0。这样做的目的,是将边缘光的光色先调整出来。(注:为了操作方便我在此关闭了上一层的对象)
现在是使用混合工具的时候了,复制上一步制作的对象,粘贴到下方。把这个对象稍微拉大一点,透明度降至0。
这时把这两个对象都选中,然后双击混合工具设置好要混合的参数,指定的步数20。混合的参数根据你所绘制对象而有所不同。大家可以通过不断尝试找出最佳效果。
再次为边缘光增加一点光源,这次我们直接画上一个正圆。将正圆的填充色设置为径向渐变填充,四周为黑色,中间为粉色。当我们把这个对象的混合模式设置为滤色时,黑色被滤掉后,这样就又多了一点光源。而且这个光源可以随时通过渐变滑块进行调控。
这时还剩下高光反射的部分。先画上两个反射光源的形状。把这两个形状合并为一组。打开这个组的外观面板,对其进行渐变填色。渐变色为黑白的径向渐变。
还记得之前我曾提到滤色混合模式的作用吗?我们采用同样的原理,将这个对象的混合模式设为滤色。那么,很自然我们会得出这样的结论,这些黑白渐变会变成左边呈白色而右边渐隐的状态。但这里我们不能直接改变混合模式。由于我们已经为这个对象添加了外观样式,最终我们是需要这个对象的混合模式有所改变,因此,我们还需要做一次扩展外观,才能让滤镜发挥作用,达到我们期望的效果。
做好第一个气孔,其他的气孔都可以通过吸管工具来完成。当然,没有想象中那么简单。首先双击吸管工具,弹出吸管工具的设置选项。
还有一种气孔,边缘比较模糊,好像有点融化的感觉。这类气孔需要我们重新制作。这里,我采用蒙版来制作这种模糊的融化效果。像上一步一样吸取其他气孔的样式后,复制一份粘贴其上。然后选中复制后的对象,打开外观面板,删除最上一层的填充,把下面的黄色渐变填充改为黑白径向填充。
选中上一步的两个图层(有颜色的和黑白的),然后进入透明度面板,创建蒙版。这时,你会看到蒙版的位置出现了黑白径向渐变。点选蒙版,就可以利用渐变效果来调整模糊边缘的效果。
矢量图的精细模仿,对于拟物设计来说必不可少。希望大家在练习中,掌握方法为主。尽量能够举一反三地运用不同的工具实现你的想象。
网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...
@Mockplus原型设计 :许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们...
本文以微信首页为例,用三个维度系统地解析一个产品的交互设计的方方面面。 首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页: 然后仔细观察看到了什么...
刻板印象有好有坏。在合适的场景、时间、项目中,去最大化它的积极作用,尽量避免它的消极作用,才能真正的平衡设计、工作,甚至生活。 一直在看奇葩说,听到很多次的一个词叫...
在做表单设计时,究竟该选用哪种控件,只要是根据情况而定的,无论哪种选择都有其优缺点,这就要结合选项数目、空间大小等因素,选择一种形式,可以最大程度的方便用户使用。...
毕业后加入百度成为一名交互设计师已经整整两年了,这里把一些想法体会,工作职场的相关经历写下来,以供新人参考。 最早接触交互设计时觉得学交互设计非常酷炫,例如像钢铁侠...