如何make button?

Jyx

当我们point to website 的button时，button会发光/动。请问如何能够弄到这种button出来?要用什么software?

黑夜使者

是用flash做給它發亮的,
你可先畫好整個button之後, 雙擊進入button的里面,
里面有三個layer分別是正常, 碰撞, 和點擊.
你可在碰撞那里將你的button調亮, 之後再畫碰撞範圍大小,
再雙擊退出layer之後, 按ctrl + Enter 做flash preview,
你碰撞button 看會不會發亮...

我不大會flash啦, ...教錯請指正我
你也可去這里發問, flash 專區
http://chinese.cari.com.my/myforum/forumdisplay.php?fid=333


對了, 如沒錯你也可用Adobe ImageReady來做button發亮!!

[ 本帖最后由 黑夜使者 于 18-4-2007 02:04 PM 编辑 ]

ruki

其实gif file 也行...
就是你在你的button那加mouseover的动作...
在mouseover 时把button的图换animated 的gif file....

我弄的example

[ 本帖最后由 ruki 于 20-4-2007 03:02 AM 编辑 ]

黑夜使者

這是我用IR做成的, 不知是不是你要的...


你可先在PS處理button, 但button的色要有兩個圖層=兩种顏色, 以做變色用途.



去PS工具箱的下方按"轉移去IR"



你來至IR版面之後, 你在"滑鼠指向效果"選擇Normal圖層, 再按下方的"建立滑鼠指向效果狀態"



按下方的"建立滑鼠指向效果狀態"之後會出現三個圖層,
你點擊選擇Over狀態, 下去下方的圖像圖層, 將最上層的顏色圖層眼睛關閉!!
之後你會看到你的button變化另一顏色!!



再確定你的"滑鼠指向效果"里有三個圖層, 第一和二層是同一顏色, Over狀態是另一种顏色!!


去上方選擇"檔案" > "另存最佳化檔案" ,
跳出存檔對話時, save as type 請選擇 "HTML 和影像 *.html".



你存好之後會有兩個檔案, 一個是HTML的檔案(也就是完成品), 另一檔案是收集HTML里邊所有圖檔,
所以當你弄不見其一, 你的HTML里圖檔也會link不到...要小心保管..


這是我做的, 你可下載看看!!
http://download.yousendit.com/EB6C31887A752C4A

[ 本帖最后由 黑夜使者 于 20-4-2007 04:08 PM 编辑 ]

黑夜使者

你的這個script是不是加在Dreamweaver里的??

可分享你是用什麼gif軟件來制作的嗎??

ruki

原帖由 黑夜使者 于 20-4-2007 04:11 PM 发表
你的這個script是不是加在Dreamweaver里的??

可分享你是用什麼gif軟件來制作的嗎??

script 是加在Dreamweaver里....
C&P就行乐...话说我也是C&P的.....

我用Photoshop CS2~~~

黑夜使者

你會Dreamweaver的嗎?? 我也很想學,
之前听學姐說已開發到了"拿&丟"的方便了...

到現在還沒學是因為上次學了flash之後,
自認對這個<script type=.=''src>很爛!!
几堂課几後, 越來越深, 最後睡了...哈哈

如你會也話不妨在這教教我們!!

devil_gal

你的很漂亮下勒。。。
能不能教教怎么做啊。。。

ruki

原帖由 黑夜使者 于 24-4-2007 01:04 PM 发表
你會Dreamweaver的嗎?? 我也很想學,
之前听學姐說已開發到了"拿&丟"的方便了...

到現在還沒學是因為上次學了flash之後,
自認對這個<script type=.=''src>很爛!!
几堂課几後, 越來越 ...

其实我会的都是basic
scripting 这东西的确很难....
我也不太明白...
其实网上search很容易找到教程....

话说 flash 8 很赞!
超好玩的! 加了fliter有更多的effect~~~
很好用!

dreamweaver我可以说会的....
只是初学....我们一起学习吧...
如果你想学什么effect就pm我或者开帖...
我们一起研究!! 这样学得更快!!!!

ruki

原帖由 devil_gal 于 24-4-2007 03:52 PM 发表
你的很漂亮下勒。。。
能不能教教怎么做啊。。。

你指那个button么?
那个...很简单的...
就字体的颜色跟背景颜色一样....
然后在字的layer加outer grow,和stroke (1pt)
outer grow 和stoke颜色要一样.....
以上是图1

图2...只要再加多一个layer style
就是inner grow跟之前的outer grow 一样颜色

animation...
在ps去window>animation
call out 那个animation box
在animation box那里add new frame...
select frame 1 把图2 invisible
因为在frame 1 invisible 其他的frame都会受影响....
要倒回 frame 2 able 图 2
然后再animation bos left side 有个小小的三角形select那个东东
它会pop out 一个menu....选tween 在frame 的空间填 8 （不一定要8 ，
你想要你的animation快就少frame,要它慢就填多点frame）
这样就行了

抱歉...我解释得有点乱.... ="=
不明白欢迎再问...