2010年9月25日 星期六

自由軟體前言

最近網頁火紅的議題「自由軟體」,無論是公部門還是校園都一直在推廣,自由軟體的定義指的是開放原始碼的軟體稱為自由軟體(Free Software),至於自由軟體的概念是由美國麻省理工學院的 Richard Stallman所提出,他認為自由是全人類共同的財富,應該自由傳播。因此自由軟體是開放原始碼,可自由使用但是自由軟體並不代表成本免費,有些自由軟體用於商業用途就會費用的產生,例如mySQL以及需要技術服務的商用版Red Hat Linux,都會有費用的產生;但是如果是一般使用者以及非商業用途就比較沒有這方面的問題。

現階段自由軟體的種類非常多樣,除了有作業系統、文書處理軟體之外,還有美工軟體,因此教育部大力推廣校園使用自由軟體,個人認為此舉除了可以推廣資訊教學之外,還可以讓學生與教師可以從正常管道取得合法軟體,還可以降低學校購買軟體的支出壓力,當然這都是從側面解讀,不過取得合法軟體對學生而言就是一個好的立基點了。


    自由軟體的種類可以分為:
  • 作業系統 Linux
  • 辦公室應用軟體﹝文書處理、試算表、簡報軟體、資料庫﹞OpenOffice.org
  • 瀏覽器 Firefox
  • 網站架設 Apache
  • 影像處理軟體 GIMP
  • 向量繪圖軟體 Inkscape
  • 網頁編輯軟體 Kompozer

雖然有些自由軟體目前是沒有費用的問題,但是在使用時必須要有使用者付費的觀念,畢竟軟體開發時都會有成本的產生,一昧的免費會造成惡性循環,軟體公司在無法獲利的情況下就會無法生存,當然軟體的更新與穩定度都會造成影響。

所以如果用於教育用途,自由軟體是一個不錯的選擇方式,但是應用於商業用途,使用正版的商用軟體會是最佳的選擇。

參考文獻:
 http://ossacc.moe.edu.tw/modules/tinyd1/index.php?id=2

2010年6月15日 星期二

卡通自畫像輕鬆作

使用微軟卡通人物編輯自畫像
最近上網發現一個好康的軟體,這是微軟公司的免費製作公仔軟體,但前題是你的作業系統必須是正版的軟體,這雖然不是什麼最新消息,不過還蠻有趣的,有興趣的朋友可以玩看看。
目前先這樣囉,有後續的內容再補充囉。

檔案下載位置:微軟卡通編輯軟體 Microsoft Cartoon Maker 1.0

2010年6月13日 星期日

文字編排

文字編排時可以齊左、置中、齊右等對齊方式,透過不同的排列可以有不同的版面安排效果,還可以讓整個版面更有變化。
除了對齊之外,文字的大小變化也是必須要考量的元素之一。

1.齊左對齊
靠左對齊是大部分文章的對齊方式,比較正式的橫式文章大部分都會選擇齊左為主要排版對齊方式。

2.置中對齊

置中對齊可以用於海報標題、名片、簡短的文字說明,如果長篇文章使用置中對齊,對於閱讀上相較於齊左對齊會比較吃力。

3.齊右對齊

齊右對齊在編排上也比較適合於海報標題、標題、名片、簡短的文字說明,或是搭配圖形、圖片於解說文字之用。

4.總結:
製作標題時無論是海報、傳單、名片、書籍標題、章節標題等,都可以考慮以上的文字排列方式,但是如果是內容文章屬於長篇文章,那麼使用靠左對齊的排列會比較合適,主要的考量還是在於使用者閱讀的習慣與便利性。

半圓彩虹圖製作-仿柯尼卡商標製作


早期常常可以在市場或是街上看到半圓彩虹商標,這圖形是柯尼卡軟片公司的商標,因為影像數位化,所以目前相館正逐漸沒落,不過還好,現階段還是可以在街上看到這個彩虹商標。

接下來我們使用橢圓形、線段區段工具、旋轉工具與即時上色油漆桶製作半圓形彩虹商標。

