ActionScript 3.0 你開始學習了嗎?
ActionScript 3.0 你學會了嗎?
ActionScript 3.0 你習慣使用了嗎?
如果還沒,那很好, ActionScript 4.0 就準備要出來了,因為ECMAScript 4.0已經出來了,所以基於相容及標準化的結果 ActionScript 勢必得跟著升級囉!至於可能會加入那一些元素,有興趣的人可以自己先看看吧!
http://moock.org/lectures/newInECMAScript4/...
Read more
[+/-] : 如何插入 Flash 到 DreamWeaver 中
要在網頁中插入做好的 FLASH 動畫檔 SWF 檔,最快也最簡單的方法就是在 Flash 的[檔案]下有個[發佈設定](如下圖)

按下後就會出現下圖,只要確定第一個選項及第二個選項被打勾,其餘的就自己看著辦吧~
再按下圖中最下方的[發佈]即可。
執行發佈後,它會在你儲存檔案的地方,產生二個檔案,一個是 SWF 檔,另一個就HTML檔囉,如果還想對網頁內容進行編輯,就再到 DreamWeaver 中繼續編輯吧!
相反的,如果你做的檔案沒有儲存過,或是儲存的地方是不能新增檔案的地方(光碟片上),那這個發佈的按鈕就不能使用囉!

如果你還是想直接到 DreamWeaver 中直接插入 SWF 檔的話,也很簡單,你可以直接在[插入]工具列上找到[媒體](如下圖左邊數過去第七顆按鈕),按下第一個[ Flash]的按鈕,接下來就會詢問你的檔案放在那,跟它說了以後,就完成囉,很簡單吧!

最後,如果你還想使用更好的方式插入 Flash 檔案,或是你想知道什麼方法才是最符合 W3C 的網頁標準化,你也可以參考這一篇的方式去插入 SWF 檔。
但是這一篇比較適合有 CSS 的基礎以及一些些 JavaScript 的觀念,會比較看得懂哦~...
Read more

按下後就會出現下圖,只要確定第一個選項及第二個選項被打勾,其餘的就自己看著辦吧~
再按下圖中最下方的[發佈]即可。
執行發佈後,它會在你儲存檔案的地方,產生二個檔案,一個是 SWF 檔,另一個就HTML檔囉,如果還想對網頁內容進行編輯,就再到 DreamWeaver 中繼續編輯吧!
相反的,如果你做的檔案沒有儲存過,或是儲存的地方是不能新增檔案的地方(光碟片上),那這個發佈的按鈕就不能使用囉!

如果你還是想直接到 DreamWeaver 中直接插入 SWF 檔的話,也很簡單,你可以直接在[插入]工具列上找到[媒體](如下圖左邊數過去第七顆按鈕),按下第一個[ Flash]的按鈕,接下來就會詢問你的檔案放在那,跟它說了以後,就完成囉,很簡單吧!

