网页立体图标设计
编辑：Simone
2024-11-20 07:54:14
557 阅读
现在网页设计越来越讲究艺术化，今天，我们就来设计多款网页立体图标，从中学习一下不同类型的立体图标的画法，掌握使用不同渐变色填充图标的侧面，让质感材质呈现出来。
使用钢笔画出数据图的不同圆弧块的路径，再画出立体图标的上下侧面与左右侧面，接着画出手指的路径，字母的路径，箭头的路径，再打出文字与方框的路径。
使用绿色的渐变与黄绿色的渐变搭配填充饼状图的上方三角圆弧块，再用红色的渐变与暗红色填充左侧的圆弧块，上方的高光使用滤色模式的渐变色填充。
使用冰蓝色的渐变填充下方的三角圆弧块，再做出高光的效果，右侧的圆弧块使用橙黄色的渐变与黄色的渐变分别填充，再做出高光效果。
这些饼状图的结构元素在截面使用暗色调的相似色进行填充，下方的阴影使用滤色模式的渐变色填充，让影子呈现在水面上。
中间的手指立体图标使用绿白色的渐变填充上下两个侧面，再用蓝白色的渐变填充手指，手指下方的路径使用深绿色的渐变填充。
右侧的字母图标使用灰白色的渐变填充上下界面，再用深蓝色的渐变填充字母的的表面，使用滤色模式的灰白色渐变填充字母表面的高光路径。
最后，我们用同样的方法填充右侧的箭头图标的表面与箭头路径，再使用正片叠底的渐变色填充立体图标的阴影，完成网页立体图标设计.
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/article/69779.html
