这次我们采用实例教程的形式来分析一下大图、FD模块的制作过程。实例的形式,就是我们把所用的材料都提供下载,你下载后然后根据教程边学边自己动手作,这样就很容易记住制作的过程。 等你看完教程,你自己的FD模块也就制作成功了。
首先你的电脑先准备如下工具:
1. Adobe Photoshop-版本不限,不过教程是以Photoshop CS3为例。主要用于图片部分的处理,大图模块制作仅用它就可以了。
2. SWFDecompiler(闪客精灵)-主要用于初学者简单添加特效。
点击下载闪客精灵V3.3汉化版
3. Macromedia Flash-主要用FLASH部分的制作
当然还有其它工具可以利用,比如光影魔法手,可以让我们轻松添加边框。闪客之锤可以让我们轻松制作动感特效。这些软件我就不一一介绍了,有兴趣的话可以自己去搜索相关资料。
然后把下面的素材下载到你的电脑里:
图片素材:
图片素材:
个人形象等模块用
心情小留言用
日志相册大模式用
扣图后的美女
如你是制作大图模块可以下载边框素材后另行修改尺寸,即中心空白 地方为原系统模块的大小。
如你是制作大图模块可以下载边框素材后另行修改尺寸,即中心空白 地方为原系统模块的大小。
现在开始一步一步来制作一个简单黑色风格的FD模块了:
一、PS部分:
打开Photoshop(以下简称PS),新建一个文档,设置宽为715像素,高为990像素。
菜单栏上点击编辑-填充-弹出颜色项后选择黑色
在背景图层上双击,让它变成普通图层(解除锁定)
把刚才下载的所有图片素材打开。
如果你没有下载图片,也不想下载到电脑里,那你可在图片上右键-复制-然后直接粘贴到刚刚新建的文档里。
按住Ctrl键后全部选定可一次性全打开。
点一下小还原键后图片全部列开
然后点移动工具(V)直接在有像素的画面上按住左键拖到黑色背景的大图片上来。当然也可以用Ctrl+C和Ctrl+V进行操作。
把黑色背景大图片最大化,其它的先不要管了。现在开始编辑这个画面。把网格调出来(视图-显示-网格),方便对齐,智能参考线也可以钩选上。
如果你觉得放模块的边框太少,可以按住Alt键,在任一边框上轻轻一拖就可以复制出一个。也可以在你选定的边框图层上选择复制图层。
别忘了把背景的位置锁定,不然很碍事的。
对齐边框后可以取消息网格,进行美女的编辑,选中美女,按Ctrl+T键会显示出变换工具来。可以对美女进行放大缩小等处理。
新建一图层,用画笔进行一些处理,当然也可不用处理,画笔很多地方可以下载,我们的FD学习交流群内也有一些整理过的画笔包可以下载。
晕,写得太复杂了,仿佛成了PS的教程了。好了,现在对边框进行处理,你可以用滤镜、样式混合模式、等等多种形式进行处理,也可以做成Action(动作)进行批量处理。也可以早就做成现成直接粘贴进来也行。我这里采用简单的样式进行一下处理。
最后用魔术棒配合Delete键把框内的像素消除掉
另外要加些文字,比如我的日志、我的相册等等这些东西,留给你们去加上去吧。
最后点文件-存储为web所用格式
弹出对话框,选择存储格式为PNG24,你也可以选择GIF格式,但千万不要选GPEJ格式。
至此PS部分结束,可以把PS关闭退出了。如果只是做大图模块到此也就完成了。
更多素材请点击>>素材中国