最後,如果你還想使用更好的方式插入 Flash 檔案,或是你想知道什麼方法才是最符合 W3C 的網頁標準化,你也可以參考這一篇的方式去插入 SWF 檔。
但是這一篇比較適合有 CSS 的基礎以及一些些 JavaScript 的觀念,會比較看得懂哦~...
Read more
[+/-] : FLVPlayback 組件自動播放 & 音樂隨機播放
剛有個朋友問我說一個FLASH的小問題,他想做一個視訊檔放在FLASH中,需要不斷的重覆播放但是不需要可以控制,就像一個展示用的影片,但是,它在下方還需要一個按鈕,按下後,可以隨機播放出不同的音樂,跟影片沒有任何關連性的動作。
其實這個東西很簡單,於是我花了一點時間幫他完成,順便把檔案也放上來,想要下載的自己載回去看看吧~
程式的部份我都有做註解,我想有點底子的,看看就會懂,看不懂的,我晚點有空再上來解釋它吧!
音樂檔要放在SOUND的資料夾下哦,檔名要到FLASH裡改下面第二行的部份,你有幾首歌就通通把檔名放在"雙引號"內即可,我下面放了三首,如果不夠,自己加就可以了。
下面是程式碼以及原始檔下載的位置
- 下載原始檔
Read more
其實這個東西很簡單,於是我花了一點時間幫他完成,順便把檔案也放上來,想要下載的自己載回去看看吧~
程式的部份我都有做註解,我想有點底子的,看看就會懂,看不懂的,我晚點有空再上來解釋它吧!
音樂檔要放在SOUND的資料夾下哦,檔名要到FLASH裡改下面第二行的部份,你有幾首歌就通通把檔名放在"雙引號"內即可,我下面放了三首,如果不夠,自己加就可以了。
下面是程式碼以及原始檔下載的位置
- 下載原始檔
//你可以自己輸入你想要的歌曲名稱
var soundList:Array = Array("Colbie.mp3","Happy.mp3","Jason.mp3");
//播放音樂用函式
function playMySound(){
i=Math.floor(Math.random()*soundList.length);
loadSound = new Sound();
loadSound.loadSound("sound/"+soundList[i],true);
//如果音樂播完後重新播放 , 如果不希望音樂能重覆播放 , 請將此函式註解或刪掉即可。
loadSound.onSoundComplete=function(){
loadSound.start(0);
}//到此為音樂重覆播放
loadSound.start();
}
//按下按鈕就隨機播放音樂
btn.onPress=function(){
playMySound();
}
//設定監聽物件 , 用來監聽 MyFLV 播完了沒 , 如果影片不想重覆播放 , 請將以下程式碼註解或是刪除即可。
var listenerMyFLV:Object = new Object();
//如果播完了 , 要做的事
listenerMyFLV.complete = function(e:Object):Void {
//把時間移到開始
myFLV.seek(0);
//重新播放
myFLV.play();
};
//開始監聽影片播完了沒
myFLV.addEventListener("complete", listenerMyFLV);
//到此為影片重覆播放
...Read more
[+/-] : [平面設計 - 常職篇] 請問網路圖片可以印刷嗎?
我剛才在 Google 上找資料,找著找著,沒想到挖到一篇我早在八百年前寫過的文章,所以我就順手把它轉貼回來,順便做個備份,各位看看,有問題,發問吧!
因為工作需要,常會跟出版業的設計要一些圖片,而常會跟他說我需要多大的尺寸,他會問要多少DPI才夠,我說,沒差,只要有1024*768以上就夠用,他還會回,那到底要多少DPI $%^&*,其實這個簡單的問題,在每天都要跟印刷為伍的出版業,其實也是一大堆設計都搞不清楚,所以我想,應該也還是會有很多人是迷迷糊糊的吧!
好吧 , 雖然這個問題已經是很久以前回答的 , 即然要我說明 , 那我就這個問題好好的說明 , 希望各位先進一起來討論一下 , 希望不要再讓錯誤的觀念一直的流傳下去,好了,開始進入這個問題 ,我想有很多的人都搞不懂,我說解析度不重要,重要的是圖素,是因為解析度指的是 dpi , dpi 就是 dot per inch , 也就是每英吋裡的列印點數 , 即然是每單位裡有多少點 , 那就表示了 , 點才是最重要的 , 而這個點 , 也就是我們一般所說的 ppi , ppi 就是 Pixel per Inch , 也就是每英吋所擷取的像素, 而 dpi 跟 ppi 又有什麼差別呢? 他們就差在一個在紙張上(dpi)另一個在螢幕上(ppi) , 而很多的人在解析度上的解釋大多都會像是
網路的圖都是72dpi
印刷一般使用300~350dpi
網路的圖通常會太小,而且最嚴重的是版權問題
這樣的回答所謂的解釋度 , 其實上面的回答有很大的問題 , 就在於不完全了解何為解析度.
例如這句網路的圖都是72dpi
網路上的圖根本就不需要解析度也就是 dpi , 所以根本就沒有所謂的 72dpi , 因為在網頁或者只要是在螢幕上而做的圖都不需要 dpi , 為什麼呢? 我早就將答案寫在一開始的地方 , 請回頭看看什麼是 解析度也就是 dpi 的解釋 , 因為在全世界的螢幕上根本就沒有所謂的 dpi , 又為什麼在網頁上的圖需要 72 dpi呢? 我用一個最簡單的例子來說好了 , 請到 photoshop 中開一個新檔 , 寬跟高的數值都可以但是寬跟高後面的單位請選擇像素 , 那我以 寬400 x 高300 來說明好了 , 但請記得單位是像素哦 , 那你會看到 photoshop 會算出檔案大小為 351.6k , 再來請到解析度的欄位隨意輸入數值 , 不管你是輸入 72 到 72,000 dpi , 你會發現檔案大小依然為 351.6k , 為什麼呢? 很簡單 , 因為當檔案的單位是像素時 , 根本就不會有所謂的解析度 dpi , 因為算圖的公式為
RGB=24bit
400 x 300 x 24bit = 2,880,000 bit
2,880,000 / 8 = 360,000 byte
360,000 / 1024 = 351.5625 k
檔案算到小數第一位 , 所以檔案大小為 351.6 k
所以在這個公式裡根本就沒有所謂的解析度 dpi , 所以在網路上或是在任何螢幕上要顯示的圖都不需要解析度 dpi , 或是我用下面兩張圖來解釋好了
圖一
圖二
上面有二張圖 , 看起來都是一樣的 , 圖一的寬高是 400 x 300 , 圖二的寬高也是 400 x 300 , 但是如果下載下來後 , 請到 photoshop 裡的 影像尺寸 看看圖一跟圖二的解析度
圖 1-1
圖 2-1
就會發現其實二張圖在螢幕上看起來是一模一樣的 , 不只是看起來一樣大 , 而且檔案的大小也是一樣的 , 但是二張圖的解析度其實是不一樣的 , 請再仔細看看上面兩張圖 , 就會發現一件事 , 解析度影響的是文件尺寸 , 而文件尺寸也就是列印或是印刷出來的大小 , 而不是在螢幕上看起來的大小 , 也就會發現 圖 1 在 72 dpi 時可以印出來的大小為 14.11cm x 10.58cm , 而圖2 在 3000 dpi 時可以印出來的大小為 0.34cm x 0.25cm , 這也就說明了另一個觀念 , 就是到底什麼是解析度 dpi , 請看本文最上面對 dpi 的解釋
哇!!!!
真是落落長 , 打字真是打得累死人了 , 今天就到這吧 , 如果還有其他的問題那我就下次再回答吧!!...
Read more
因為工作需要,常會跟出版業的設計要一些圖片,而常會跟他說我需要多大的尺寸,他會問要多少DPI才夠,我說,沒差,只要有1024*768以上就夠用,他還會回,那到底要多少DPI $%^&*,其實這個簡單的問題,在每天都要跟印刷為伍的出版業,其實也是一大堆設計都搞不清楚,所以我想,應該也還是會有很多人是迷迷糊糊的吧!
好吧 , 雖然這個問題已經是很久以前回答的 , 即然要我說明 , 那我就這個問題好好的說明 , 希望各位先進一起來討論一下 , 希望不要再讓錯誤的觀念一直的流傳下去,好了,開始進入這個問題 ,我想有很多的人都搞不懂,我說解析度不重要,重要的是圖素,是因為解析度指的是 dpi , dpi 就是 dot per inch , 也就是每英吋裡的列印點數 , 即然是每單位裡有多少點 , 那就表示了 , 點才是最重要的 , 而這個點 , 也就是我們一般所說的 ppi , ppi 就是 Pixel per Inch , 也就是每英吋所擷取的像素, 而 dpi 跟 ppi 又有什麼差別呢? 他們就差在一個在紙張上(dpi)另一個在螢幕上(ppi) , 而很多的人在解析度上的解釋大多都會像是
網路的圖都是72dpi
印刷一般使用300~350dpi
網路的圖通常會太小,而且最嚴重的是版權問題
這樣的回答所謂的解釋度 , 其實上面的回答有很大的問題 , 就在於不完全了解何為解析度.
例如這句網路的圖都是72dpi
網路上的圖根本就不需要解析度也就是 dpi , 所以根本就沒有所謂的 72dpi , 因為在網頁或者只要是在螢幕上而做的圖都不需要 dpi , 為什麼呢? 我早就將答案寫在一開始的地方 , 請回頭看看什麼是 解析度也就是 dpi 的解釋 , 因為在全世界的螢幕上根本就沒有所謂的 dpi , 又為什麼在網頁上的圖需要 72 dpi呢? 我用一個最簡單的例子來說好了 , 請到 photoshop 中開一個新檔 , 寬跟高的數值都可以但是寬跟高後面的單位請選擇像素 , 那我以 寬400 x 高300 來說明好了 , 但請記得單位是像素哦 , 那你會看到 photoshop 會算出檔案大小為 351.6k , 再來請到解析度的欄位隨意輸入數值 , 不管你是輸入 72 到 72,000 dpi , 你會發現檔案大小依然為 351.6k , 為什麼呢? 很簡單 , 因為當檔案的單位是像素時 , 根本就不會有所謂的解析度 dpi , 因為算圖的公式為
RGB=24bit
400 x 300 x 24bit = 2,880,000 bit
2,880,000 / 8 = 360,000 byte
360,000 / 1024 = 351.5625 k
檔案算到小數第一位 , 所以檔案大小為 351.6 k
所以在這個公式裡根本就沒有所謂的解析度 dpi , 所以在網路上或是在任何螢幕上要顯示的圖都不需要解析度 dpi , 或是我用下面兩張圖來解釋好了
圖一
圖二
上面有二張圖 , 看起來都是一樣的 , 圖一的寬高是 400 x 300 , 圖二的寬高也是 400 x 300 , 但是如果下載下來後 , 請到 photoshop 裡的 影像尺寸 看看圖一跟圖二的解析度
圖 1-1
圖 2-1
就會發現其實二張圖在螢幕上看起來是一模一樣的 , 不只是看起來一樣大 , 而且檔案的大小也是一樣的 , 但是二張圖的解析度其實是不一樣的 , 請再仔細看看上面兩張圖 , 就會發現一件事 , 解析度影響的是文件尺寸 , 而文件尺寸也就是列印或是印刷出來的大小 , 而不是在螢幕上看起來的大小 , 也就會發現 圖 1 在 72 dpi 時可以印出來的大小為 14.11cm x 10.58cm , 而圖2 在 3000 dpi 時可以印出來的大小為 0.34cm x 0.25cm , 這也就說明了另一個觀念 , 就是到底什麼是解析度 dpi , 請看本文最上面對 dpi 的解釋
哇!!!!
真是落落長 , 打字真是打得累死人了 , 今天就到這吧 , 如果還有其他的問題那我就下次再回答吧!!...
Read more
[+/-] : 不得不的進化 ActionScript 3.0
最近隨身都有帶著 ActionScript 3.0 的書,有空就看一下,本來一直覺得很沒有學 AS3.0 的必要,因為我大多數的效果都可以使用 AS2.0 + 後台 就可以呈現,一直到最近,一直覺得效能跟別人比起來真的是差很多,尤其是看到這一隻 AS3.0 + PV3D (Papervision3D) (如下圖),它一開始是512顆球,後來我一直加到2474才開始出現第一次的lag,但是速度還是很快很順,有空可以上去體驗看看,其實最近也看到很多使用 PV3D 做的效果,檔案是又小速度又快,我想,真是到了你不想學也不行的時候囉~

