茉莉网
当前位置:首页»其它

照片变符号 优设-UISDC

2017年12月20日 来源:照片变符号 大字体小字体

  绘制五官的部分,尤其是眼睛的时候,要注意保持每个形的封闭型,这时你要非常清楚你的填色逻辑,不要被线条误导了。

  学习时尚极简风格插画的目的是运用,而极简风格的插画在UI设计中是非常适宜讨巧的配图对象。尤其是运用在与时尚相关的网页中,大约是最不容易被忽视的亮点。

  最近有个国外开发者做了个小工具,只要上传一张照片,就能自动转换成Emoji表情拼图,而且是网页版的,无需下载安装。小编上传了几张,大家看效果如何。

  这是一张在2010年1月拍摄于海地首都太子港的照片。在这张照片中,各种脏乱差的棚户堆叠在一起,空地上小孩们赤脚跳着大绳。这是为数不多的几张没有出现美军身影的照片,而这块看起来尚没有受惠的地区无疑和贫穷、落后直接联系在一起。形成鲜明对比的是这一张照片,在经历了海地7.0级地震之后,美军加入了当地的重建工作,但跟美军士兵在一起,赤脚的当地女孩笑了,就像贫穷的生活呈现出了一缕阳光那样。

  将钢笔工具所绘制的形状关闭填充,线条设置为红色,将线条大小设置为0.5px。

  让我们打开AI,创建一个宽1600px高1200px的新文档。

  其目的是为了填色的需要,因此要谨慎选择合适的形状对象。而保持“丝滑”的前提就是不要过度的歪曲与拐角,你需要放大细节进行调整。

  STEP03

  那时我们是按照片给定的轮廓来绘制的,虽然有细节的突破,但仍然没有逃开照片的约束。

  调整线条,让它变得更为“丝滑”,并对形状进行合并与删减。

  然后将所参考的照片置于其中,锁定照片的图层,再新建一个图层作为绘制层。绘制时可以用钢笔工具,

  五官保持最简单的形,去掉一切繁琐细节,而又要保持视觉上的“合理性”。

  @飞屋睿UIdesign :简单10步教你把人物照变成极简风格插画!这类效果一直很受欢迎(淘宝卖20元我会说),不过想实现非常简单,今天这篇教程一步步带你上手。

  每个艺术家的插画里都有来自他自身创造出的节奏和风格,而接下来的一段时间,我们将学习绘制不同风格的插画,用实际行动去体会隐藏于图案表象下的不可言说的趣味和技巧。

  处理形的要义就是要学会趋向简单几何。

  STEP04

  STEP05

  这里选用红色是为了照顾视觉的可辨性,你也可以选用和照片本身差别大的色彩。

  STEP01

  所绘制的对象,有一种符号化的趋势。就像图标一样,模糊所有个性化细节,使其变得符号化。让外形成就某种“完美”,当然所绘制的主题也并不在表现人物造型细节,而是在于突出某种氛围。让我们绘制的基础形都有趋于某种完美定式的倾向。

  STEP02

  4月份一项研究显示,到目前为止,“表情符号”这个词是今年最热词汇之一。“表情符号”最初起源于日本,是在电子通信中由于表达想法和情绪的小数码照片,现在已经传播到全世界。在社交媒体、微博客、全球媒体上,“表情符号”被数以百万次的使用。

  这时,我仍然要说,离开照片再远一点!所绘之物和照片实体之间,应该是幻影关系,而非一对一的简单临摹。绘制过程中额外加入我们自己的想象,这将帮助你一步步接近绘画的本质。当然这说得太远,但目标即在,一步一回顾。

  UI设计中配图的问题我曾在《全方位科普网页设计中的个性插画风格》中简单说过,然而这仅仅是一个开始,关于不同风格的插画如何进行运用,需要我们进一步“开发”。

  处理人物剩下的部分。这时可以稍微发挥创意,比如我在这里增加了头发的长度和弧度。也是这时开始,我们就丢弃对照片的依赖。关闭照片可见,完全从线条的角度来审视整个画面。

  根据照片提示的轮廓进行绘制,并不是一定要完全效仿照片。就像本例中,我们未必要完全效仿模特的发型。基础形里的每一个形状都要封闭完全,这是为了填色的需要。

相关内容

编辑精选

Copyright © 2015 茉莉网 http://www.szmlwh.cn. All rights reserved.