2013/12/17

第27堂--設定Blog的背景

設定Blog背景,圖檔一定要很小,這樣放在網路上時,才不會讀取過久,Google的Blog規定,檔案大小一定要在300K以下,如果是很大張的風景圖,想要佔滿整個Blog版面,建議使用1800x1600 或更大的圖片。
所以,放置Blog背景的兩種方法:
  • 小圖片:用拼貼方式,佈滿整個背景。
  • 大圖片:用只放一張的方式,大小是1800x1600以上的圖片。
上述不管是大圖片,或是小圖片,圖檔大小都要小於300 K。

放置Blog背景:
  • 進入自己的Blog後,按右上方的[登入],已經登入的話,就選[設計]。
  • 左邊選[範本],中間的地方按橘色按鈕[自訂]。
  • 先設定好[範本]的樣式。
  • 接著左上方選[背景],調整[背景圖片]。
  • 按下小三角形(下圖我圈起紅色小圈的部份),選擇其他Blog提供的背景。
  • 如果選[上傳圖片],可以設定自己的圖片檔背景。(大小要300K以下,否則無法上傳)
  • 選好了以後,如果是小圖,建議設成[拼貼]。如果是1800*1600以上的大圖,建議設成[不並排顯示],以及勾選[隨頁面捲動]
  • 註:設定大圖背景的同學,把背景設成[不並排顯示],可以試試有勾、沒勾選[隨頁面捲動]兩者的效果差別,不太一樣喔~~!
  • 設定完畢,按下右上方橘色的[套用至網誌],再按旁邊的[返回Blogger]
  • 背景顏色如果和文字顏色太接近,會造成字看不太清楚,下圖中按最左邊的[進階],還可以設定文字以及文章裡的相關顏色設定。這個部份下學期再介紹,但等不及的同學,可以練習調整看看。

如何將圖片設成300K以下:
  • 進入PhotoImpact後,開啟舊檔。
  • 用[調整]-->[調整大小]的方法,或是裁剪的方式,把圖片設成接近1800*1600以上的長與寬。
  • 按[網路]-->[影像最佳化程式],先按[JPG]、[GIF]、[PNG](下圖我圈出來1.的地方),看看哪個大小數字最小(下圖我圈出來2.的地方),用檔案最小的格式。
  • 如果檔案大小還是超過300K,調整下圖圈出來3.的地方[預設項目]。
  • 確定檔案的大小,小於300K,按下[另存新檔],儲存起來,就可以當成背景了。
  • 註:300K的計算方法,是除以1024的數值,例如:下圖的526,370除以1,024=514K

2013/12/15

Blog聖誕節應景的背景圖片

背景圖片如果要自製的話,Google的Blogspot規定要以下的規格:
  • 300K 以內的 JPG、GIF 或 PNG 檔案
  • 如要採用完整大小的背景,請使用 1800x1600 或更大的圖片。
下圖是網路上蒐集來的背景圖片:

2013/12/11

Ulead GIF Animator 5.05 無法開啟

有些同學GIF Animator無法開啟的問題,還是未解決!

網路上找到這個解決方法,看得懂的同學可試試....

搜尋系統碟槽,找到3ivxDSEncoder.ax,位置一般在C:\WINDOWS\SYSTEM32,將名稱改掉,例如改成3ivxDSEncoder.ax1,原因,解碼器和Windows的avi相衝。

2013/12/10

第24-26堂--聖誕卡片製作步驟

聖誕卡片製作,可以從簡單開始,當然也可以把這學期學到的所有技能,全部放上去,就是一張豐富的卡片了。以下是豐富版的步驟,如果有些步驟較難,可以省略。
  1. 蒐集照片、圖片
  2. 決定底圖,把不要動的圖片放進去。
  3. 若要下雪,設定下雪動畫存成GIF
  4. 把要個別動的圖片,個別存成GIF
  5. 如果文字要使用[動畫工作室]的功能,一併製作完畢。
  6. 開GIF程式,依序設計動畫
  7. 儲存
上述
  • 第2-5的步驟,是開啟PhotoImpact來製作。
  • 第6-7的步驟,是開啟GIF Animator來製作。

