手机
当前位置:查字典教程网 >网页设计 >photoshop >QQ空间FD模块制作实例最新图文教程附软件
QQ空间FD模块制作实例最新图文教程附软件
摘要:这次我们采用实例教程的形式来分析一下大图、FD模块的制作过程。实例的形式,就是我们把所用的材料都提供下载,你下载后然后根据教程边学边自己动手...

这次我们采用实例教程的形式来分析一下大图、FD模块的制作过程。实例的形式,就是我们把所用的材料都提供下载,你下载后然后根据教程边学边自己动手作,这样就很容易记住制作的过程。 等你看完教程,你自己的FD模块也就制作成功了。

首先你的电脑先准备如下工具:

1. Adobe Photoshop-版本不限,不过教程是以Photoshop CS3为例。主要用于图片部分的处理,大图模块制作仅用它就可以了。

2. SWFDecompiler(闪客精灵)-主要用于初学者简单添加特效。

点击下载闪客精灵V3.3汉化版

3. Macromedia Flash-主要用FLASH部分的制作

当然还有其它工具可以利用,比如光影魔法手,可以让我们轻松添加边框。闪客之锤可以让我们轻松制作动感特效。这些软件我就不一一介绍了,有兴趣的话可以自己去搜索相关资料。

然后把下面的素材下载到你的电脑里:

图片素材:

图片素材:

QQ空间FD模块制作实例最新图文教程附软件1

个人形象等模块用

QQ空间FD模块制作实例最新图文教程附软件2

心情小留言用

QQ空间FD模块制作实例最新图文教程附软件3

日志相册大模式用

QQ空间FD模块制作实例最新图文教程附软件4

扣图后的美女

如你是制作大图模块可以下载边框素材后另行修改尺寸,即中心空白 地方为原系统模块的大小。

如你是制作大图模块可以下载边框素材后另行修改尺寸,即中心空白 地方为原系统模块的大小。

现在开始一步一步来制作一个简单黑色风格的FD模块了:

一、PS部分:

打开Photoshop(以下简称PS),新建一个文档,设置宽为715像素,高为990像素。

QQ空间FD模块制作实例最新图文教程附软件5

菜单栏上点击编辑-填充-弹出颜色项后选择黑色

QQ空间FD模块制作实例最新图文教程附软件6

在背景图层上双击,让它变成普通图层(解除锁定)

QQ空间FD模块制作实例最新图文教程附软件7

把刚才下载的所有图片素材打开。

如果你没有下载图片,也不想下载到电脑里,那你可在图片上右键-复制-然后直接粘贴到刚刚新建的文档里。

按住Ctrl键后全部选定可一次性全打开。

QQ空间FD模块制作实例最新图文教程附软件8

点一下小还原键后图片全部列开

QQ空间FD模块制作实例最新图文教程附软件9

然后点移动工具(V)直接在有像素的画面上按住左键拖到黑色背景的大图片上来。当然也可以用Ctrl+C和Ctrl+V进行操作。

QQ空间FD模块制作实例最新图文教程附软件10

把黑色背景大图片最大化,其它的先不要管了。现在开始编辑这个画面。把网格调出来(视图-显示-网格),方便对齐,智能参考线也可以钩选上。

如果你觉得放模块的边框太少,可以按住Alt键,在任一边框上轻轻一拖就可以复制出一个。也可以在你选定的边框图层上选择复制图层。

QQ空间FD模块制作实例最新图文教程附软件11

别忘了把背景的位置锁定,不然很碍事的。

QQ空间FD模块制作实例最新图文教程附软件12

对齐边框后可以取消息网格,进行美女的编辑,选中美女,按Ctrl+T键会显示出变换工具来。可以对美女进行放大缩小等处理。

新建一图层,用画笔进行一些处理,当然也可不用处理,画笔很多地方可以下载,我们的FD学习交流群内也有一些整理过的画笔包可以下载。

QQ空间FD模块制作实例最新图文教程附软件13

晕,写得太复杂了,仿佛成了PS的教程了。好了,现在对边框进行处理,你可以用滤镜、样式混合模式、等等多种形式进行处理,也可以做成Action(动作)进行批量处理。也可以早就做成现成直接粘贴进来也行。我这里采用简单的样式进行一下处理。

QQ空间FD模块制作实例最新图文教程附软件14

最后用魔术棒配合Delete键把框内的像素消除掉

QQ空间FD模块制作实例最新图文教程附软件15

另外要加些文字,比如我的日志、我的相册等等这些东西,留给你们去加上去吧。

最后点文件-存储为web所用格式

QQ空间FD模块制作实例最新图文教程附软件16

弹出对话框,选择存储格式为PNG24,你也可以选择GIF格式,但千万不要选GPEJ格式。

QQ空间FD模块制作实例最新图文教程附软件17

至此PS部分结束,可以把PS关闭退出了。如果只是做大图模块到此也就完成了。

更多素材请点击>>素材中国

【QQ空间FD模块制作实例最新图文教程附软件】相关文章:

Photoshop CS4最新窗口截图教程

PS制作自定义星星图案

PS滤镜制作人物铅笔画效果教程

Photoshop暗调/高光操作实例教程

Photoshop 制作苹果导航栏效果教程

PS利用油漆桶工具制作连续图案教程

photoshop中怎样批处理操作 图文教程

妙用Photoshop制作水彩画的简单方法

用Photoshop制作晶莹剔透的logo教程

自制泡泡笔刷简明教程

精品推荐
分类导航