- ADOBE CREATIVE SUITE 3 Web Edition TOUR...
Read more

- ADOBE CREATIVE SUITE 3 Web Edition TOUR...
Read more
[+/-] : [SWFObject] SWFObject 2.0 讓你輕鬆的插入及控制 Flash
插入 Flash 到網頁,自從有了 DreamWeaver 後,一直都不是難事,就算都不會任何編輯器,在 Flash 的匯出選項裡也能直接產生插入好 SWF 檔的 HTML ,所以插入 Flash 這件事,一直沒有受到大多數人的重視。
一直到 Win XP 發佈 Service Pack 2 後,一切通通變得不一樣了,因為如果沒有很好的插入語法及觀念,你的 SWF 動畫檔在網頁上沒辦法被使用者直接使用,因為會出現虛線,還需要使用者在動畫上點左鍵一下才能使用,也因為這樣,在網路上又開始出現一大堆的修正檔,這一切都是 IE 搞的鬼啊~
重點是,DreamWeaver 8.1 版後,也幫使用者修正了這個問題,當然 DreamWeaver CS3 也重新改寫了 AC_RunActiveContent.js 這個修正檔,這支修正檔會在你加入 SWF 檔後,第一次儲存時,就會出現提示準備儲存檔案(如下圖)。

當你按了確定後,就會依照上述的路徑,將檔案儲存在你的網站資料夾下(如下圖)

