蔡逸竹

那麼我們今天要講到的，如果使這兩種功能完全的結全在一起來實現這樣的功能ｌｏｇｏ成品，今天也將講到更深一點的關於ｌｏｇｏ設計的動作原理效果！我們將接合上面兩節所講到的做成一個簡單的成品ｌｏｇｏ，這也意味著我們又更進一步的學習了ｌｏｇｏ的設計原理了，說了那麼多如果你覺得上面的兩種效果你不是完全懂的話，那麼就先去看看吧，因為你必須得從頭做起，我也將在這裡減少最基礎功能的講解，好現在讓我們開始吧！
一、首先讓我們在ps裡建一個88*81大小，像素為72，模式為：rgb顏色，背景為白色！
然後能過：文件/打開（或ctrl+o）再打開一張圖片，然後將對自己需要的圖片用矩形工具用ctrl+x剪切（或ctrl+c複製），再將複製的圖片，按ctrl+v複製到剛才建立的logo圖層上去（此時的圖片層為圖層一）

相關的圖片如下：





二、對剛才複製的圖片進行自由變換《也就是大小的處理》，將圖片的四個邊與88*31圖層的四個邊相對齊，圖如下：


三、然後新建一個圖層命名為圖層二，輸入紅意網論壇五個字，字體為宋體，大小為：12 色彩為黑色，ａａ：無（注意這裡所說的ａａ是代表是否選報最消文字鉅齒的功能），然後進行：圖層/圖層樣式/描邊：描邊大小為1 色彩為白色（出來的效果如果覺得字太清楚了可以進行相應的透明處理），。圖如下：


四、新建一圖層命名為圖層三，輸入訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 字體為：０４字體的０８字體（如果你沒有０４字體請找到相關文件進行下載：紅意網論壇 → 囧 技術資源區 → 『 圖像-動畫 』 → logo設計的04字體不可少！ ），大小為６，ａａ為：無　，色彩為白色，然後進行：圖層/圖層樣式/描邊　大小為：1　描邊色為黑色，（請對文字做相拳 合理移動）效果圖如下：


五、然後我們現在就要將教程一和上面說到的關於透明教程的功能了，再新建一個圖層輸入紅意網論壇五個字，色彩設為白色，然再移動使其剛才的描邊紅意網論壇五個字重合在一起，再進行：濾鏡/模糊/動態模糊處理，動態模糊距離自定！效果圖如下：

六、複製圖層二（描了邊的紅意網論壇圖層）自定義命名為：紅意網論壇副本，然後對其進行透明處理，透明度為70%，再複製紅意網論壇副本層，為副本二透明度為50%，再複製副本二命名為副本三，透明度為30%，再複製副本層三命名為副本層四透明度為10%，圖層結果如下：


七。轉到imageready進行處理，在ie動作動作的第一層先取消所有圖層的小眼睛（為了方便你的操作），然後再點背景以及圖片層訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。圖層的前的小眼睛，使其顯示出來！

八、新建一動作層取消第一步（背景和圖片層）前的小眼睛，，然後點擊紅意網論壇五個字的透明度為10%的副本層前的小眼睛，使其顯示出來！

九，新建一動作層層如第八同樣的步驟，取消透明度為10%的副本層前的小眼睛，點擊透明度為30%的透明層前的小眼睛，使其顯示出來！

十、新建一動作層取消30%的顯示50%的副本層

十一，新建一動作層取消50%前的顯示，使70%的顯示 出來

十二、新建一動作層取消70%的，使紅意網論壇五個字的描邊層顯示出來！

十三，新建一動作層取消紅意網論壇五個字的描邊層顯示，使紅意網論壇五個字的濾鏡模糊了的效果層顯示出來！這樣所有的動作其本上完成了，，動作層全部如下：


十四、對每一動作層實現時間控制《具體的請注意下圖的紅線部位的時間：當然你可以按照自己的需求而定！》，動作層效果如下：


十五、然後：文件/將優化結果另存為 就行了，最終的效果圖如下！


[ 本帖最後由 蔡逸竹 於 2007-4-18 23:50 編輯 ]