本範例是模仿「柯尼卡」半圓形彩虹圖商標,僅供於範例操作教學與練習,實際配色、比例會與實際商標所有不同。

2010年6月8日 星期二

Photoshop-將路徑定義自訂形狀

px010031

Photoshop中也有訂自路徑的設定,無論是在Photoshop中建立或是在Illustrator中所製作的形狀路徑,通通都可以在Photoshop中定義自訂形狀,定義完成後他日就可以透過自定形狀工具呼叫出來。
現在你就可以開始把一些常用的符號或是圖形定義起來,以後就可以任意的使用了。

使用Photoshop製作扭曲空間效果

Photoshop的功能真的更新了不少,今天舊作翻新小試了一下Photoshop的功能,雖然結果相同,但是中間的過程卻可以用新的方式替代,感覺還不錯,有空的話你也可以試試一些新的玩法。


2010年6月7日 星期一

使用Photoshop製作剪裁文字效果

使用剪裁遮色片製作文字效果,使用文字與影像也可以做出不一樣的風格。這個範例是使用文字與影像透過剪裁遮色片所完成的作品,製作簡易你也可以很輕鬆得完成。

2010年6月3日 星期四

使用Windows Live Writer 編輯部落格 ( Blogger )

我之前有想過要使用Adobe Contribute軟體編輯,但是故放棄,後來剛好勝友老師介紹我使用這一套軟體,我之前想都沒想過可以使用Writer編輯部落格,用了我才知道有這一套免費又實用的部落格編輯軟體。

你可以離線編輯、儲存草稿、即時發佈,圖片還可以有效果可以選擇,功能雖然陽春但是該有的功能都有,最重要的是還可以在Word上將整段的圖文拷貝到Writer文件中,這麼好康的功能一定要推的啦。

以下是針對軟體合法的下載與安裝介紹,文件編輯技巧就跟一般的文書編輯一樣囉!
有興趣的朋友可以參考看看囉!

2010年6月2日 星期三

使用Adobe Contribute CS4建立Blogger - 舊文章

這一篇是舊文章了,不過我還是貼上來,編輯部落格已經是越來越多人網頁活動,有時候編輯不需要開瀏覽器也可以編輯,如果你有安裝Adobe Web Design版本,安裝後內容應會有一套Contribute軟體,可以使用這一套編輯部落格。不過這一套如果單買好像要7千多,當然還有另外一套是微軟免費提供的,這也是朋友介紹給我的,有機會筆者會再發佈另外一篇關於微軟Writer編輯文章。
好!不多說,以下就是操作的步驟提供給各位參考囉。

有趣的像素反選-使用Photoshop

px010011
這效果是早期在網路上流傳的像素製作手法,可以把兩張影像放在同一張,等使用者框選後會呈現另外一張影像的特效,不過這個方式只適用於網頁檔案。
主要的原理是網頁影像框選後,會以偶數的方式選擇該影像的像素點,還蠻有趣的可以玩看看。順便也可以看一下在Photoshop CS4鏤空的圖樣可支援剪裁遮色片,這可以看一下效果,因為Photoshop 常常在改版的時候會把一些有的沒的作一些小調動,常常會有一些小功能或是設定,到了下一版就不支援或者是把功能直接設限~真的很無言。

2010年6月1日 星期二

圓形的構成-使用Illustrator

這個範例是使用Illustrator 製作圓形的構成,製作的過程中使用三角型為骨架,透過建立圓形的方式可以產生不錯的視覺效果。興趣的朋友可以試玩看看喔!

製作網頁背景圖-使用Photoshop

ps40034 每次常常會有學生會在上Photoshop的時候會問,如何把圖放到Dreamweaver,反之上Dreamweaver的時候,同樣的問題會發生@@”....我認為這很正常.
所以透過簡單的方式說明要如何從Photoshop製作背景圖,完成後匯出到Dreamweaver,所以如果你會Photoshop、Dreamweaver也可以參考看看喔!


2010年5月28日 星期五

風景繪畫效果-使用Photoshop

clip_image020


