汉风论坛 » 贴图风景线 » [原创]含透明层相框效果的实现..BY Bruce
新帖
本页主题: [原创]含透明层相框效果的实现..BY Bruce 打印 | 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

[原创]含透明层相框效果的实现..BY Bruce

[+教程目标+]:让牛过得朋友都会使用Fireworks软件来简单处理一下自己喜欢得图片..并不失美感
[+所需软件+]:Macromedia Fireworks MX(Macromedia Fireworks 4.0)
[+运行环境+]:WIN98,WINXP,WIN2000
其他:选一些自己喜欢得图片...做处理所用..

废话少说...开始我们得制作吧...:)

首先...打开Macromedia Fireworks MX
PS:Bruce自己使用得是这个...如果哪位朋友用4.0版本得话..其实也没问题..MX和4.0基本工具一样..只是位置不同而已..建议大家使用MX..如果在使用4.0中有问题..PM我..

很快我们就进入软件界面~ :):)


偶把全部教程所有图片压缩打包提供大家下载...希望有所帮助..慢慢看就会明白...:)


附件: 539553-jiaocheng.rar ( K) 下载次数:0
顶端 Posted: 2003-03-18 20:07 | [楼 主]
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

接下来...我们已经在软件工作区了
恩....文件-->打开文件-->选取一张自己喜欢得图片做背景
具体操作如下面的GIF所示(这都不会..就太对不起自己了..:))
图1.1~1.3





:):)
顶端 Posted: 2003-03-18 20:07 | 1 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

恩...在拉好框以后...要做的就是做相框的边角了

具体步骤是这样的:
1.先将图象放大到300%..这样我们就能用铅笔工具在边角上画出边角...
选中铅笔工具先在左上角画横向纵向分别2条直线..具体看图.





2.用同样的方法在其他3角也分别画好...这样就作出了简单的框框效果.


:I
顶端 Posted: 2003-03-18 20:12 | 2 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

现在我们已经完成了相框基本框架的制作
这一步..我们来制作透明层
具体方法...
1.我们先在图片中部拉一个矩形..边框为空.填充为桔红色.
步骤见下图



2.填充好矩形之后..我们来设置这个矩形的透明度
具体设置见图.

3.这样..透明层也做好了..是不是觉得缺少了点什么东西..不急..我们给他加点线条润化一下.
3.1.先用直线工具拉一条直线出来,填充为桔红色 ..见下图

3.2.这样..一条桔红色的线条拉好了...觉得有点不够美观吧...恩.我们接下来把它做成虚线效果..
  ..选择网格3.透明度设为100%.这样虚线效果也出来了..
  ..用同样的方法在矩形两边都作出虚线效果.是不是好看多了??:)
    恭喜.你离胜利已经不远了..
详细设置见下图

顶端 Posted: 2003-03-18 20:42 | 3 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

下面工作就是署上自己的大名和自己想写的一些话拉...
具体方法是:
1.用文字工具输入文字..
小技巧:如果选用宋体的话..最好是12px.这样字体不会出现明显的锯齿失真
如果是英文的话..大家最好选用04_8字体..选用6px.字体小而精美
步骤如图

2.文字输入完成后..当然要对它处理一下..
方法:
1.选中文字

2.效果选项-->阴影-->发光
3.具体设置如图即可.


这样..一副具有相框效果的pp就給你完成了...是不是觉得很容易呀...
最终效果图:

效果还有很多..大家自己可以根据自己的情况做调整...Fw功能很强大..就怕你想不出..呵呵..

谢谢大家支持...bruce的教程写的不好..还请大家多多指教...:):)
顶端 Posted: 2003-03-18 20:50 | 4 楼
ichasel


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

印象当中Bruce过于喜爱0408
呵呵
顶端 Posted: 2003-03-18 21:06 | 5 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

顶端 Posted: 2003-03-18 21:09 | 6 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
ichasel wrote:
印象当中Bruce过于喜爱0408
呵呵

^^ 偶刚入门嘛..用这个是过多了..
其实偶也用其他字体的...只是在图象比较小的情况下..不得不用它而已..:)
顶端 Posted: 2003-03-18 21:12 | 7 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

试验作品,感觉不是很成功,呵呵~


远程图片:539922-0190-embed.jpg
顶端 Posted: 2003-03-18 22:09 | 8 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

为什么我的字体感觉怪怪的,是中空的?
顶端 Posted: 2003-03-18 22:14 | 9 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
小肉包 wrote:
为什么我的字体感觉怪怪的,是中空的?

字体你估计没填充颜色..用得blank
那几个角要2px宽呀..我都说清楚了~
:I
顶端 Posted: 2003-03-18 22:47 | 10 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

你图片的边框颜色是怎么出来的?不是角.
顶端 Posted: 2003-03-18 23:27 | 11 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce


Fireworks MX 注册机有么?
顶端 Posted: 2003-03-18 23:28 | 12 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
小肉包 wrote:
你图片的边框颜色是怎么出来的?不是角.

