2010年5月30日 星期日

用感覺去作設計

coffee1

上禮拜請學生作了一個設計專題,主題是:城市咖啡DM,我解釋說我的行銷目的是希望群眾看到就想去喝這一家的咖啡。重要的是必須自己也要喜歡才行。這次的過程我並沒有讓他們看完成品,我只給尺寸跟解析度,其餘自由發揮。

2010年5月28日 星期五

風景繪畫效果-使用Photoshop

clip_image020


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

蒙太奇影像效果-使用Photoshop CS4

這個拼貼效果是使用 Photoshop 偷懶的方式完成,若是需要製作更細膩的效果,那就必須有勞各位讀者一張圖一張圖慢慢拼囉!倘若你需要快速的方法,也可以透過蒙太奇軟體完成可於以下網址下載。http://toget.pchome.com.tw/intro/drawing_imageprocess/15805.html
本範例將採用Photoshop的縮圖目錄製作,所以步驟在操作上會以Photoshop的功能為主要訴求,如果你需要快速完成範例的話蒙太奇軟體應可符合你的需求,假若你需要有自己完成的真實感,那麼這個方式就可以提供給各位參考囉。完成後或許會超越套用軟體的成就感也說不定;P
ps40024

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日 星期三

在Google DOC 中設計表單

網站名稱:Google Doc
必須要先登入Google 才能執行以下的設定。
1.在欄位中輸入須要讓使用者填入資料的訊息及欄位。

2. 欄位可以選項按鈕,例如性別選擇。

3.欄位不夠的話還可以在上方選擇需要增加的表單項目。

4.繼續輸入需要的相關訊息

5.完成後可以按下儲存,可以在更多動作中選擇嵌入。

6.畫面會開啟以下的視窗,只要將以下的連結貼到你的部落格上即可。

7.接下來登入Google DOCS。

8.在欄位中找尋剛才儲存的表單

9.開啟表單後選擇右上方的共用,選擇設定通知規則。 

10.輸入相關的需要通知的設定。

11.這樣就完成囉!

12.完成後的畫面。

使用 Google Doc 設計的

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