2013/12/5

聖誕卡片製作步驟:-七、儲存

恭喜,能做到這個步驟,表示你真的很厲害,能夠將半年來學到的東西都整合起來,最後的步驟:
  • 按下[播放動畫]看看效果,看看有哪裡需要調整。
  • 如果動畫的上、下順序要調整,按下[停止動畫]後,設定右邊物件的上、下順序,就跟PhotoImpact裡,圖層管理員的順序設定一樣。
  • 如果動畫的秒數要調整,點選畫格,按下滑鼠右鍵,設定秒數。
  • 全部都調整完畢後,儲存成GIF檔。
不眠不休、嘔心瀝血製作出來的獨一無二曠世巨作,就完成啦!


聖誕卡片製作步驟:六、開GIF程式,依序設計動畫

開啟Gif Animator程式,依序將所有聖誕卡片中的元素塞進來。

[檔案]-->[開啟影像],開啟底圖檔
  • 如果你的底圖有下雪動畫,應該會有10個畫格,如果沒有下雪效果,應該只會有1個畫格。
  • 點選畫格1,再按一下右邊有眼睛的底圖,[鎖住] ,依序將畫格中,有顯示眼睛的部份,一一鎖住,以防止後面製作時,圖片不小心移動到。
把要移動的雪橇加進來。
  • 游標停在畫格1,[檔案]-->[新增影像],加入雪橇。
  • 有下雪動畫的同學,把畫格1的雪橇,調整好大小及位置。再把畫格10的雪橇,顯示眼睛,調整好位置,設定[連續漸變]。設定時,右邊物件要點選雪橇,設定起始畫格1、結束畫格10,更新中間畫格
  • 無下雪動畫的同學,先[再製畫格],讓原本只有畫格1,多一個畫格2,把畫格1的雪橇,調整好大小及位置。再把畫格2的雪橇,顯示眼睛,調整好位置,設定[連續漸變]。設定時,右邊物件要點選雪橇,設定起始畫格1、結束畫格2,插入畫格8
  • 參 考:第20堂--設定連續漸變的動畫。 
把鼻子會變大、變小的雪人加進來。 
  • 游標停在畫格1,[檔案]-->[新增影像],加入(雪人-1.gif)
  • 游標停在畫格2,[檔案]-->[新增影像],加入(雪人-2.gif)
  • 點選畫格1,右邊物件選有顯示眼睛的雪人(大鼻子),調整好大小及位置,設定好了之後,按一下[將不同畫格的物件調成一致]的按鈕。如果擔心會不小心移動到,設定完畢後[鎖住]。
  • 點選畫格1,右邊物件選有顯示眼睛的雪人(小鼻子),參考大鼻子雪人,把好大小及位置的數字設成一樣的數字(滑鼠右鍵-->[物件內容]),設定好了之後,按一下[將不同畫格的物件調成一致]的按鈕。
  • 接著1,3,4,7,9畫格,顯示大鼻子的眼睛,2,4,6,8,10畫格,顯示小鼻子的眼睛。
  • 參考:第22堂--雙動畫設計(II)
 加上動畫工作室文字:

  • 如果是動畫工作室的文字,游標停在畫格1,[檔案]-->[新增影像],加入文字.gif。
  • 調好位置,依序開啟眼睛,步驟和鼻子變大、變小的雪人方法一樣,只是比較麻煩,雪人有兩張圖,要做兩次[不同畫格物件調成一致],動畫工作室如果有10個畫格,要做10次。
  • 參考:第18堂--雙動畫設計 

