2010年2月25日 星期四

Action Script 3.0 版

演進至今,Flash 所使用的語法 Action Script(以下簡稱AS)已經發展到3.0版,
語法結構要求嚴謹,與 1.0、2.0 大不相同。


我把 AS 3.0 的語法架構解釋為一個正三角形,
三個角色:
1. 程式名稱與內容(function)。
2. 監視器(Listener)。
3. 被監視的對象,也就是元件(Symbols,按鈕或是影片片段)。


其三角規則為,先建立一個程式與希望執行的內容,
再建立一個按鈕或是影片片段,
接著建立一個監視器,就是要監視之前那個元件,
當該元件被監視到有動作,可能是被按一下、被碰到或只是時間軸開始播放,
就執行程式內容。


以下有一段例子:

function nextPhoto( event:MouseEvent ){
             //nextPhoto 為程式名稱,MouseEvent 代表這是個滑鼠事件


             this.play();
             //程式內容是時間軸開始播放
}


next_btn.addEventListener( MouseEvent.CLICK , nextPhoto);
//監視器發現 next_btn 被了一下,則執行 nextPhoto 這個程式


重點一:英文字母大小寫字有差別的。
重點二:" // "即代表單行的註解文字
這只是一個簡單例子,會繼續跟各位介紹這方面的應用。


2010年2月24日 星期三

大家一起來!

請各位到這個部落格參觀的時候,點一下左上方的"BlogAD"的廣告,
當累積到新台幣500元(因為最低請領金額是500元)時,
我會去請領出來,捐給社福機關,
最近的目標是中華民國智障者家長總會的"救敢心公益勸募計畫",
點上方連結可以看到相關資訊,在能力所及的範圍內,也可以直接捐款。


這幾年的景氣實在不好,相信大家都知道,也都體會到了。
每每在電視上看到弱勢團體所收到的捐款變少,
心裡就覺得有些難過,所以有些想法。


看看網站中呈現的影片與文章,真是心酸又擔心,
在街上,偶而看到年邁的爸媽牽著智能障礙的子女,
總覺得他們偉大又辛苦,但是未來在哪?
我不會寫太感性的文字,只是試著傳達這種感覺。



讓我們大家為這個社會上弱勢族群出點力,
100、200元,1000、2000元都是心!


2010年2月22日 星期一

Photoshop 色版應用

這次運用 photoshop 做一個特殊剪裁遮色片,
開啟任一張圖片,在圖中找一個要強調顯示的部分。
先建立一個新色版(channel),然後建立一個圓形選取區,填滿白色,
提醒各位,在色版中,白色代表選取區,黑色則代表非選取區。


先到"影像",將此白色圓形反轉為黑色,
再使用濾鏡中的高斯模糊與彩色網屏,將其作成外面一環圈的形狀。
接著,回到圖層,建立新圖層,載入選取區後填上任意顏色與調整好大小,
就可以與圖片調換上下位置,建立剪裁遮色片,
請注意,在 illustrator 中,當成剪裁遮色片的物件必須在上面,
而在 ps ,此圖層必須在下方,剛好相反,別放反了!整個操作如影片:


 









期盼各位可以試著自己做做看,也可以變化一下色版的形狀,求新求變!一起加油!


中和慈聖堂

去年,經朋友介紹,認識了慈聖堂,位於中和華夏技術學院附近,
因為以前大學時代是念哲學的,對各種宗教都有些研究,
剛去的時候,真的是以旁觀者的身分去參加各種活動,
不過,說真的,這幾年一直不是很好過,不論是身或心,
藉由參加堂上各種活動,真產生一些舒服的感受。


相信大家也都聽過慈聖堂,也不只中和有,
不過,趙老師所主持的慈聖堂,感覺很好、很正派。
也因此,持續參加各式活動,下午沒課的時候,也常到堂裡幫點忙。
後來,堂主,也就是趙老師,知道我是個電腦講師,
就問我可幫堂裡做個網站,當然一口答應,
直接使用剛學一些的 Joomla 做了堂上的網站,網址如下:
http://www.cihshengtang.url.tw/


這幾年一直在教學中度過,
教,到處教學,這三年才固定在學承電腦,
學,要持續強化自己所會、所教的軟體,更要擴大所學。
一晃眼也過了十年,好快!
其實,心裡偶而會空虛,在堂裡找到依靠,挺好的!


2010年2月14日 星期日

Illustrator 技巧展示

這次做一種格子式的地板,作法很特殊,
在我的ILL課堂上必教,但是很多人還是會忘記,
重點不在要將使用到的功能記起來,而在於能夠延伸到你自己的圖上。


整個過程主要重點在於路徑管理員與 "CTRL + D"這個功能的配合,
最後使用剪裁遮色片試著讓背景很深邃。


成果如下:









順便報告,這段影片是使用 Camtasia Studio 6 這個軟體錄起來的,
實驗結果,不論是直接儲存成 MP4,
或是儲存成 AVI 再使用"SWF to Video Converter Pro"這套軟體轉換成 FLV,
效果都不好,顯然我要繼續嘗試其他錄製的方法,在此先說聲抱歉。


2010年2月13日 星期六

用 PS + AE 將2D圖片變成3D

昨天在一本介紹AE CS4的書上看到一種做法,試試先!