拉两个矩形..打孔~:I
顶端 Posted: 2003-03-18 23:30 | 13 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
小肉包 wrote:

Fireworks MX 注册机有么?

不要注册..那个甭管它..吓唬你的..;)
顶端 Posted: 2003-03-18 23:31 | 14 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
Bruce wrote:
[quote]小肉包 wrote:
为什么我的字体感觉怪怪的,是中空的?

字体你估计没填充颜色..用得blank
那几个角要2px宽呀..我都说清楚了~
:I [/quote]

字体这块详细说一下吧
顶端 Posted: 2003-03-18 23:51 | 15 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

专门制作教学演示的工具~


附件: 540253-FlashCamInstall.exe ( K) 下载次数:0
顶端 Posted: 2003-03-18 23:53 | 16 楼
小肉包


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

汉化补丁


附件: 540255-HA-FlashCam179ce-LDR.zip ( K) 下载次数:0
顶端 Posted: 2003-03-18 23:54 | 17 楼
lw251


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

DD好强啊,呵呵。。。
顶端 Posted: 2003-03-19 06:58 | 18 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
lw251 wrote:
DD好强啊,呵呵。。。
你也来试试做做看呀 :):)
顶端 Posted: 2003-03-19 08:31 | 19 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: 回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
小肉包 wrote:
[quote]Bruce wrote:
[quote]小肉包 wrote:
为什么我的字体感觉怪怪的,是中空的?

字体你估计没填充颜色..用得blank
那几个角要2px宽呀..我都说清楚了~
:I [/quote]

字体这块详细说一下吧 [/quote]

恩...
关于字体..
先选中字体工具---就是工具栏里面的那个"A"
填充字体 ..就是颜色工具里面--上面的那个...左键点击就可以选颜色...那个有一个"/"白底的就是填充blank.就是透明色
打个比方:如果你想做成白底.黑色边缘字..
应该填充白色..然后效果-阴影-发光-
然后发光的地方具体设置.只有一个地方可以选边框色.就是左边的那个..偶在上面的图里已经很清楚了.
:)
顶端 Posted: 2003-03-19 08:35 | 20 楼
sojump



该用户目前不在线
级别: 粉丝
精华: 16
发帖: 457
人品: 39
电影票: 16523
总资产: 16523
在线等级: 在线等级:2 级
在线时长:23.14 小时
升级剩余时间:27 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

嗯,支持,花了功夫啊
顶端 Posted: 2003-03-19 08:37 | 21 楼
风の季节
特殊贡献奖
该用户目前不在线
级别: 编剧
精华: 222
发帖: 0
人品: 118
电影票: 55126
总资产: 55126
在线等级: 在线等级:9 级
在线时长:497.08 小时
升级剩余时间:43 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

支持一下
顶端 Posted: 2003-03-19 09:26 | 22 楼
lw251


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
Bruce wrote:
[quote]lw251 wrote:
DD好强啊,呵呵。。。
你也来试试做做看呀 :):) [/quote]

好滴,这就去试试看。:)
顶端 Posted: 2003-03-19 12:03 | 23 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: 回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
lw251 wrote:
[quote]Bruce wrote:
[quote]lw251 wrote:
DD好强啊,呵呵。。。
你也来试试做做看呀 :):) [/quote]

好滴,这就去试试看。:) [/quote]
那偶就在这里等着看你的作品噢...
什么问题都在这里提..偶教你...:)
顶端 Posted: 2003-03-19 12:06 | 24 楼
紫衣仙子


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

555555555,讨厌我一装这个打开ACDSee就说错误!55555怎么办!
顶端 Posted: 2003-03-19 16:07 | 25 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
紫衣仙子 wrote:
555555555,讨厌我一装这个打开ACDSee就说错误!55555怎么办!

昏阿...怎么会这样那....xx(:O)
顶端 Posted: 2003-03-19 16:29 | 26 楼
紫衣仙子


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: [原创]含透明层相框效果的实现..BY Bruce

我也不知道!我要倒了!:(
顶端 Posted: 2003-03-19 16:40 | 27 楼
Bruce


该用户目前不在线
级别: *
精华: *
发帖: *
人品: *
电影票: *
总资产:
在线等级: 在线等级: 级
在线时长: 小时
升级剩余时间: 小时

回复: 回复: [原创]含透明层相框效果的实现..BY Bruce

Quote:
紫衣仙子 wrote:
我也不知道!我要倒了!:(

肯定是你下载软件的问题或是其他拉...
重装看看....
:I
顶端 Posted: 2003-03-19 16:45 | 28 楼
汉风论坛 » 贴图风景线 新帖

Total 0.009150(s) query 6, Time now is:12-02 23:53, Gzip disabled 赣ICP备05009070号
Powered by PHPWind v5.3 Certificate Code © 2003-07 PHPWind.com Corporation