原則上,這樣就完成插入 SWF 檔及修正 IE 的安全性問題,BUT,問題其實從這裡才開始,有什麼問題呢?繼續看吧!
如果你希望做出來的網頁能符合搜索引擎最佳化的原則、還能做出真正通過 text/html 的頁面, 而不是 application/xhtml+xml 以及網頁標準化的話,你就不能只知道上面的方式囉。
因為使用 DreamWeaver 插入 SWF 檔時,它會使用 <object> <embed> 等非標準化的語法,而且語法非常的複雜難以管理(如下圖反白處)。

你看到了嗎?只為了一個簡單的 SWF 檔,就搞出一大堆的原始碼,而且還沒有達到標準化的要求,真是糟,有多糟呢?我想大多數的人都不知道,這支程式糟到連 Adobe 自己開發的,自己卻不想要用,所以,他們這次的網站改版放 SWF 檔也是用我們這次要介紹的 SWFObject (Adobe 網站大改版),連開發者自己都不想用,我們還在用,這有點好笑吧!
好啦!我們進入正題,什麼才要進入正題,那上面那一大堆的字在做什麼,嗯~沒辦法,我話太多了,我在想,以後是不是用錄的比較快。
如果你受不了了,想要馬上使用,只要三個步驟就搞定囉!
Setup1 - 請先下載 SWFObject.js 或是將整個 SWFObject 壓縮檔下載回去
Setup2 - 請將 SWFObject.js 放入你的網站資料夾
Setup3 - 將以下的 Code 放入你想出現 Flash 的地方即可
很簡單吧!從需要一大堆的原始碼,變成那一點點的 xhtml & css & javascript 是不是比較容易觀看呢?待會咱們再來解釋它是怎麼運做的吧!
SWFObject 的語法非常的簡單易懂,以下我們就來看看它的使用方式吧~
Read more
一直到 Win XP 發佈 Service Pack 2 後,一切通通變得不一樣了,因為如果沒有很好的插入語法及觀念,你的 SWF 動畫檔在網頁上沒辦法被使用者直接使用,因為會出現虛線,還需要使用者在動畫上點左鍵一下才能使用,也因為這樣,在網路上又開始出現一大堆的修正檔,這一切都是 IE 搞的鬼啊~
重點是,DreamWeaver 8.1 版後,也幫使用者修正了這個問題,當然 DreamWeaver CS3 也重新改寫了 AC_RunActiveContent.js 這個修正檔,這支修正檔會在你加入 SWF 檔後,第一次儲存時,就會出現提示準備儲存檔案(如下圖)。

當你按了確定後,就會依照上述的路徑,將檔案儲存在你的網站資料夾下(如下圖)

原則上,這樣就完成插入 SWF 檔及修正 IE 的安全性問題,BUT,問題其實從這裡才開始,有什麼問題呢?繼續看吧!
如果你希望做出來的網頁能符合搜索引擎最佳化的原則、還能做出真正通過 text/html 的頁面, 而不是
因為使用 DreamWeaver 插入 SWF 檔時,它會使用 <object> <embed> 等非標準化的語法,而且語法非常的複雜難以管理(如下圖反白處)。

