風景繪畫效果-使用Photoshop

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

Adobe Bridge 快術變更檔名技巧

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

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

學習平台表單-暫時

輕鬆快樂作相框-使用 Photoshop

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

日本家徽製作-使用Illustrator CS4

太極圖-使用Illustrator CS4

使用Illustrator CS4 製作太極

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

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

使用Illustrator Kuler 色彩

相信知道這個功能的人應該很多，不過還是簡單介紹，如果你不曉得如何配色，可以考慮使用這個功能。
1.首先開啟Illustrator後，在視窗中選擇「延伸功能 / Kuler 」。

2.可以開啟Kuler視窗，不過使用前請務必記得連上網際網路。
3.選擇需要的色彩後，點選右邊的箭頭，選擇新增至色票面板，色彩就會到色票面板中了。

4.套用到圖形或文字上即可。

延伸閱讀

色彩配色技巧  ‧ 同色相配色 ‧ 類似色配色 ‧ 類似色配色2

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了，看吧！可以省略很多打字的時間。

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

使用 Google Doc 設計的

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語法即可。

版面配置

若要談到網頁版面配置，就必須從像素(Pixel)談起，電腦螢幕的解析度計算單位就是以像素(Pixel)為單位，也就是說螢幕若為1024 X 768，那麼螢幕的寬度就會有1024個像素、高度就會有768個像素，網頁影像格式的解析度預設值都設定為72 像素/英寸。

備註：

 以影像的品質而言，像素所代表的是影像的解析度，單位面積內的像素越多，代表影像解析度越高，所顯示的圖像就會越清楚。

 

但是本單元只針對網頁的螢幕顯示，並不針對平面的影像解析度多作介紹，為避免混淆特此聲明。

網頁排版
網頁排版技巧可以先以欄位的分配方式安排版面，版面可以分為雙欄、三欄、四欄、五欄等設計，版面的安排必須依照實際的螢幕使用族群作一定的考量，LCD寬螢幕的使用比例越來越高，網頁的版面配置上，也必須有寬螢幕使用者的考量。

 

圖說：版面以欄分割

圖說：版面以列分割

 

 

常見的網頁版面格式

1. L版形
2. 門聯版形
3. 橫幅版形

一開始版面的安排上，可以先使用五乘四的配置比例開始安排，當然這只是一開始的建議做法，並非限制設計師規劃的方式，

圖說：門聯式版型

閱讀動線的考量

目前因為LCD寬螢幕的尺寸，未來會慢慢的影響到網頁版型的設計方向，但是使用者閱讀的方式並不會因此而有太大的改變，首先有2個問題必須要考量。

1. 閱讀的動線問題

   目前使用者習慣用滑鼠滾輪向下捲動閱讀文章， 橫式文章閱讀時都是有左至右，由上而下以英文字母Z字的閱讀動線。
2. 橫式文字單行字數須考量

   版面橫式字數不宜太長，會造成長篇文章閱讀上的不便， 單行字數太長，會造成閱讀者閱讀上的不便，換行閱讀時會產生混淆的情況。

因此筆者整合版型與閱讀動線的問題，來看看常見的版型設計，那麼我們就會更清楚知道版型的考量是多麼重要的。

  

以上的介紹是針對市場版型的現況做統計，網頁設計與技術不斷的日新月異，筆者無法將版型設計以狹隘的方式作規範，因此本分類僅提供讀者們參考與練習，如果你目前還是初學者，那麼可以先參考版型的分類，如果你已經是進階的使用者，透過這幾種的版型可以讓你有參考的依據，未來還需要各位的開發與創新，才能不斷的創造更多的視覺效果。

 

色彩配色技巧

設計一般都會使用到色彩學的觀念，而色彩學的概念中，配色就是一門需要學習的觀念，其實色彩配色並不需要很難的技巧，但是卻需要想法跟色彩學相關的知識，也就是因為這樣配色就會變成比較傷腦筋的問題。

所以我們可以把色彩用比較容易的方式理解。

影像處理軟體通常可以選擇的色彩分為RGB與ＣＭＹＫ，若要進一步了解這兩種色彩的說明，請點擊下方的聯結。

什麼是RGB-維基百科 / 什麼是CMYK-維基百科

