(图9)
10、将[拾色器]前景色设置,R值为0;G值为0;B值为0。如图10所示:
(图10)
11、按“Alt+Delete”键,使“图层1副本”填充为黑色。如图11所示:
(图11)
12、在[图层调板]上方将设定的“锁定”按钮上点击,取消其选定。如图12所示:
(图12)
13、按键盘上的[Ctrl+T]键,对图像进行自由变换。如图13所示:
(图13)
14、在选项栏上设置W值85%;H值85%;如图14所示:
(图14)
15、按键盘上的[Delete]键,对选区进行确认。确认后显示如图15所示:
(图15)
16、在[图层调板]中单击[图层1]将其选中。选中后显示如图16所示:
(图16)
17、按住键盘上的[Ctrl]键不放,点击[图层调板]中的[图层副本1],将上层选中。如图17所示:
(图17)
18、按键盘是的[Delete]键,将上层图像删除。如图18所示:
(图18)
19、在[选择]菜单中选取[取消选择]命令。将选区取消。如图19所示:
(图19)
20、选择菜单栏中的[图层]--[图层样式]---[投影]命令,在弹出的[图层样式]对话框中设置参数如图20所示:
(图20)
21、继续在[图层样式]对话框中进行选项和设置。在[图层样式]左侧单击[斜面和浮雕]选项,将其选择并进行参数设置。设置参数如图21所示:
(图21)
22、在[图层样式]参数设置好后,点击“好”。图像效果如图22所示:
(图22)
23、在[图层调板]中选择[图层1副本],选定后如图23所示:
(图23)
24、在[图层1副本]缩览图上右键点击,在弹出的右键菜单中选择[混合选项]命令,在打开的[图层样式]对话框中选择左侧的[斜面和浮雕]选项,设置参数如图24所示:
(图24)
25、设置好参数单击“好”,显示图像如图25所示:
(图25)以上的操作(除[椭圆型选框]工具不同外)与之前的顶区制作完全相同
26、在[图层调板]中的[图层1]层中,眼睛后面有个小方框,点击之后建立链接。如图26所示:
(图26)
27、在[图层调板]中,拖动[图层1副本]至下边的[创建新组]按钮上,建立一个图层组。如图27所示:
(图27)
28、在[图层调板]中,将新创建的[序列1]拖至下面的[创建新的图层]按钮上,复制新的图层组,一共复制6个副本。如图28所示:
(图28)
29、在工具箱中选择[移动工具],在按钮图像上进行移动并均匀摆放。注意:最后一个按钮在标尺910前面。
在移动按钮图像时,移动那一个按钮图像,相对就要在[图层调板]中选择其相对应的图层,这样才可以移动这个图像。移动之后分布显示如图29所示:
(图29)
30、在[图层调板]中选择黑色箭头,在弹出的菜单中选择[合并图层]命令。合并之后的[图层调板]显示如图所示:
(图30)
至此导航条制作全部完成,接下来进行底区制作。
(三)、制作底区、中区
1、要在制作中区之前先来制作底区。底区的制作方法步骤与顶区的制作完全相同,为了节省时间就不再演示具体步骤了。需要注意的是:底区的高度要限制在800PX以内。制作后的图像效果如图所示:
(底区完成后效果图)
2、中区制作
将剩余部分全部用来制作中区。其制作方法步骤与顶区制作相同,也不再具体演示制作过程。制作完成后的效果如图所示:
(中区制作完成后的图像效果)
经过上面各区的制作,模板背景已经制作完成了 。
二、顶区和底区的装扮
装扮修饰顶区和底区,应该根据个人空间主题来选择合适的图片或者为空间命名标题,尽量要达到形式与内容相对统一,能够使人简单浏览就能对空间主题一目了然。可以在顶区制作标题框,方法与制作模板顶区的步骤相同,这里就不再演示了。也可以不设置博客标题,只用图片来装扮。也可以用文字工具在顶区内写上自己欣赏的诗词名句或者自己空间的感言等等。对于底区的装扮可以直接移入图片,也可以再制作两个对等的边框(两个相同的边框可先制作完成一个,利用按钮复制方法再复制别一个,用移动工具放到合适位置),中间放置大框,将框里面移入图片进行装扮。
顶区装扮效果如图所示:
顶区移入图片装扮效果
顶区移入图片装扮效果
顶区移入图片效果
顶区移入图片后加入空间标题效果
下面是底区装扮后效果:
底区移入图片装扮效果
底区移入图片装扮效果
底区分栏式装扮效果
底区分栏式装扮效果
模板图片全貌显示效果
三、制作模板的切割与保存
制作好的模板素材最终是要应用到博客中,如何将图像切割这是重点内容。下面就是具体方法步骤:
1、在工具箱中选择[切片工具],分别延制作的顶区、导航条、中区(要切割为三片图片,既上部、中部和下部)、底区分别切割成切片素材保存待用。在切割时一定要按照标尺水平移动鼠标,最大限度减小缝隙。利用[切片工具]在图像上切割的图片素材,在安装时能够保持整个模板整齐划一,美观无缝隙。切割后显示如图1所示:
(图1)
此时切片自动编号,显示为灰色时则切处没有激活。
2、用鼠标右键点每一个切片编号,弹出右键菜单中选择[提升到用户切片]命令,此时切片编号显示为蓝色,则表示切片已经处于激活状态。如图2所示:在存储之前,必须记住每个切片编号应该在博客中的安装位置,否则安装时就要出现问题。
(图2)
3、在菜单中选择[存储为Web所用格式]命令,打开的对话框如图3所示:
(图3)
只要在[预设]中选择[GIF]格式即可。
4、点[储存]按钮后弹出对话框如图4所示:
(图4)按照上面进行设置之后,点击[保存],完成了切片的储存。
5、储存方式是以文件夹形式,如图5所示,
找到储存的文件夹之后,打开浏览并把没用的图片(切片的缝隙)删除,把素材图片存放好在安装时使用。打开后的图片如图6所示:
(图6-1)此切片编号为01号,安装时是顶区位置。
(图6-2)此切片编号为03号,安装在导航条位置。
(图6-3)此切片编号05号,安装在三列式的1区既上层。
(图6-4)此切片编号为07号,是安装在三列式的2区中层。
(图6-5)此切片编号为09号,是安装在三列式的3区底层。
(图6-6)此切片编号11号,是安装在底区位置。
四、模块的制作、切割、保存和应用。
1、模块制作与前面的顶区制作方法相同,这里不重复演示具体操作过程。但要重点注意模块制作的规格。制作模块的图片宽度为250PX,高度为300PX。制作完成后效果如图1所示:
(图1)
2、在工具箱中选择[切片工具],对模块进行切割成9片图像。切割如图2所示:
(图2)
重点提示需要注意:模块的切片尺寸要格外注意。01和05号切片是安装在博客模块的1区和3区位置,高在100PX之内,宽度在50PX以内;模块19和21号是安装在博客模块的7区和9区位置,高度在100PX以内。
各编号安装位置如下:
01号在安装时为1区位置;03号为2区位置;05号为3区位置;11号为4区位置;12号为5区位置;13号为6区位置;19号为7区位置;20号为8区位置;21号为9区位置。千万不能搞错位置,否则安装后就要出现麻烦。
3、激活切片后保存为Wed格式,打开文件夹各图片显示如下:
联系客服