你看到了嗎?只為了一個簡單的 SWF 檔,就搞出一大堆的原始碼,而且還沒有達到標準化的要求,真是糟,有多糟呢?我想大多數的人都不知道,這支程式糟到連 Adobe 自己開發的,自己卻不想要用,所以,他們這次的網站改版放 SWF 檔也是用我們這次要介紹的 SWFObject (Adobe 網站大改版),連開發者自己都不想用,我們還在用,這有點好笑吧!
好啦!我們進入正題,什麼才要進入正題,那上面那一大堆的字在做什麼,嗯~沒辦法,我話太多了,我在想,以後是不是用錄的比較快。
如果你受不了了,想要馬上使用,只要三個步驟就搞定囉!
Setup1 - 請先下載 SWFObject.js 或是將整個 SWFObject 壓縮檔下載回去
Setup2 - 請將 SWFObject.js 放入你的網站資料夾
Setup3 - 將以下的 Code 放入你想出現 Flash 的地方即可
<script type="text/javascript" src="swfobject.js"></script>
<div id="mySWF">
這裡是當瀏覽器不能播 Flash 時,放入你想出現的訊息。
</div>
<script type="text/javascript">
swfobject.embedSWF("test.swf", "MySWF", "550", "400", "9.0.0");
</script>
很簡單吧!從需要一大堆的原始碼,變成那一點點的 xhtml & css & javascript 是不是比較容易觀看呢?待會咱們再來解釋它是怎麼運做的吧!
SWFObject 的語法非常的簡單易懂,以下我們就來看看它的使用方式吧~
swfobject.embedSWF(swfUrl, replaceElementId, swfWidth, swfHeight, flashVersion,expressInstallUrl, flashvars, params, attributes);
=========================================================
swfUrl ======> 這個要寫你的FLASH檔名;
replaceElementId ======> 這個是你要替換成 flash 的 DIV 的 ID 名稱;
swfWidth ======> 這個就是你的 swf 的寬度;
swfHeight ======> 這個就是你的 swf 的高度;
flashVersion ======> 這個是播放 swf 的 player 版本,可設定至小數點,但是一般來說整數版本就可以囉;
expressInstallUrl ======> 這個很好用哦~這是當 Flash Player 的版本比你指定的還舊時,他就會自動地到上述的位置,更新安裝 Flash Player 。
flashvars ======> 這是傳值進 Flash 用的;
params ======> 這是控制 Flash 參數用,如需不需要選單;menu="false" ;
attributes ======> 這是為 flash player 控件的屬性值設置;如 id: "myDynamicContent"
...Read more
[+/-] : [設計相關] DVD常見格式 (DVD-5, DVD-9, DVD-10, DVD-18)
今天客戶想要將他們以往的多媒體光碟從 VCD 的格式,改成為 DVD 的格式,因為壓片成本已經相差不遠了,所以我在做規劃時,順手把相關的規格貼上來,做個記錄吧!
我們一般在燒錄片子時常在軟體中所選或是口中所稱的 DVD-5 or DVD-9 其實就是 DVD 的規格簡稱,以下就將 DVD 的幾款規格列出 :
看完以上的規格,如果你真的有仔細的看,你會發現規格裡的數字,都是倍數的,因為 DVD-5 與 DVD-10 是兄弟檔,而 DVD-9 與 DVD-18 就是另一組的囉!
從外觀上來看,只要是光碟有一面有印刷,那它不是 DVD-5 就一定是 DVD-9 了,因為這二種規格都是單層(只需要刻錄一個光碟面),而 DVD-9 跟 DVD-18 看起來就是,二面都是沒有任何的印刷或是設計哦(看起來都是亮亮會反光)!
底下這二張有光碟面設計的都是 DVD-5 與 DVD-10 (參考圖)


二面看起來都像下面的圖就是 DVD-9 跟 DVD-18

- cd-hole-art
- 相關資料整理來源 - 錸德科技...
Read more
我們一般在燒錄片子時常在軟體中所選或是口中所稱的 DVD-5 or DVD-9 其實就是 DVD 的規格簡稱,以下就將 DVD 的幾款規格列出 :
| 以下為12cm碟片規格:(常見的格式) | ||||||||||||||||||||||
| ||||||||||||||||||||||
| 以下為8cm碟片規格:(一般來說是給數位攝影機,或是做成其他造形) | ||||||||||||||||||||||
|
看完以上的規格,如果你真的有仔細的看,你會發現規格裡的數字,都是倍數的,因為 DVD-5 與 DVD-10 是兄弟檔,而 DVD-9 與 DVD-18 就是另一組的囉!
從外觀上來看,只要是光碟有一面有印刷,那它不是 DVD-5 就一定是 DVD-9 了,因為這二種規格都是單層(只需要刻錄一個光碟面),而 DVD-9 跟 DVD-18 看起來就是,二面都是沒有任何的印刷或是設計哦(看起來都是亮亮會反光)!
底下這二張有光碟面設計的都是 DVD-5 與 DVD-10 (參考圖)
二面看起來都像下面的圖就是 DVD-9 跟 DVD-18
- cd-hole-art
- 相關資料整理來源 - 錸德科技...
Read more
[+/-] : [好站分享] fontstruct 可以讓你自己設計字型哦!!
一個很COOL的網站,它使用了 Flash 的介面,讓你可以設計自己的字型,還可以下載下來安裝或是送給朋友使用哦!

下面這張圖就是介面操作的情形,操作很簡單,你可以自己縮放畫面,最左邊有不同的筆頭可以使用,最右邊有個工具列,我想看圖示大概就會明白它們是做什麼的吧,最下方有一排的字母跟符號,你要一個個設計好,再來就可以下載你的成品囉!
快去試試吧!

- http://fontstruct.fontshop.com/...
Read more

下面這張圖就是介面操作的情形,操作很簡單,你可以自己縮放畫面,最左邊有不同的筆頭可以使用,最右邊有個工具列,我想看圖示大概就會明白它們是做什麼的吧,最下方有一排的字母跟符號,你要一個個設計好,再來就可以下載你的成品囉!
快去試試吧!