風景照片也可以很容易作出筆觸繪畫的效果,如果可以用數位版畫那就更有趣了,步驟記錄是Photoshop 快速回復(選擇性還原)動作的功能,可以透過快照功能製作回復(選擇性還原)的功能,剛開始會覺得小難,不過順了以後就可以很快完成,玩看看囉!

2010年5月26日 星期三

Adobe Bridge 快術變更檔名技巧

相片拍太多、檔案太多檔名很亂很傷腦經嗎?
沒關係使用Bridge 快術變更檔名技巧,快速解決相片檔案名稱的問題!
為了避免原來的檔案檔名出錯,請務必確認檔案名稱是否要更名,或者是把該資料複製一份備份資料。

2010年5月25日 星期二

製作墨點文字效果-使用illustrator

學習平台表單-暫時

輕鬆快樂作相框-使用 Photoshop

ps30006
想要把自己拍的相片加入相框效果嗎?那麼可以試試 Photoshop 內建的「動作」功能,只要開一張影像檔案,選擇指令就可以輕輕鬆鬆完成。

2010年5月24日 星期一

日本家徽製作-使用Illustrator CS4

clip_image002

太極圖-使用Illustrator CS4

clip_image002使用Illustrator CS4 製作太極

2010年5月22日 星期六

Illustrator 神奇色彩換裝術-超好用

1.開啟 Kuler 也可以直接選擇色票以後,在下方選擇「將選取的主題新增自色票」。
as30008

使用Illustrator Kuler 色彩

相信知道這個功能的人應該很多,不過還是簡單介紹,如果你不曉得如何配色,可以考慮使用這個功能。
1.首先開啟Illustrator後,在視窗中選擇「延伸功能 / Kuler 」。
as30001
2.可以開啟Kuler視窗,不過使用前請務必記得連上網際網路。
3.選擇需要的色彩後,點選右邊的箭頭,選擇新增至色票面板,色彩就會到色票面板中了。
as30002
4.套用到圖形或文字上即可。
as30007

3.套用AS3套件製作180度滑動效果

1.先開啟一個新檔案。
2.執行「檔案 / 匯入/ 匯入至舞台」,將影像匯入到畫面中。
3.選擇圖片執行「修改/ 轉換成元件」將元件類型選擇為 MovieClip 影片片段,請注意註冊點為左上角。


4.設定元件實體名稱為 coast_mc,在 Event Generator 視窗勾選 EnterFrame,按下Copy to Clipboard。
5.在時間軸上新增一層圖層,在第1格影格上按下F9建立動作,按下Ctrl + V貼上語法。


  6.將程式碼變更如下。

7.請注意aslibrary類別檔需要跟這個檔案儲存在同一個資料夾中。

8.完成後按下Ctrl + Enter就可以瀏覽囉。

2.寫 ActionScript3.0 不再需要重複打字

首先請先到下列的網址下載套件。
http://theflashblog.com/?p=331

1.選擇檔案,按下左鍵雙響安裝。

2.如果不能安裝,請開啟Extension Manager CS4 按下安裝,選擇剛才下載的檔案。


3.安裝完成的畫面。


4.在Flash 執行「視窗 / 其他面板 / Event Generator」開啟 Event Generator 。


5.選擇已經建立完成的影片片段,並設定實體名稱。


6. 在Event Generator 面板中勾選 MouseDown,並按下 Copy to Clipboard 複製語法。
7.在影格上開啟 ActionScript ,貼入剛才的語法就OK了,看吧!可以省略很多打字的時間。

2010年5月21日 星期五

1. Flash Action Script 3.0 Open Source 連結位置

開放下載 Flash Action Script 3.0 類別檔案,目前為 aslibrary 1.0

其明細入下:
  1. 淡入
  2. 淡出
  3. 放大
  4. 縮小
  5. 水平摩擦力
  6. 垂直摩擦力
  7. 追蹤遊標元件
  8. 影格最大值
  9. 模擬180度寬景(座標)
  10. 模擬180度寬景(影格)。
套用與製作方式後面會陸續提供,目前內有10個左右常用效果函式
陸續會繼續增加。

下載位置:ASiCan

2010年5月19日 星期三

2010年5月18日 星期二

Google 簡易神奇站內搜尋術

