Gimp教程 做立体导航拦

通过这个实例主要学习Gimp的选区使用方法，比如如何创建圆角矩形选区，如何改变选区的大小等。

具体的制作过程如下：

第一步：创建一个新文件，500x100像素大小

第二步：选择矩形选择工具，做一个490x50像素，半径为15像素的矩形选择区，工具选项如图2，得到效果如图3。

　　　　技巧：如果想改变圆角大小，不用重画，用矩形选择工具选中选区，拖动图二上所示半径大小，就会改变。

　　　　也可以这样操作：菜单项：选择 → 圆角矩形；Select → Rounded rectangle)，在弹出的对话框中半径选择为50，点击确定，得到效果如图3

图2

图３

第三步：创建一个新图层，命名为Base，用油漆桶工具在Base图层用颜色 cdd0d4填充选择区，快捷键"Ctrl+,"，得到效果如图4

图4

第四步：用选区工具点住选区上面的框，将选区缩小俩个像素，如图５。

图5

第五步：新建一个图层，命名为Base2,把前景色设为：4f4f51,背景色设为：9fa0a4。选择渐变工具（快捷键L），注意渐变选项设为前景到背景，形状为Linear。从距离矩形选择区的下方地方拖拽鼠标进入选择区，如图6所示，得到的效果如图7所示。这步操作的目的是为了在图形的下方出现一个类似立体突起的效果。

图6

图7

第六步：在图层对话框中右键点击图层Base, 在弹出菜单中选择"Aplpha 到选区"（Alpha to Selection)。点击菜单项：选择 → 收缩 ( Select → Schrik)，在弹出的对话框输入2，点击OK

第七步：创建一个新图层 Base3，选择渐变工具，前景色设为 a4a5a6,背景色设为 c1c4c8 在图层Base3的选区底部向顶部拖拽，如图8所示，效果图9所示：

图8

图9

第八步：用矩形选择工具画一个482x39像素的圆角矩形选择区，尽量靠近已画图形的底部，但不用完全贴紧，然后使用圆角矩形工具对选区圆角化。如图10所示。创建新图层 Base4。前景色设为a3a6a9 背景色设为eff0f1。用渐变工具从矩形框的中部向底部拖拽，如图11所示，最后的效果如图12所示

图10

图11

图12

第九步：新建图层Divider，在你喜欢的位置画一个2x45像素的矩形选择区，放大图像操作比较好，使用铅笔工具，在左边的一条1px宽的选择区内用颜色838387描画，右边的一条1px宽的选区用颜色e8e9ea描画，如图13所示

图13

第十步：

　　方法一，重复第九步到你满意的所有分割线都画完为止。

　　方法二，如果您不愿意重复画，可以复制，

　　确定在图层Divider下，Ctrl+C复制，Ctrl+V粘贴，这时粘贴的是浮动选区，点一下图层面板的新建，好了，这是非常笨的方法，只是教大家一种把粘贴的选区变成图层的方法。

　　方法三，最好的方法，直接点图层面板下的创建图层副本，想创建几个就点几下。

　　下面讲一下对齐工具。

　　快捷键Ｑ，隐藏其他图层（可以按Shift点当前图层来隐藏其他图层，再把用到的图层点亮）。用此工具选中复制的几个图像（在画板上全部框选一下），然后选对齐工具下的选项，“图像”，位移自己填个合适的值，比如80，选distribute下面的左对齐。

　　连接这几个图层，用选择工具拖动到你要的位置就可以了。

第十一步：重复出你可以用颜色ffffff写上你需要的文字。