- http://fontstruct.fontshop.com/...
Read more
[+/-] : [設計相關 - 字體篇] 什麼是 OpenType
什麼是 OpenType、OpenType 又有什麼好處、為什麼要用 OpenType、 OpenType 與 TrueType 又有什麼不同...........等。
我想一般人看到 OpenType ,這種字體格式應該會有以上的問題吧!
我想太底層的東西就不用說了,因為我們也不是字體設計師或程式設計師之類的,那簡單的說,OpenType 是以 Unicode 為基礎,是由 Adobe 為主要開發者,而且是用來取代 Adobe Type 1 字體,也就代表 OpenType 對於 PostScript 的支援自然不在話下,再加上 OpenType 是可以跨平臺,所以自然也就很適合拿來需要轉換平臺或是設備(輸出)的平面設計師使用囉!而且 OpenType 拿來在螢幕上看也比 TrueType 來的更平滑漂亮,所以啊,不管是平面設計還是網頁設計甚至是視訊動畫.....等,Adobe 都極力的推薦使用 OpenType 格式的字體。
當然也有 TrueType 使用 Unicode 來重新開發的,只是 TrueType 的字庫(可以儲存的字數)先天就比 OpenType 來的少很多很多,也就造成一般需要另外安裝所謂的"外字集",什麼是外字集,也就是打不出來的字都要用,例如:王建煊的煊,如果在 TrueType 的字 TrueType 的字型下,通常會出現空格,除了煊之外,還有喆、堃....等,都需要字集,但是如果你使用 OpenType 字型,就會比較少遇到這種缺字的情形囉!
另外啊,因為 OpenType 的字庫比較多,再加上它是新推出的當然也會有一些功能是 TrueType 所沒有的囉,像是"字符"這個好用又好玩的功能就是 TrueType 所沒有的,至於什麼是字符、又如何使用字符....等,請看另一篇文章,相信看完後,你一定會覺得早一點改用 OpenType 真是好處多多,至於 TrueType 我想這個"阿公"可以請它退休囉!
其他更詳細的請參考以下的網址:
- http://www.adobe.com/uk/type/opentype/index.html
- 以上出現的關鍵字都幫各位做好 Wikipedia 的連結,想要更了解的,請連上去看看吧!...
Read more
我想一般人看到 OpenType ,這種字體格式應該會有以上的問題吧!
我想太底層的東西就不用說了,因為我們也不是字體設計師或程式設計師之類的,那簡單的說,OpenType 是以 Unicode 為基礎,是由 Adobe 為主要開發者,而且是用來取代 Adobe Type 1 字體,也就代表 OpenType 對於 PostScript 的支援自然不在話下,再加上 OpenType 是可以跨平臺,所以自然也就很適合拿來需要轉換平臺或是設備(輸出)的平面設計師使用囉!而且 OpenType 拿來在螢幕上看也比 TrueType 來的更平滑漂亮,所以啊,不管是平面設計還是網頁設計甚至是視訊動畫.....等,Adobe 都極力的推薦使用 OpenType 格式的字體。
當然也有 TrueType 使用 Unicode 來重新開發的,只是 TrueType 的字庫(可以儲存的字數)先天就比 OpenType 來的少很多很多,也就造成一般需要另外安裝所謂的"外字集",什麼是外字集,也就是打不出來的字都要用,例如:王建煊的煊,如果在 TrueType 的字 TrueType 的字型下,通常會出現空格,除了煊之外,還有喆、堃....等,都需要字集,但是如果你使用 OpenType 字型,就會比較少遇到這種缺字的情形囉!
另外啊,因為 OpenType 的字庫比較多,再加上它是新推出的當然也會有一些功能是 TrueType 所沒有的囉,像是"字符"這個好用又好玩的功能就是 TrueType 所沒有的,至於什麼是字符、又如何使用字符....等,請看另一篇文章,相信看完後,你一定會覺得早一點改用 OpenType 真是好處多多,至於 TrueType 我想這個"阿公"可以請它退休囉!
其他更詳細的請參考以下的網址:
- http://www.adobe.com/uk/type/opentype/index.html
- 以上出現的關鍵字都幫各位做好 Wikipedia 的連結,想要更了解的,請連上去看看吧!...
Read more
[+/-] : [ SWF Object ] Adobe 網站大改版
以前上課時,常有需要到 MacroMedia 的網站,而他的網站老是被我罵,因為 MacroMedia 算是個網路公司,網站卻做得又大又慢,真是給他543....
沒想到更扯的是 Adobe 買下 MacroMedia 後,也延用了原來的網站架構,也就導致了一樣的「慢」,這樣那算是什麼世界級的大公司,暈!
但是,情況有變哦!
最近發現 Adobe 網站進行了超級大改版(下圖)

我想,你可能會發現畫面上及架構上的改變沒那麼大
不過網頁內部所使用的 CSS、JavaScript 卻是有很大的改良哦!
有時間上 Adobe 的網站上去,可以多看幾次首頁,因為他目前有二種不同的首頁做廣告,一是 Acrobat 另一書面就是上面的畫面。
好,回到正題
我想第一個改變,就是 Adobe 也大量的使用了,他自己所開發的 Spry framework for Ajax
也因為大量的改良 CSS、JavaScript 所帶來的結果就是網站變的比較簡潔而且啊,網頁讀取速度似乎也變快了。
更最重要的是 Adobe 的網站捨棄了在 DreamWeaver 中,插入 Flash 時,所使用的AC_RunActiveContent.js,改用 SWFObject 了。
至於什麼是 SWF Object ,為什麼要用它,我想,我下一篇,就要來好好的介紹一下吧!...
Read more
沒想到更扯的是 Adobe 買下 MacroMedia 後,也延用了原來的網站架構,也就導致了一樣的「慢」,這樣那算是什麼世界級的大公司,暈!
但是,情況有變哦!
最近發現 Adobe 網站進行了超級大改版(下圖)

