Photoshop制作透明GIF小图标教程

时间：2015-11-25 07:13:30 阅读：275 评论：0 收藏：0 [点我收藏+]

最终效果

1. 首先建一个14*14像素的透明画布，我们的是小ICON嘛，一般网页中小的ICON都是这么大，记得背景要选透明，这样以后它才能任意放在任何不同颜色的背景上面
技术分享

2. 把画布放大到最大，然后再用铅笔，随便选一个黑一点的灰色，在上面“点”出一个页面的边框样式，左上角折了一个小角，简单的用铅笔点出个三角就行了。这种小ICON都是这样一点一点地点出来的 ^_^
技术分享

3. 接着在我们画出的这个页面的里面加一个渐变，让它看出来不那么死，像有层次的样子。记得每画一步都建立一个图层，以后改颜色方便：）
技术分享

4. 在页面的左边和上边以及那个小的折角里用白色的铅笔，画出高光的线，这样会让这个页面更有立体感。
技术分享

5. 在页面的右边和下边用灰色的铅笔，画出暗调的线，这样它就更有立体感了
技术分享

6. 然后把刚才画图层组成一个组，再隐藏掉。（这个组主要是为了以后可以把它再次利用，改成别的图标。）
技术分享

7. 接着我们来画一个铅笔，大概地在右边用铅笔点出一个笔的形状
技术分享

8. 然后用不同的颜色标出大概的位置，上面上橡皮擦，中间铅笔主体，再下面是笔尖。（可以用别的颜色，但是注意笔尖那里的色彩明暗，高光一定要体现出来）
技术分享

9. 然后给铅笔上色，在我们这个icon里面，光是从左上角打下来的，所以它们的左上部得有淡一些的高光，大家可以尝试别的颜色，画出绚烂的铅笔来。注意分出橡皮和主体的范围来
技术分享

10. 然后就OK啦，把隐藏的组打开，最终效果就是这样。
技术分享

11. 最后保存成为透明的GIF，我们在网页中才能很好地利用它
技术分享

原文：http://www.jb51.net/photoshop/27314.html

踩

(0)

评论一句话评论（0）

分享档案

更多>