1.色彩

首先我們可以從色彩的角度切入，色彩可以分為色相、明度、彩度三種。

1. 色相色相指的是色彩的相貌，例如紅色、黃色、綠色等，這些都稱為色相，換句話說只要是彩虹的七彩色就是色相。
2. 明度指的是黑灰白的亮暗程度，只要是黑色、灰色、白色就是明度。
3. 彩度指的是色彩和黑色、白色混和後所得到的色彩純粹程度。

強力類別套件-不用學超難的ActionScript 3.0 也可以做出效果

嗨！大家好。最近我有一個計畫，想要把 Flash Action Script 3.0幾個常用的動態效果製作成一個Class類別檔，目前為第一個版本內容有10個左右的效果，都是製作互動網站常會用到的特效，可以提供給在學術上有需要的人。

使用者只要在作幾個簡單的設定，就可以在Flash電影上做出互動，但是前提是必須要有基礎的Flash 與 Action Script的概念，此類別檔將會不定時更新。

目前的名稱與其他細節我還在計畫中，很希望各位朋友能提供較好的名稱。

同時移動的飛鳥

執行環境，首先必須在舞台建立一個影片片段，在主舞台必須設定「實體名稱」，而且必須要複製三個元件。名稱分別為bird1_mc, bird2_mc, bird3_mc。
在時間軸上建立一個新的圖層，加入以下的Action Script。
程式碼如下：

function objmc(obj:MovieClip,inum:Number) {
obj.x-=inum;
if (obj.x<=0) {
obj.x=550;
}
}

//上述的程式主要功能是建立一個移動的規則。

function onmove(event:Event) {
objmc(bird1_mc,10);
objmc(bird2_mc,5);
objmc(bird3_mc,7);
//將函式套用到影格事件中，就可以驅動舞台中的元件。
}
stage.addEventListener(Event.ENTER_FRAME,onmove);

說真的，如果早點認識這樣的寫法，筆者可以省去很多工夫:p
不過還好現在很多專案我都會使用這個方式，所以提供各位參考看看囉。

遮色片效果

1.建立兩個元件並將圖形分散到圖層
2.將下層元件的實體名稱命名為cover_mc。
3.將上層元件的實體名稱命名為map_mc。
4.在影格上寫下列的語法：

map_mc.mask=cover_mc;

5.舞台就可以產生遮色片效果。
6.如果需要變更成可以移動的遮色片，那麼語法就可以變更如下：

function enterframe(event:Event) {
map_mc.x=mouseX;
map_mc.mask=cover_mc;
}
stage.addEventListener(Event.ENTER_FRAME,enterframe);

7.此時當影片匯出後，地圖就可以跟著游標移動了。

不會消失的雲

適用：Action Sctipr 3.0 For Flash CS3/CS4

這是一個簡單的X軸移動練習，透過X軸的加減，讓元件可以移動位置，簡單的來說就是透過程式控制元件移動囉。
1.先在畫面中建立一朵雲，並將元件轉換成影片片段，實體名稱為cloud_mc。
2.在影格上寫入下列語法：

function enterframe(event:Event) {
        cloud_mc.x-=10;
       //讓元件從右側跑到左側
if (cloud_mc.x<=-50) {
        cloud_mc.x=600;
         }
}
stage.addEventListener(Event.ENTER_FRAME,enterframe);

將上述的程式語言貼到影格上就可以執行囉！

按鈕事件的語法

Action Script3.0的寫法是採用偵聽程式的用法，在Action Script2.0撰寫按鈕時可以在按鈕事件上下語法，亦可建立函式並呼叫語法，但是Action Script3.0的寫法就完全採用函式的建構，也就是說按鈕必須要下function(函式)之外，還必須加入偵聽事件與按鈕事件，按鈕才能有作用。

Action Script3.0按鈕function(函數)說明：

function 自訂函式名稱 (自訂變數：事件類別){

//處理事件的程式寫在這裡

}

按鈕名稱.addEventListener(MouseEvent.Click,自訂函數名稱);

Action Script程式語法：

function doClick(i:MouseEvent){

Play();

}

my_btn.addEventListener(MouseEvent.Click,doClick);