我想,你可能會發現畫面上及架構上的改變沒那麼大
不過網頁內部所使用的 CSS、JavaScript 卻是有很大的改良哦!
有時間上 Adobe 的網站上去,可以多看幾次首頁,因為他目前有二種不同的首頁做廣告,一是 Acrobat 另一書面就是上面的畫面。
好,回到正題
我想第一個改變,就是 Adobe 也大量的使用了,他自己所開發的 Spry framework for Ajax
也因為大量的改良 CSS、JavaScript 所帶來的結果就是網站變的比較簡潔而且啊,網頁讀取速度似乎也變快了。
更最重要的是 Adobe 的網站捨棄了在 DreamWeaver 中,插入 Flash 時,所使用的AC_RunActiveContent.js,改用 SWFObject 了。
至於什麼是 SWF Object ,為什麼要用它,我想,我下一篇,就要來好好的介紹一下吧!...
Read more
[+/-] : [好用軟體分享] Sothink SWF Catcher for FireFox 讓你輕鬆下載 SWF 檔
Sothink SWF Catcher for FireFox 這是一個免費的 SWF Catcher 使用的方法也很簡單,請先下載檔案,解壓縮後,請你將解出來的檔案 swfcatcher.xpi ,直接拖到 FireFox 的視窗中,安裝完成後,重開 FireFox 就可以開始使用了。
當你有看到喜歡的 Flash 動畫時,請到 [工具] >> [Sothink SWF Catcher]

執行後,會看到下面的畫面

你會在畫面的右邊看到目前窗視中找到的 Flash 動畫檔案,你可以在檔案名稱上按滑鼠右鍵,就會看到快速選單,你就可以輕輕鬆鬆的下載或者是將動畫另開在新視窗中。
這個免費的軟體也有 IE 版本的,請到這裡下載吧!...
Read more
當你有看到喜歡的 Flash 動畫時,請到 [工具] >> [Sothink SWF Catcher]

執行後,會看到下面的畫面

你會在畫面的右邊看到目前窗視中找到的 Flash 動畫檔案,你可以在檔案名稱上按滑鼠右鍵,就會看到快速選單,你就可以輕輕鬆鬆的下載或者是將動畫另開在新視窗中。
這個免費的軟體也有 IE 版本的,請到這裡下載吧!...
Read more
[+/-] : [Flash] 使用 AS3.0 開發的 50 個理由
這個網站的作者也是大有來頭。
下面所提供的網址就是這個作者寫的,而這個英文文件來自於國外很著名 gskinner.com 網站,作者就是Flash CS3中的User Interface組件主要開發者哦...
http://gskinner.com/talks/50reasonsAS3/
後記:能想到為什麼要用 AS3.0 開發的 50 個理由,而且還能想得有節構有系統,也真的不是一般人 ( orz ),要是讓我想 50 個愛我老婆的理由,我想我可能需要三年吧!...
Read more
下面所提供的網址就是這個作者寫的,而這個英文文件來自於國外很著名 gskinner.com 網站,作者就是Flash CS3中的User Interface組件主要開發者哦...
http://gskinner.com/talks/50reasonsAS3/
後記:能想到為什麼要用 AS3.0 開發的 50 個理由,而且還能想得有節構有系統,也真的不是一般人 ( orz ),要是讓我想 50 個愛我老婆的理由,我想我可能需要三年吧!...
Read more
[+/-] : FLASH 元件命名時的小技巧
Flash 中輸入程式碼時 , Flash 本身就會提供提示 , 這讓我們可以更快速也能更正確的輸入程式碼 , 而需要讓 Flash 可以正確的提示 , 就需要作者本身的一點點幫助啦 , 就是在命名時 , 順便指定一下 , 你所命名的名稱他的類別到底是什麼 , 底下就是所有的類別命名方式...
Read more
- Array: _array
- Button: _btn
- Color: _color
- Date: _date
- MovieClip: _mc
- Sound: _sound
- String: _str
- TextField: _txt
- TextFormat: _fmt
- XML: _xml
- XMLSocket: _xmlsocket
- Camera: _cam
- ContextMenu: _cm (my next tutorial will be on this)
- ContextMenuItem: _cmi
- Error: _err
- LoadVars: _lv
- LocalConnection: _lc
- Microphone: _mic
- PrintJob: _pj
- NetConnection: _nc
- NetStream: _ns
- SharedObject: _so
- Video: _video
- XMLNode: _xmlnode
Read more
[+/-] : Flash CS4 / Flash 10 代號為:"Diesel"
這段影片是在 Adobe MAX Chicago 拍的,應該是今年的吧!
主要是展示未來 Flash CS4 的主要新增功能
1.) 直接在舞台上就可以看見及編輯控制視訊,那就不用反覆的按 Ctrl + Enter 編譯測試。
2.) 內建 3D 和其他進階濾鏡工具
3.) 類似 AE 的時間軸管理和動畫製作方式,這個有用過 AE 應該就了解有多讚了吧!
4.) IK 骨骼系統支持,這對人物動畫的製作可就幫忙了不少,就再也不需要 Moho 了吧!
嗯,我看完後,真是覺得以前做的這麼辛苦,很像笨蛋,軟體越來越好人,我想人也會跟著越來越笨吧!
看看影片吧!
...
Read more
主要是展示未來 Flash CS4 的主要新增功能
1.) 直接在舞台上就可以看見及編輯控制視訊,那就不用反覆的按 Ctrl + Enter 編譯測試。
2.) 內建 3D 和其他進階濾鏡工具
3.) 類似 AE 的時間軸管理和動畫製作方式,這個有用過 AE 應該就了解有多讚了吧!
4.) IK 骨骼系統支持,這對人物動畫的製作可就幫忙了不少,就再也不需要 Moho 了吧!
嗯,我看完後,真是覺得以前做的這麼辛苦,很像笨蛋,軟體越來越好人,我想人也會跟著越來越笨吧!
看看影片吧!
...
Read more
[+/-] : FLASH場景限制
今天要做個網頁,需要很多圖片的小符號,又想給他一些簡單的動畫,又不想一張一張畫,所以想放入 FLASH 裡,再使用 TWEEN 的模組(至於 TWEEN 的模組,FLASH本身也有,但是我比較喜觀使用),這樣就可以很輕鬆的擁有動畫囉!
因為 ITEM 不用很大,大約只約要 10*10 像素就夠了,那我當然就在 FLASH 中要開個 10*10 的場景囉,我輸入完要確定時,才想起來,FLASH的大小最小隻能從 18~2880 像素,但是我輸入 10*10 居然也可以耶,那我後來又開了一個,想說應該也可以大於 2880 吧,結果是

