|
|
学会了gimp一些最基本的操作，现在我们可以来做点有意义的工作。例如，给图标加上倒影，这样，在有玻璃质感的壁纸或者wbar上，会让玻璃的感觉更加明显。
今天要涉及一些简单的图层操作，所以，我选了一个网上下来的有多图层的图标做示范。
第一步 素材预处理
1. 选择合适的图层
如果你经常从网上下载图标，有一种非常棒的格式相信会常常碰到，那就是.ico文件，这种格式的图标文件如果用gimp打开就是这个样子：
图一
顺便说一下，我们常用的拷屏其实是mtPaint的一个功能，而gimp也有拷屏功能，而且更加丰富，上图就是用gimp的拷屏功能拷的（选择拷贝一个程序窗口选项）， 点菜单的：文件 - Create - Screenshot，会跳出来一个小窗口，里面有三大选项，你可以选择拷贝一个程序窗口（Take a screenshot of a single window)、全屏(Take a screenshot of the entire screen)和自选区域(Select a region to grab)，在全屏选择中还可以选择连鼠标光标一起拷出来，还可以自己设定拷屏的延迟（便于你调整桌面），总之是非常强大，很好用。
从上图我们可以看到，ico文件中其实有多个图标，各种尺寸一应俱全，这时去打开图层窗口，如果默认没打开，就点菜单：Windows - Dockable Dialogs - 图层，一个小窗口就跳出来了：
图二
上下滑动右边的滚动条，你会发现，这个图标文件里包含有八个图层，每个图层都是一个完整的图标，只是尺寸不同，1-8号图层图标大小从最大的128x128到最小的16x16，这对于整个系统统一图标很有用。
不过，今天我们只需要拿最大的那个来做倒影，其他的暂时没用。除了我们需要的1号图层，其他图层我们都不需要，怎么做？很简单，不要删除图层，说不定以后还有用呢。
在图层窗口操作，除了我们需要的1号图层，把其他图层的左边的小眼睛都点掉，这样这个图层还存在，但看不见了。如果你还记得我们在第一关里所讲的内容，在存盘时gimp会说“合并可见图层”，关掉了小眼睛就不是“可见图层”了，你“另存为”的时候就不会存进你的新图片文件。关闭了所有小眼睛只剩下1号图层之后，窗口是这样的：
图三
（这次我使用的是区域拷屏）。在图层窗口里一定要让1号图层保持被选中（灰色），虽然其他图层看不见了，但如果你选中的话还是可以操作的。现在我们只对一号图层进行操作，所以一定要像图中所示，选中它。
接下来，还有一件事情要做，有时候这事还有点麻烦。
2. 清理图片，去除不需要的部分
看看图三中我用套索选中的两块区域，那是原图标做的阴影，因为原图标是准备平放在桌面的，所以做了一点黑色的阴影，立体感更强，可是，我们现在是想让图标呈现一种站立姿态，并获得在玻璃地面投下倒影的效果，那么这个黑色的阴影就不能让它存在了，留下的话光影的感觉就乱了。
所以，我第一步是用套索选中两块比较好处理的区域，然后点菜单：编辑 - 清除。把两块黑色阴影清除掉。
接下来就是那个比较麻烦的画笔笔杆在图上的黑色阴影了。也必须清除掉，但不能简单清除，因为会把有用的画面内容也清除掉，那是不可以的。只能改颜色。
先点菜单：选择 - 无。（清除掉先前的套索选择区域）
点放大镜尽量放大一些。
图四
放大以后可以看见，其实也没有多少像素需要改，可以用套索套上小块区域，用周边的颜色填充，这我们在2B里面介绍过了。或者，更直接的，用吸管吸取周边的颜色，用画笔（见下图工具箱中第四排最右边的图标）在图上黑色阴影部分直接点，用画笔有一点要注意，看下图：
图五
默认的画笔笔尖都很粗，像这种细小的描画，需要点图中画笔右边那个小钮去切换合适的笔尖，在这里我选择了最小的笔尖，也就是每点一下用前景色填充1x1个小方格。这个选择在铅笔、涂抹工具、橡皮、喷枪、渐深/渐淡工具里都有的。
用画笔点完以后如果感觉颜色还是有点突兀和周边的颜色过渡太生硬，还可以用涂抹工具（工具箱最后一排那个小手）去涂一涂，最后出来的效果就是这样：
图六
看图中工具箱中的前景色（绿色），因为我用吸管吸来的绿色比较深，所以点上后颜色比较生硬，所以我用涂抹工具在图中调色盘的绿色部分涂了一下，看上去比较自然了。
好了现在素材预处理已经完毕，可以开始做倒影了。
第二步 做倒影
1. 首先要处理画布
画布是一个类似画框的东西，不管你打开的图像有多大，只能显示画框以内部分，在多图层操作中需要非常注意。例如你打开一张图，那么画布默认就是这张图的大小，然后你需要打开另一张不同尺寸的更大的图作为新图层叠加在第一张图上，那么，新开的这个图层能显示出来的只能是画布范围内的内容，你可以用移动工具去移动这个大图，让你需要的部分显示出来。
现在我们要给图标做倒影，我们需要在原图的下面接出一块来，那么原有的画布就不够大了。点菜单：图像 - 画布大小。一个新窗口（设置图像画布大小）跳出来了：
图七
因为我仅仅需要在原图像下面接出一块，所以，我把上图中固定高宽比的小链条点断了，在高度输入框输入256，宽度仍然不变。点右下角“改变大小”。界面变成了下面图八左边所示。
图八
2. 增加倒影图层
首先确认你没有选择任何区域。（点菜单：选择 - 无）
点菜单： 编辑 - 复制 （因为你现在没有区域选择，而图层选择是1号图层，所以gimp就复制了一号图层）
点菜单：编辑 - 粘贴为 - New Layer （粘贴了一个和一号图层一模一样的新图层）
画面看上去和原先没区别，但是，一个新的图层其实已经诞生了，看图八右边的图层窗口，你会发现多了一个新的名叫“剪贴板”的图层，叠加在所有图层之上，因为默认新加图层都是加在画布的左上角，所以现在新加的这个和原先的一号图层一模一样的图层把一号图层盖住了，你看不见，只能看见这个新图层。
点菜单：图层 - 变换 - 垂直翻转
这里的图层是你选中的图层，而新加图层默认就是被选中的，如果你在加图层之后在图层窗口乱点过，那么要注意，做翻转之前要选中新加的这个图层。
翻完之后是这样的，已经可以看见下面的1号图层了：
图九
现在使用上图左边工具箱第二排最右边“移动工具”，点一下工具箱图标（鼠标旁边出现一个十字），到图上点住这个被翻转的图层往下拉，拉到我们刚才扩大画布时给它准备好的地方：
图十
下面这个图层就是将来的倒影图，拖放倒影图的时候要注意，一般图标，两张图最好不要完全碰在一起，稍微有一点点距离为好，如果是那种有需要有悬空感的图标，例如飞机、气球之类的，那就需要把两张图的距离拉开，不然看上去飞机就不是飞在天上而是趴在地下了。
3. 处理倒影
现在进入最难操作的部分，摸索这个花了我好长时间。
到工具箱点椭圆选择，在工具箱下部，默认是“边缘平滑”打勾的，去掉“边缘平滑”，勾上“边缘羽化”，羽化半径改成70（这个半径和你的图的大小有关）。
到图中去拉出这样一个椭圆：
图十一
图中的椭圆四角有些线条，这说明我的选择还未最后完成，我还可以调整这个椭圆的大小和边界，选定后在椭圆中间点一下就确定了。
点菜单：选择 - 反转。这就表示我要选择的是该图层中椭圆以外的部分。
摁键盘上的Delete键，一下一下摁，你会看到椭圆以外的部分慢慢被消除，边缘是羽化模糊的，我特意在下图拷贝了历史窗口给你们看，从历史看，我摁了10下delete，到底摁多少下合适，这和你的羽化半径、椭圆的选择范围有关（我这个椭圆画得稍微有点大了），有时候我只摁了4、5下就觉得可以了。(注意，因为我们一直选择的是“剪贴板”图层，所以，所有的操作都在该图层内发生，所以，边沿羽化操作并不会对1号图层产生任何影响）。
图十二
羽化做完以后，下面这个图层看上去还不像倒影，为什么？太清晰了。所以，就有下一步操作 - 调整图层透明度。说白了就是让整个倒影图层变淡。
首先还是点菜单：选择 - 无
拎过图层窗口，选择这个倒影图层，在图层窗口的上方有个“不透明度”滑动条，右边的数字窗口默认是100.把滑动条向左滑动，注意观察图中的倒影，一般来说不透明度调到30-40就差不多了。看下图：
图十三
调透明的程度也不是一定的，通常来说颜色较深的背景倒影会比较明显，白色背景下倒影最不明显。
好了，基本上，这就是个倒影图标了。不过，还有最后一点调整工作要做。
第三步 调整画布、图像尺寸
系统对图标的画片默认都是方的，如果是长方形的，像我们现在做的这样，系统会毫不犹豫地切掉下面倒影部分，所以，我们要把它做成方图片。
要考虑一点，和原有图标比较，倒影图标看上去一定会变小，因为系统显示的图标是固定大小的，现在既然我们让图标在上下方向拉长了，那么最后的显示在左右方向一定会缩小。所以，要尽量压缩上下的狭长感，有时候甚至需要把图标整个压扁一些。
首先，切出我们需要的部分，用工具箱里的矩形选择，拉出一个矩形：
图十四
在选择整个图像的上下方向时，既要小心不要让图像过于狭长，又要注意不要让倒影的羽化部分有被刀切的感觉。
点菜单：图像 - 使画布适合选区。 （注意，这次我们的操作对象是“图像”而不是图层）
看下面图十五。画布小了，图像大小没变。（注意，最后保存下的png图片的大小会和画布大小一致，除了图像内容，透明部分也会是图片的一部分，所以我这里要切掉一些画布，让有内容的图像尽量多占据画布）。
图十五
点：图像 - 缩放图像。
保持高宽比（不要点断小链条了），把原高度184改为256. （你也可以缩成128, 但我总是不喜欢缩小图像，舍不得，稍微放大一些让系统自己去缩小好了）。点：缩放。
图像从 127x184,被缩放成了177x256.还是长方形。
点：图像 - 画布大小。
点断小链条，把画布宽度改成256，并且点“居中”（让图像在x轴方向上居中）。点“改变大小”。
图十六
终于做成了一个256x256的图像。虽然在x方向有很多透明部分，好像有点浪费，但这也没办法，一般图标做倒影有效的图像部分总是一个高度大于宽度的长方条，除非你把图标压扁，让图标本身呈扁长方形，对有些图标来说是完全可以的，我在做那套卡通风格的wbar图标的倒影时，多个图标都被我压扁了，因为很多图标本身已经是个高度大于宽度的长方形，再加倒影，图片太狭长了，最终显示出来的图标很瘦，都看不清，所以我有意识地压扁了一些过分狭长的图标。其实，严格来说，我选的这个示范图标也是个高度大于宽度的长方形，对做倒影也有点不利。
最后，另存为一个png文件（不能是jpg，jpg不支持透明）。这就是我们最终的倒影图标：
最后要声明一点，我这只是在分享我个人的一点经验，不是什么原创教程。我做图标倒影的步骤，是我问了一个会做Photoshop的朋友，他根据自己的感觉（他也没做过倒影图标），觉得大约要做哪些事情，然后我回到gimp自己琢磨的。也许会有更简捷方便的办法，希望知道的同学教我。
[ 本帖最后由 perryfa 于 2009-3-19 01:40 编辑 ] |
|
|手机版|Archiver|veket官方网站论坛
( 粤ICP备 11052856 )
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
显身卡
