+ -
当前位置:首页 → 问答吧 → 制作一款草图风格图标,附带源文件

制作一款草图风格图标,附带源文件

时间:2011-04-26

来源:互联网

绘制图标通常是铅笔或者马克笔草图然后到电脑里面渲染,不过把图标拿来制作草图效果也别有一般风味。
本教程是使用fireworks把一个图标线稿转换成草图风格。先看看效果。
9.jpg (115.59 KB)
2011-4-26 00:28



1 首先画好自己的图标的线稿
1.jpg (26.83 KB)
2011-4-26 00:28


2.使用水彩-》加重 来描边,创造一种铅笔类似的线条效果。当然也可以用其他相似的描边
2.jpg (32.47 KB)
2011-4-26 00:28


3.绘制一张 不规则斜线纹理。后面会用来做填充用
3.jpg (97.92 KB)
2011-4-26 00:28


4.图标的暗区域 使用使用刚才画好的斜线纹理来填充。
4.jpg (42.56 KB)
2011-4-26 00:28


5.部分阴影也用斜线纹理来填充,但是和暗色区域的深度有些区别,至此为止草图效果有点像了
5.jpg (26.17 KB)
2011-4-26 00:28


6.下面来加一些修饰把,让草图看起来更像草图一些。先加入一个3D的盒子和一张设计图纸的背景效果。
6.jpg (108.79 KB)
2011-4-26 00:28


7.然后加入一些打底的线条。很多时候打底用的尺子快速画线条,所以落笔和提笔都是渐变的效果。这里填充要注意一下
7.jpg (119.65 KB)
2011-4-26 00:28


单独来看看线稿的效果。
8.jpg (35.73 KB)
2011-4-26 00:28


用在网站上面的效果。
new.jpg (414.04 KB)
2011-4-26 00:28


最后是FIREWORKS源文件,分享给大家。期待看到马克笔版本的草图效果风格。  
0.png (170.26 KB)
2011-4-26 00:28

作者: feng4ever   发布时间: 2011-04-26

自从某天突然发现做设计无法翻身做主人之后就已经很多年没认真做过设计了。
这是最近做的一个东西,正好分享一下,FW区好冷。

作者: feng4ever   发布时间: 2011-04-26