後來我去查了一下,才發現,原來 FLASH 的場景大小,改了限制,但是最大還是不能超過 2880 像素,我試著開最大場景(2880*2880 像素),然後再載入一張超過 3000像素的圖,結果是沒問題的耶,原來我上網查了,目前還沒找到相關的資料,但是,想想,場景不能超過 2880 ,可是載進來的東西可以超過 2880 ,好像沒什麼作用耶,如果各位有想到什麼作用再po上來研究研究吧!...
Read more
因為 ITEM 不用很大,大約只約要 10*10 像素就夠了,那我當然就在 FLASH 中要開個 10*10 的場景囉,我輸入完要確定時,才想起來,FLASH的大小最小隻能從 18~2880 像素,但是我輸入 10*10 居然也可以耶,那我後來又開了一個,想說應該也可以大於 2880 吧,結果是

後來我去查了一下,才發現,原來 FLASH 的場景大小,改了限制,但是最大還是不能超過 2880 像素,我試著開最大場景(2880*2880 像素),然後再載入一張超過 3000像素的圖,結果是沒問題的耶,原來我上網查了,目前還沒找到相關的資料,但是,想想,場景不能超過 2880 ,可是載進來的東西可以超過 2880 ,好像沒什麼作用耶,如果各位有想到什麼作用再po上來研究研究吧!...
Read more
[+/-] : Action Script 可以寫在那些地方
在 Flash 中,可以寫入 Action Script 的地方,有三個不同的地方
1. Frame Action
2. Movie Action
3. Button Action
而這三個不同的地方,各自有什麼功用,就讓我用實際的例子來說明吧!
1. Frame Action
也就是將 Action 放在時間軸上,將 Action 放在時間軸上時,最簡單的目地,就是希望這些 Action 可以自動執行,例如:我想要在1秒鍾後,自動連結到 Kimo 首頁,就使用以下的方式

注意看,時間軸上的第一格里有個小寫 a ,這樣就表示我在第一格的影格上寫了 Action ,想要在時間軸上寫入 Action 的方式很簡單,請你先點一下你的影格,然後請執行〔視窗〕>〔動作〕或是直接按下鍵盤的 F9 也可以,然後會出現下面的視窗

再來就請你在 Action 面版中輸入 getURL("http://tw.yahoo.com/"); ,輸入完畢後,應該會跟上圖一樣,再來就請你按下鍵盤的 Ctrl + Enter 或是〔控制〕>〔測試影片〕,你會發現,影片一播放馬上就會打開瀏覽器直接連上 yahoo了,這就是 Action 寫在影格上最簡單的目地,若是你希望影片一開始不要播放,一樣在第一格加入 stop(); 就行了,又或是我希望在第12格,也就是1秒時連結到何處,也是相同的處理方式,這樣瞭解了嗎?
2. Movie Action
也就是將 Action 寫在任何一個 MovieCipe 的元件(分身)上(注意:不是寫入元件的本尊上哦),...
Read more
1. Frame Action
2. Movie Action
3. Button Action
而這三個不同的地方,各自有什麼功用,就讓我用實際的例子來說明吧!
1. Frame Action
也就是將 Action 放在時間軸上,將 Action 放在時間軸上時,最簡單的目地,就是希望這些 Action 可以自動執行,例如:我想要在1秒鍾後,自動連結到 Kimo 首頁,就使用以下的方式

注意看,時間軸上的第一格里有個小寫 a ,這樣就表示我在第一格的影格上寫了 Action ,想要在時間軸上寫入 Action 的方式很簡單,請你先點一下你的影格,然後請執行〔視窗〕>〔動作〕或是直接按下鍵盤的 F9 也可以,然後會出現下面的視窗

再來就請你在 Action 面版中輸入 getURL("http://tw.yahoo.com/"); ,輸入完畢後,應該會跟上圖一樣,再來就請你按下鍵盤的 Ctrl + Enter 或是〔控制〕>〔測試影片〕,你會發現,影片一播放馬上就會打開瀏覽器直接連上 yahoo了,這就是 Action 寫在影格上最簡單的目地,若是你希望影片一開始不要播放,一樣在第一格加入 stop(); 就行了,又或是我希望在第12格,也就是1秒時連結到何處,也是相同的處理方式,這樣瞭解了嗎?
2. Movie Action
也就是將 Action 寫在任何一個 MovieCipe 的元件(分身)上(注意:不是寫入元件的本尊上哦),...
Read more
訂閱:
意見 (Atom)