791650988
PS制作3D效果的按钮和图标
在一个图标论坛看到的教程，很实用，就翻译过来了，有些地方可能翻译的不是很准确，请多指教。我们在进行站点设计的过程中，经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代，徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效
作者:佚名 出处:zydxkeke
今天试着临摹了一个简单的GIF透明小ICON，把作的过程存了下来。
虽然相当简单，但因为基本上是像素级的操作，所以算是一次不错的练习。
以后争取画更复杂的 ：）
最终效果
1. 首先建一个14*14像素的透明画布，我们的是小ICON嘛，一般网页中小的ICON都是这么大，记得背景要选透明，这样以后它才能任意放在任何不同颜色的背景上面
2. 把画布放大到最大，然后再用铅笔，随便选一个黑一点的灰色，在上面“点”出一个页面的边框样式，左上角折了一个小角，简单的用铅笔点出个三角就行了。这种小ICON都是这样一点一点地点出来的 ^_^
3. 接着在我们画出的这个页面的里面加一个渐变，让它看出来不那么死，像有层次的样子。记得每画一步都建立一个图层，以后改颜色方便 ：）
4. 在页面的左边和上边以及那个小的折角里用白色的铅笔，画出高光的线，这样会让这个页面更有立体感。
5. 在页面的右边和下边用灰色的铅笔，画出暗调的线，这样它就更有立体感了
6. 然后把刚才画图层组成一个组，再隐藏掉。（这个组主要是为了以后可以把它再次利用，改成别的图标。）
7. 接着我们来画一个铅笔，大概地在右边用铅笔点出一个笔的形状
8. 然后用不同的颜色标出大概的位置，上面上橡皮擦，中间铅笔主体，再下面是笔尖。（可以用别的颜色，但是注意笔尖那里的色彩明暗，高光一定要体现出来）
9. 然后给铅笔上色，在我们这个icon里面，光是从左上角打下来的，所以它们的左上部得有淡一些的高光，大家可以尝试别的颜色，画出绚烂的铅笔来。注意分出橡皮和主体的范围来
10. 然后就OK啦，把隐藏的组打开，最终效果就是这样。
11. 最后保存成为透明的GIF，我们在网页中才能很好地利用它
作者:佚名 出处:zydxkeke
今天试着临摹了一个简单的GIF透明小ICON，把作的过程存了下来。
虽然相当简单，但因为基本上是像素级的操作，所以算是一次不错的练习。
以后争取画更复杂的 ：）
最终效果
1. 首先建一个14*14像素的透明画布，我们的是小ICON嘛，一般网页中小的ICON都是这么大，记得背景要选透明，这样以后它才能任意放在任何不同颜色的背景上面
2. 把画布放大到最大，然后再用铅笔，随便选一个黑一点的灰色，在上面“点”出一个页面的边框样式，左上角折了一个小角，简单的用铅笔点出个三角就行了。这种小ICON都是这样一点一点地点出来的 ^_^
3. 接着在我们画出的这个页面的里面加一个渐变，让它看出来不那么死，像有层次的样子。记得每画一步都建立一个图层，以后改颜色方便 ：）
4. 在页面的左边和上边以及那个小的折角里用白色的铅笔，画出高光的线，这样会让这个页面更有立体感。
5. 在页面的右边和下边用灰色的铅笔，画出暗调的线，这样它就更有立体感了
6. 然后把刚才画图层组成一个组，再隐藏掉。（这个组主要是为了以后可以把它再次利用，改成别的图标。）
7. 接着我们来画一个铅笔，大概地在右边用铅笔点出一个笔的形状
8. 然后用不同的颜色标出大概的位置，上面上橡皮擦，中间铅笔主体，再下面是笔尖。（可以用别的颜色，但是注意笔尖那里的色彩明暗，高光一定要体现出来）
9. 然后给铅笔上色，在我们这个icon里面，光是从左上角打下来的，所以它们的左上部得有淡一些的高光，大家可以尝试别的颜色，画出绚烂的铅笔来。注意分出橡皮和主体的范围来
10. 然后就OK啦，把隐藏的组打开，最终效果就是这样。
11. 最后保存成为透明的GIF，我们在网页中才能很好地利用它