先找到一張紙箱的圖片,用 PS 開啟之後,輸入文字並將拷貝文字,進入"濾鏡 / 消失點",
先用左上第二個工具"建立平面工具"在三個面各建立一個網格。
在建立平面的同時將文字貼上,移到適當位置,結果:


box.jpg


處理完畢之後,不要按確定,因為確定之後就直接回到 PS,
點選左上第一個工具右方小三角,再點選"轉存為 Adobe Affects CS3(.vpe)"指令,
指定好儲存的資料匣。


開啟 AE,使用"File / Import / Vanishing Point",Vanishing Point 就是消失點,
將剛做好的 vpe 檔匯入,就可以看到東西了,
遇到的問題是,那本書是講 CS4 版,匯入之後並未直接呈現 3D 圖,
我是使用 CS3 版,可能有點差異,角度喬了半天才搞定,如下:


box1.jpg


恩,頗有成就感,接下來學到些特效之後,要試著做點動作,再向各位報告。


2010年2月11日 星期四

影片轉檔

 今天遇到一個挫折,在此與各位分享,希望各位將來不要有類似錯誤。
雖然此舉暴露我對影片檔案的不熟悉,
也沒啥丟臉,因為我之前本來就少碰影片,
但是也刺激我對這方面多花些心思。


使用 ADOBE Captivate 3(這是錄製軟體,可以將螢幕動作錄下來,重點是直接轉成 SWF 檔案。)
錄製一段 ill 的操作過程,錄的過程很順利,錄完了問題才出現。
想將影片放到 PIXNET 讓大家看看,才發現他們不接受 SWF 檔案(這是自己豬頭!)。


開始思考,放到 youyube,再嵌入到文章中,登入到 youtube,上傳完畢才告訴我此影片不可播放!!!!


好,接著使用 Captivate 將影片匯出到 Flash ,接著匯出為 avi,
心裡想的是轉成 avi 後再使用其他軟體轉為 flv,轉了半天影片的樣子完全不能看。


曾經用過一個軟體,可以將 swf 直接轉成 avi,因為少用,也不記得名字,電腦重慣後就不見了。
所以此舉給我的教訓就是,不要認為錄成 swf 就搞定,明天要裝另個錄影軟體,一定要將影片給大家看。


2010年2月4日 星期四

開始 After Effect CS3

因應任務需要,開始接觸 After Effects,為了這個東東,搞到將電腦重灌,弄到三點正。
是因為,一開始是安裝 CS3 版,因為知道 CS4 較佔資源,
可是裝好之後,剛好有個檔案需要用 PS CS4 版,卻發現啟動PS後出現輸入序號視窗,當場傻眼!
怎...怎麼了!!昨天還好好的,結果,不論開 CS4 任一軟體都要輸入序號。
OK,好樣的!我的脾氣也上來了,就將 CS4 整個移除重新安裝,
後果就是,換了3張光碟,沒一張安裝後可以用的,天知道發生啥事,
天啊~~


沒辦法,CS4 版是為教學,CS3 版是自用,兩者皆不可或缺,
因為隔天早上沒課,當下決定重灌 XP,也想過裝 win7,
但是怕有些個常用小軟體沒得用,所以還是裝 XP,
重點來了,決定 CS3、CS4 都裝英文版,再裝上防毒、firefox等常用的東西。
搞定時,心中真的十分舒坦。(只是在選用中文字型時有些難過)


ae_cs3.gif


今天迫不及待地開始碰 AE,用 flash 影格的觀念來套,覺得還可以,
但是 AE 的重點在特效,因此從今天開始,
如果有任何新的練習作品,會直截上傳給大家看,接受批評指教,並陳述所學的觀念或是操作方法。


第一個練習還沒想好,但是先記到兩個組合鍵:"ALT + <"  縮小 及 "ALT + >"  放大
上述兩組件是在放大或縮小 Composition Windows,此也稱合成視窗,
所有物件與素材在此視窗設定遮罩、特效或合成,並展現成果。


後面會繼續這整個學習過程,敬請期待。


2010年2月3日 星期三

Photoshop CS4 的 3D應用

有次上課,因為電腦中的 PS 版本是 CS4,所以試著帶新的 3D 功能,
呈現結果如下:


3D_light.jpg


主要用到其旋轉與光線功能,還不錯用,如果你的電腦是安裝 CS4,倒是可以試試。
(雖然我的態度一直是不建議 CS4)


流程是先建立一個文字圖層,再建立一個 50% 灰色填滿的圖層,
將這兩個圖層都轉成 3d 明信片圖層,
呼叫出3D 視窗,主要使用兩個工具,"拖曳網紋"與"聚光"。


3d_l.jpg


先使用 3D旋轉工具中工具(下圖中凹陷那一個),將你的物件轉到你希望的角度或位置,
3d_t.jpg



再到3D視窗中,下圖中右側"燈泡圖樣",接著使用最右側下拉式選單新增聚光,
調整聚光角度即可,整個流程並不複雜,但是有一次用1GB記憶體的電腦,根本轉不動,吐血!
3d_t_1.jpg


等到兩道光的角度都調好之後,回到圖層將"背景"圖層填上你喜歡的顏色即可。


Don’t ... #shorts

Don’t insist on being “right”.