之前常常羨慕別人的部落格內都有很可愛或有趣的個人logo,一直以為得用深澳的CSS語法,才有辦法製作!!但是不懂CSS語法的我,一直都是慢慢爬文,學習別人的東西,慢慢修改及套用在自已的部落格內!!

 

最近剛好比較有時間,就心血來潮上網搜尋了一下,發現聯播貼紙的語法,沒有想像中的困難,但是要先設計出自已的圖檔,再來做連結。一般的圖檔似乎,滿足不了喜歡多彩多姿變化萬千的我,因此好奇的我又搜尋了好一會兒~

 

原以為要利用FLASH才能製作的動畫GIF檔,但是沒有想到原來PhotScape也能簡單製作呢那是一個免費的修圖軟體,相信已經有許多人,玩到愛不釋手了~不曾使用過的夥伴們,請上網搜尋自行下載呦!!

 

在此為了許多和我一樣,不曾製作動畫GIF檔的朋友,來個步驟解析,相信大家看完後,都能輕鬆製作個人LOGO呦^^但是在解析前,大家須先將自已要製作的圖檔準備齊呦^^先為大家來解析我的動畫檔內的每張圖檔!!

未命名 - 1.jpg 圖檔一

  

rabbot house紅字.jpg 圖檔二

  

rabbot house.jpg 圖檔三

  

未命名 - 2.jpg 圖檔四

  

我們這一家.jpg 圖檔五

  

未命名 - 3.jpg 圖檔六

 

歡迎光臨.jpg 圖檔七

 

全部.jpg 圖檔八

 

其實大家可以不用像我準備這麼多的圖檔,只是身為媽咪的我,不想讓任何一個寶貝錯過走秀的機會,更不想讓她們覺得我這個媽咪有偏心的嫌疑……所以圖檔就多了點

然而圖檔的大小,我覺得可以視您想表現的何種意境做決定,我的圖是「200X320」想要有聯播貼紙的感覺,並且也點想當成是自已部落格內小小走秀櫥窗,讓人一看就知道有哪幾個小寶貝^^但是一般的小LOGO,可以用「120X60」,或視您的側邊欄位大小來做決定。

圖片都準備好後,打開PhotoScape軟體!!

1.jpg 

步驟一、選擇「製作動畫

 

2.jpg 

步驟一、從左側將自已準備好的圖檔資料夾找出

步驟二、選起要製作的圖檔

步驟三、拖至上方的白色空白框內

 

3.jpg 

步驟一、用滑鼠拉排想要的動畫順序

 

4.jpg 

步驟一、想改變畫格秒數,可在想改變的圖檔上按右鍵

步驟二、選擇「變更表示時間」->「顯示時間

    ->改變秒數->「確定

 

5.jpg  

步驟一、完成後,按「儲存

 

成品出現囉^^ 

anigif.gif 

 

看完以上的動作解析,是否也覺得很簡單呢但是完成後,它仍舊只是一個GIF檔,仍然不是我們要的聯播貼紙或LOGO。接著還要幾件事,必須完成呦~

一、上傳至網路相簿

二、在圖片上按右鍵->「內容」->複製網址

三、在我們的部落格新增一個側邊欄位,並且貼上貼紙語法「<a href="要連結的網址 title="連結的說明"  target="_blank"><img src="貼紙圖片連結位置" border="0"></a>」

 

此時大家應該都會有幾個疑問,就是上面幾個顏色方塊,各自是什麼意思呢?

要連結的網址:我們的部落格網址

連結的說明:滑鼠滑過去時,想出表示的文字

貼紙圖片連結位置:之前複製的圖檔網址

 

經過以上的解釋,相信大家應該已經有基本的概念了!!

希望大家都能製作出屬於自已的LOGO及聯播貼紙呦

 



arrow
arrow
    全站熱搜

    career92 發表在 痞客邦 留言(1) 人氣()