美文网首页Android UI应用
sketch长阴影的绘制

sketch长阴影的绘制

作者: Jessie | 来源:发表于2015-05-26 16:20 被阅读1364次
Long Shadow

第一步:画一个圆形阴影,并填充黑色(#000000),大小应与你的logo大小合适,图层命名为shadow。


logo

第二步:应用运动模糊(motion blur)效果,将数值调至最大,角度为-45度。


motion blur

第三步:为了得到严格意义上的阴影,我们需要参考线的辅助,参考线的添加视乎不同logo而有不同的处理方法。一般情況下,沿著logo的边棱角45度方向画直线。


guidelines

第四步:使用矢量工具(快捷键V)沿着辅助线有序地描出蒙板的形状。图层命名为mask。注意,必须是闭合路径。


mask

第五步:shadow图层应在mask图层的上方,选中mask,点击右键将其转化为蒙板(mask),阴影的透明度可自由调节。。


logo

迄今为止,完成长阴影的制作。

相关文章

  • sketch长阴影的绘制

    第一步:画一个圆形阴影,并填充黑色(#000000),大小应与你的logo大小合适,图层命名为shadow。 第二...

  • Cocoa Day01 View相关

    1. 现在 UI 一般用 Sketch 绘图,当 UI 要开发绘制阴影时,会给出如下阴影数值,它们分别对应 iOS...

  • 教程笔记

    第001期快速在PS/AI/Sketch中绘制绘制超椭圆

  • 动画:2018-07-31

    两个必备软件 Sketch用户绘制需要的图形和路径 Sketch链接:http://pan.baidu.com/s...

  • Iconfont应用规范

    SVG图标绘制 一、图标绘制范围 绘制工具:AI、SKETCH 另外不建议使用PS,因为虽然PS也可以导出SVG,...

  • OpenGL阴影

    几种绘制阴影的方法 在OpenGL中,比较常见的绘制阴影的方法有:shadow mapping,shadow vo...

  • 设置圆角/阴影/模糊处理

    以下代码是解决设置圆角/阴影离屏渲染的关键 layer 里与阴影有关的设置与 Sketch 里阴影参数的对应关系是...

  • 按照Sketch设置阴影

    参考:https://juejin.im/post/5dd4cd71f265da0bf80b5820

  • 关于 Sketch 4.0 提高模糊性能

    Sketch 4.0提高了模糊的性能, 于是尝试一下使用Sketch绘制拟物的图形. 附带源文件下载以供分享:)S...

  • 技巧分享:使用SVG设计可灵活修改的曲线分割网页效果。

    本文介绍如何使用图形绘制工具(sketch、AI)绘制图形并拷贝SVG代码,使用Coolsite360插入SVG组...

网友评论

    本文标题:sketch长阴影的绘制

    本文链接:https://www.haomeiwen.com/subject/ysiwfttx.html