想要搜尋某個網站的內容嗎?如果你要瀏覽的網站沒有提供站內搜尋的功能,那麼可以試試 Google 站內搜尋的特異功能,協助我們尋找某個網站內的重要資訊。
方式:關鍵字 site:www.yourwebsite.com.tw

  
操作步驟
  1. 首先請先進入 Google 首頁 http://www.google.com.tw/
  2. 在搜尋欄位中輸入 "flash site:steven-linkit.blogspot.com" ,輸入時請去掉""引號。
  3. 按一下搜尋按鈕,Google 就會列出指定網址的站內關鍵字,並且把結果全部列出。

使用Office 2007 EXCEL 轉換XML

1.首先必須要先在Dreamweaver中建立一個XML雛形的架構,至少要有三筆資料。

2.檔案儲存後直接到EXCEL 軟體。

3.首先到選單中選擇﹝EXCEL 選項﹞開啟選項視窗。

4.在常用欄位中勾選「在功能區顯示開發人員索引標籤」選項,完成後按下確定。

5.此時開發人員選項就會出現,在儲存欄位中選擇左上角的空白欄位,如下圖。

6.選擇「匯入」選項,並選擇剛才儲存的XML檔案。

7.在對話框中按下確定。

8.在匯入資料對話框中按下確定。

9.匯入XML資料後就可以開始在下方輸入需要的內容與資料。

10.資料輸入完成後,在開發人員選取中選擇「匯出」。

11.並將需要匯出的檔案命名。

12.檔案匯出後,原來的XML就會增加剛才在EXCEL中新增的項目了。

HTML 超連結語法

若要使用HTML製作製作超連結

1.例如聯結的網址是:
http://steven-linkit.blogspot.com/2010/05/flash.html

2.HTML 語法說明如下:
<a href="需要連結的網址">連結關於我</a>

3.那麼HTML的設定語法入下:
<a href="http://steven-linkit.blogspot.com/2010/05/flash.html">連結關於我</a>

這樣就可以設定超連結囉

網路貼圖

在網拍中如何抓取別的網站的圖片呢?其實很簡單。指下輸入下列的 HTML 標籤就可以貼圖。
說明:
<img alt="這是我測試的圖片" src="圖片的URL位置" />

實際例子:
<img alt="這是我測試的圖片" src="http://4.bp.blogspot.com/_Z8h-NNFY6TU/S4YiH1a4AlI/AAAAAAAAADQ/s2g-GNAoUm0/s1600-h/%E9%AD%B7%E9%AD%9A.jpg" />

選擇以下的圖,按下右鍵選擇內容,就可以看到"圖片的URL位置"。
這是我測試的圖片

認識Flash 的元件

Flash 元件類別說明
若要在Flash中製作移動補間動畫一定要先定義元件的類型,Flash中的類型可以分為三種,分別為影片片段、按鈕、圖像,這三種類型都是可以在Flash中建立移動補間動畫的元件。

圖像 Graphic
Flash的類型都會有各自的特性與在舞台中需要扮演的角色,在舞台中最基本的元件就屬圖像(Graphic)莫屬,圖像屬於最基本的動畫元件,元件中所包含的影格 可以是單格的影格,也可以是多格的影格,但是必須要考量到的是圖像內的動畫影格數與主場景是同步的,也就是說圖像中如果有3格影格,那個放置到主場景中的影格也必須是3格影格才能瀏覽到全部的動畫效果。

按鈕 Button
按鈕元件屬於互動式的元件,元件中所含的影格數只有4格,分別為一般(UP)、滑入(Over)、按下(Down)、感應區(Hit),Flash電影發佈後會依照使用者的滑鼠事件產生不同的影像效果。

影片片段 Movie Clip
影片片段在Flash中屬於最高級的類別元件,影片片段最基本的功能可以使用於重複播放的元件,若是用於互動元件那麼可以命名實體名稱,並且與ActionScript搭配使用,除此之外Movie Clip也可以透過ActionScript的控制當作按鈕使用,並不需要任何的轉換,只需要命名實體名稱並透過按鈕事件下ActionScript語法即可。