Saturday, June 26, 2010

【Photoshop教學】如何製作GIF動態圖﹏♥

更新的教程

最終效果 :


本人使用的是 Adobe Photoshop Cs5 English Version

以上效果 凡是 Adobe Photoshop 7.0 /Cs2 以上 都能

 ( 點擊圖片放大 )

首先打開兩個以上的素材
Open 打開( CTRL + O ) 
依據圖片、把素材2丟進去素材1(根據箭頭)

( 點擊圖片放大 )

可以丟幾個素材以上、個人喜好拉~
重要就是全部在同一個圖片上 

 ( 點擊圖片放大 )

點擊 Window 視窗  - Animation 動畫
(根據圖片的數字步驟)

( 點擊圖片放大 )

然後會出現一個視窗、
注意數字1號、
哪個是第一個圖片出現的Frames(大概意思和圖層沒有分別)...
再注意數字2號 選擇出你要第一個出現的圖片
之後不要先出現的圖片, 把紅框内裏面的眼睛按掉

之後注意數字3號 點擊 Make New Frames (大概新建圖層的意思)

( 點擊圖片放大 )

之後、第二個出現的Frames, 
就點擊第二個應該出現的圖片、
再數字2號的位子 點擊一下
讓眼睛出現 就可以了 

( 點擊圖片放大 )

剩下的就相同步驟咯 、
然後 注意數字1號、哪個是你的動態圖的時間
你要它出現比較快/慢 可以自己設定
設定完畢后、可以點擊 數字2號 位子 Play 看看

( 點擊圖片放大 )

然後點擊文件(File)、 
選擇儲存為網頁用(Save for Web & Devices...)  ALT + Shirt + Ctrl + S

切忌!!! 不要関掉 圖内箭頭指向的視窗

( 點擊圖片放大 )

之後會出現以上Window
爲了以防萬一!!!
你可以選擇圖片内 右手邊紅框内那裏預覽
或則Preview 預覽 (那個是直接Preview在瀏覽器的) 

如果沒有問題以後、就Save =D

( 點擊圖片放大 )

當然還會出現這個Window~
然後Format記得是 Images Only
就可以了 =D

完成

順便幫忙點擊一下 Nuffnang 廣告好了 =)
感謝 =D


如有不明白之処、
請留言發問 =) 


或則 PM 我 
點擊 以下圖片 =]

以上教程乃是日娜製作
請別拷貝后 當作自己寫的
轉發請留言告知








Wednesday, June 16, 2010

【Photoshop 教程】如何弄出旋繞綫條 ﹏♥

- 教學更新 -

本人使用的是 Adobe Photoshop Cs5 English Version
以下效果 Adobe Photoshop Cs3 以上都能操作


首先打開一個空白背景的素材 或則 自行摳圖 去背
之後新建圖層 New Layer Ctrl + Shift + N
然後點擊 鋼筆 Pen Tool 
選擇數字3號位子的 Path 路徑
和數字4號位子的 Freeform Pen Tool 


之後請隨意在圖片上 劃一個架構


之後 Shift + 鼠標點下
就會看到綫條上有些小格
然後呢、你能調整一下弧度和位子
Ctrl加鼠標點、可移動你的點的位子
Alt加鼠標點、可以調整你的弧度子
(記住不能放手)

之後點擊紅框内的 筆刷 Brush


裏面的 大小Size就自由設定 (不要太大)
注意 - 你選擇的筆刷會影響到你的綫條
所以最好就是選擇圓點的筆刷


之後 點擊 鋼筆Pen Tool
然後去圖片 鼠標右點 選擇 Stroke Path
注意 - 顔色 自己調整哦 =) 


之後會出現一個window
選擇 Brush 筆刷
至於那個Simulate Pressure 如果打勾了
是讓你的綫條結尾的部分比較瘦小
(我的Photoshop好像不能起效)


之後 再來多一次 鼠標右點
選擇 Delete Path 刪除路徑


之後選擇 橡皮擦 Eraser
擦掉一些部分 (自己覺得應該怎樣旋繞拉)


然後添加一些調色 效果之類
就這樣完成了 =D 


如有不明白之処、
請留言發問 =) 


或則 PM 我 
點擊 以下圖片 =]

以上教程乃是日娜製作
請別拷貝后 當作自己寫的
轉發請留言告知



麻煩點擊以下的Nuffnang好嗎?
謝謝你喲 =)