加上[新增橫幅文字]或是[文字]



  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟七:儲存
  • 聖誕卡片製作步驟:五、如果文字要使用[動畫工作室]的功能,一併製作完畢

    這個步驟要來處理的是文字動畫,這時你要區分,你想做的動畫,是在GIF Animator裡,就可以做出來效果的[新增橫幅文字],還是要在PhotoImpact裡的[動畫工作室]中,才能做出來效果的文字動畫。
    如果,你想要的是[動畫工作室]裡的效果:
    • 輸入文字,選擇文字物件後,點選功能表的[特效]-->[創意特效]-->[動畫工作室],挑選特效。
    • 設計完成後,儲存成(文字.gif)
    如果,你想要的是[新增橫幅文字]裡的效果,或是文字有[霓虹燈]的效果:
    • 跳過這個步驟,直接到下個步驟。


  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟六:開GIF程式,依序設計動畫
  • 聖誕卡片製作步驟:四、把要個別動的圖片,個別存成GIF

    第四個步驟,是把除了文字以外,會動的聖誕元素找出來,例如:步驟二裡,我們要找的元素有:

    • 雪橇:從左邊跑到右邊,所以是動畫,要在這個步驟處理。
    • 禮物:步驟三已處理好了。
    • 文字:會閃來閃去,所以是動畫,但到第五或第六個步驟再做。
    • 雪人:鼻子會變大、變小,所以是動畫,要在這個步驟處理。
    • 聖誕樹:步驟三已處理好了。

    上述要處理的就只有雪橇、雪人。
    雪橇:
    • 從左邊跑到右邊,從頭到尾的畫格中,都是一樣的圖案,因此只要去背就好。
    • 去背完畢,儲存成GIF檔(雪橇.gif)。
    雪人:
    • 鼻子會變大、變小,所以要存成兩個檔,一個是大鼻子,另一個是小鼻子。
    • 先去背,把鼻子設成大鼻子,另存成GIF檔(雪人-1.gif)。
    • 把鼻子設成小鼻子,另存成GIF檔(雪人-2.gif)。
    • 製作時,要注意一點,就是兩個gif檔的長、寬要一樣,這樣比較好處理
    製作完畢,接著到步驟五。


  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟五:如果文字要使用[動畫工作室]的功能,一併製作完畢。
  • 聖誕卡片製作步驟:三、若要下雪,設定下雪動畫存成GIF

    第三個步驟,是將步驟二做好的圖片,製作成具有下雪的動畫效果。
    因為下雪動畫要在PhotoImpact中比較好處理,因此要在這裡先做。

    如果你的圖片,不想要有下雪效果,這個步驟省略,直接將檔案儲存成GIF檔就ok了。

    製作步驟:
    • 將所有物件[全部合併]。
    • 選取百寶箱裡的下雪動畫。請參考第16堂課,如何[製作下雪動畫]
    注意事項:
    • 百寶箱不要選錯了,是[動畫],不是[顆粒]
    • 做好的下雪動畫,想要加一株不會動的聖誕樹,就要到步驟六中,補上樹之後,一個一個將眼睛打開,再調整位置,非常的麻煩。所以在做下雪動畫之前,請先確定已經沒有要再加上不會動的東西,否則老師我會跟你說....你在自討苦吃
    做到這個步驟,你已經有一個底圖的GIF檔嘍!不管有沒有下雪,起碼基本的底圖已經製作ok了。恭喜你......

    超..超..超..級簡單版的聖誕卡片,就是在這個步驟中,先加上[文字工具]的聖誕快樂...等文字,再製作下雪效果,儲存起來,就ok啦!其實這樣也很美啦!而且步驟到此為止,後面的步驟可以完全不用理會!



  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟四:把要個別動的圖片,個別存成GIF
  • 聖誕卡片製作步驟:二、決定底圖,把不要動的圖片放進去。

    第一個步驟完成,接下來的步驟,是開始設計聖誕卡片要有哪些東西。

    流程:
    1. 決定好底圖:可以是自己的照片,或是網路上的背景底圖。
    2. 想看看哪些聖誕物品要放在底圖上,讓圖片更加豐富。
    3. 這些物品,有哪些會是動畫,哪些不是動畫,先把不會動的挑出來。
    4. 把不會動的聖誕物品,在PhotoImpact中,去背了以後,移到底圖上,擺好位置與大小。
    舉例:
    • 雪橇:從左邊跑到右邊,所以是動畫。
    • 禮物:放在聖誕樹下,不會動,所以不是動畫,要在這個步驟中處理。
    • 文字:會閃來閃去,所以是動畫。
    • 雪人:鼻子會變大、變小,所以是動畫。
    • 聖誕樹:放在底圖上,不會動,所以不是動畫,要在這個步驟中處理。
    所以上述我們要做的是禮物、聖誕樹,去背了之後,移到底圖上,擺好位置與大小。

    製作步驟:
    1. 開啟PhotoImpact,開啟底圖,圖片若太大,先[調整大小],大圖變小很美,不建議小圖變大,會模糊。
    2. 再開啟禮物,去背,如果禮物後面是白色,用[魔術棒工具]選好白色,再[改選未選取部份],移到底圖上,再調整位置與大小。
    • 去背時,若白色不連續,記得按屬性列中的[+],再加上白色區域,全部不要的白底都選好後,再[改選未選取部份]。
    • 移到底圖上時,原來在[+]的位置,要按回原來的按鈕,再移動。
    • 如果移不動,有個更簡單的方法,是先將選取區[轉成物件] ,再移過去。
    • 去背比較難,如果一直做不好的同學,就做簡單版的卡片,不要放太多禮物....等圖片。 
    • 開啟聖誕樹...等檔案時,如果出現詢問是否[開啟動畫檔] 時,表示這個是動畫的圖片,先不要處理,當成是會動的圖,放到第六個步驟中做。
    所以,這個步驟,製作簡單版卡片的同學,只要將圖片調整好大小,就OK了。




  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟三:若要下雪,設定下雪動畫存成GIF
  • 聖誕卡片製作步驟:一、搜集照片、圖片

    找一張適合的圖片,可以是自己的照片,也可以從網路上找。
    把找到的素材,全部放在一個資料夾[聖誕卡片素材]中,這樣以後的每一年都可以拿出來設計。
    到Google中,選[圖片],在搜尋的地方輸入:
    • Christmas
    • 聖誕圖片
    • 聖誕老公公
    • 雪人
    • 雪橇....等。
    也可以在搜尋後面空一個空格,再輸入動畫。例如:雪橇 動畫或是雪橇 gif
    也可以在按下搜尋後,點選[搜尋工具],點選[類型],選[動畫圖片],較容易找到gif動畫圖。
    找圖片的準則:
    • 儘量找背景是白色的,因為去背較容易。
    • 不要找中間有浮水印的,不好處理。
    • 圖片有版權問題,所以請留意下方是否有版權或公司文字,當然我們製作出來的卡片,不能當成商業使用,會侵權;僅供寄給自己朋友或放在Blog中就好。





  • 回    到:第24-26堂 聖誕卡片製作步驟
  • 下一步:步驟二:決定底圖,把不要動的圖片放進去。
  • 2013/12/3

    第23堂--新增橫幅文字

    1. 先開啟GIF Animator程式後,開啟下雪的影像動畫。
    2. 游標按一下[畫格1],再按[新增橫幅文字]的按鈕。
    3. 輸入文字,再調整文字大小、顏色....等,如果輸入中文字,字型要設成中文字型,否則文字會變成一堆????
    4. 點選[特效]索引標籤,按一下右上角的[拉遠]鈕,讓整張照片都可以看到,游標停在文字上,變成黑色箭頭時,可以移動位置。
    5. 設定是否要[進入場景],以及[離開場景],有打勾的話加起來的畫格數字要跟下雪的10個畫格一樣。
    6. 切換到[畫格控制]的畫面,將[分佈至畫格]前的核取方塊打勾,延遲時間、關鍵畫格延遲都設定一下,按[開始預覽]看看效果。
    7. 設好是否要加霓虹燈後,按[確定],選[建立成橫幅文字(建議選項)]。
    如果按了確定,發現原來的畫格10,變成10多個畫格,表示:
    • 你可能沒有把游標停在[畫格1]。
    • 你可能沒有勾選[分佈至畫格]。
    • 你的進入場景和離開場景,加起來的數量,大於10。

    上述的解決方法-->重做比較快,如果發現位置不喜歡,要重新調整,也是重做比較快。
    • 如何重做?把右邊物件區裡的橫幅文字物件刪除。