我这样临摹一组图标

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
8110 14 363 2019-08-02




临摹是突破瓶颈,快速成长的秘诀,一般人我不告诉他!

其实之前也有写过关于临摹的文章,不过为了强调它的重要性,今天再来一篇。

去年刚做动漫行业的时候,为了熟悉行业属性、增加同理心,临摹了很多动漫app的图标,今天拿网易动漫底部图标和大家分享一下我当时临摹的过程。

下图是原稿:


Image title


临摹前,我们一定要注意,千万别照着原稿一笔一笔的画:


Image title


如果是前期熟悉软件的阶段还好,如果想让设计能力有所提高,一定要“闭眼”临摹,也就是关闭原图的眼睛,也只有这样,你才能发现自己的不足,以及你和原作的差距。

在临摹前,我会仔细观察原作,分析它的图形组成:


Image title


例如这个奖牌是由一个梯形和一个圆形组成,梯形由灰白颜色条组成,圆形上面有个五角星。

有了这些分析,就可以开始“闭眼”临摹了,根据上述分析,我临摹的第一版图形如下图:


Image title


如果你不“闭眼”,你不会发现,原来当你自己默画的时候,会这么丑。此时进行对比,会发现一个很大问题,就是梯形占比有些大了,于是重新调整得到了第二版、第三版:


Image title


再次对比,会发现和原作还是有差距,其中有个问题就是,前面分析的梯形,其实不是一个真正意义的梯形:

它的底边是有转折的,这样更加符合绳带的真实状态,而我自己默化的时候,并没有这个细节,这样就会导致图标不够精致,不够耐看,而且还有点怪怪的


Image title


临摹到这里,再次修改:


Image title


基本就不会出现太大问题了,微调一下比例、大小,这个图标的临摹就算暂时OK了。

第二个例子是下面这个“找漫画”放大镜的图标:


Image title




前期观看之后,我以为它就是一个普通的放大镜,一个圆和一个矩形,然后圆上有两个高光,分析完毕,结果自己默画时,就出现了下面这几版:


Image title


中间修改的经历给了我很多感悟,比如光源从左上角打入,那光圈应该是从上角到右下角越来越大,而我第一版的时候,没有注意到这个自然规律,直接做反;再有放大镜的把手,也并不是一个普通的矩形,而是一个由小变大的纯圆角矩形:


Image title


后来一回想,外公用的放大镜把手确实是这样的:


Image title


当然,也不是所有把手都这样,但如果粗细有变化,然后短短的,胖胖的,会使其看起来更圆润可爱一些。

再来第三个图标“书架”:


Image title


做这个的时候,更逗,我以为就是一个矩形加个爱心, 所以就有了下面这几个版本:


Image title


这个图标,在做的时候,主要收获是:书下面暗色部分,拐角处要有透视关系,才能体现出厚度,否则看起来就像一个平面手机。

后面两个图标就不细讲了,原理都是一样的,需要去“闭眼”临摹,然后对比差距进行思考,最后吸收知识点。


Image title


如果每一个图标都像这样的去临摹,那观察细节的能力一定会快速提高,我个人也是比较喜欢把临摹时学到的知识点记录下来,方便以后回顾:


Image title


当时最后临摹的终稿如下:


Image title


很多时候,我们看似很简单的图标,其实并不简单,里面会有很多细节支撑,才有表层的耐看与精致,想去发现并加以利用,一定要大量的深度临摹与分析,可以借鉴我这种观察——闭眼——对比——分析——再闭眼...的形式,反复推敲,直到完全消化。


好了,本期就到这了。


更多干货欢迎关注微信公众号:菜心设计铺






全部评论:14

  • 该名称涉嫌违规

    2019-11-07 14:49

    @UxBooks:

  • 莫妮卡在隔壁

    2019-08-14 15:46

    这有点强行尬聊的嫌疑

  • 2019-08-13 11:45

    为什么临摹图标就能熟悉行业属性、增加同理心了?

  • UxBooks

    2019-08-10 16:50

    @该名称涉嫌违规: 你这名字啊.......我查看消息时碰巧网站在改版,总是无法跳转查看。我还以为什么人给我留言因为言语不当而被清理了呢....

  • 该名称涉嫌违规

    2019-08-09 13:16

    @UxBooks: 我。。。也这么觉得,有些时候百分比还原才发现原作牛逼

  • 倾城日光

    2019-08-08 10:31

    想问一下菜心,如何保证一组icon的角度大小是一致的?

  • Tonton

    2019-08-06 14:16

    @平子li: 都行,主要是idea,工具无所谓

  • 2019-08-06 11:33

    一定要先把临摹的整个的过程连贯起来,建立自己的思维。看着别人的进行临摹,只是把别人的思维复制过来,机械操作,不利于建立自己的独立思维。从做中学,融会贯通,久而久之,就有自己的想法了。

  • Shook舒克

    2019-08-05 09:58

    @平子li: sketch,Ai,Ps都可以

  • 平子li

    2019-08-05 09:30

    大家制作ICON都是在PS里面完成还是在AI里完成呀

  • EEEthan

    2019-08-02 23:27

    老菜还是阔以 还是那么接地气

  • 菜心设计铺

    2019-08-02 11:45

    @老狼老狼老狼: 你说的很对,但那也是相对较后的阶段,就像我们学画画一样,前期还是需要照着一模一样的画,由浅入深,慢慢来。我讲的这阶段就是“照着一模一样的画”的不同方法而已。每个人阶段不同,文章也不一定所有人都适合,如果觉得方法合适尝试下即可。

  • UxBooks

    2019-08-02 11:41

    个人感觉,先做到百分百还原再考虑改变。

  • 老狼老狼老狼

    2019-08-02 11:31

    个人看法,只做交流。我觉得临摹不应该是照葫芦画瓢,不管是闭眼还是开眼。对于设计师,更应该关注的是作品背后的创作思路。文章举的图标虽然很简单,但更应该多关注为什么“推荐”要用奖牌,“找漫画”为什么要用放大镜等等图形背后的意义,图标的表达从“语境”“语义”“语构”上表达上名不明确?自己会联想到什么?等等。多思考,多分析。最后动手临摹作品的风格,试着和之前的作品确保风格整体的统一性。这样在临摹的过程中创造更好,也会渐渐形成自己的方法。

  • 小小舅

    2019-08-02 11:25

    喜欢菜心

  • 是鲲鲲啊

    2019-08-02 11:18

    真棒!

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票