April 24, 2006

[分享] 部落格貼紙產生器

常常在其他地方看到這樣大小（80*15）的貼紙。我非常喜歡這樣簡單的呈現方式，也嘗試自己用PhotoImpact來做，不過無論如何都沒辦法有這樣別緻的效果。

偶然在網路上亂逛的時候，網網相連，竟讓我找到這樣的貼紙產生器。於是我就小試身手，做了幾個來玩玩。

Brilliant Button Maker     進入網頁後會看到下面這樣的頁面。

首先就是決定貼紙最外層的邊框顏色，以及字體。很方便的是，這個產生器可以讓使用者按下調色盤，自由搭配顏色，非常方便。而字體也有五種，不過我個人覺得還是第一種 Silkscreen 比較好看。

比較麻煩的是，其中列的「左框空間長度」，其數值得看左框輸入的文字長度來定，可能得經過反覆的數次調整，讓小貼紙的視覺效果達到最完美的平衡。

接著就是輸入文字，以及決定左右框的背景及字體顏色。要注意的是，文字只限英文。另外同樣的，關於 "Text start" 一欄，也得慢慢調整到適當位置。

右邊大致相同。不過其中的"Text start" 指的則是距離中線的距離。

左右兩邊都有調整結果的立即呈現，好讓使用者馬上知道輸入的視覺成果。

下面這是我試玩的結果。由於我的 ID 太長，如果要將例如 Christabelle's Foodnotes 或是 Christabelle's Portrait 整個輸入，實在是不可能的任務。所以我只好退而求其次只將ID輸入，而且還得拆成左右兩邊才行。

 有色背景配上白字，

或者

背景與字體為同色系深淺搭配

或者

粉彩版，以及黑白版   

或者

底色為白色，字體與外邊框同一色系。我的內框線（Inner border）選擇的是白色，因此中線也是白色，然後再把右框中的 Text start 數值調為0，左框的 Text start 則依照視覺呈現結果調成適當的數值，就會像是一整個 ID 連在一起了。


這個貼紙產生網站，也可以讓人上傳自己的圖檔，做成帶著圖檔的小貼紙。網站自己會調整圖檔，以適合貼紙大小。



輸入所有設定，以及該圖檔在自己電腦中的路徑之後，按下 Create  鍵，就可以產生小貼紙。我以CGS 的 ID 為例，做了一個含有無名圖檔的貼紙。



如果對上傳圖檔的結果不是很滿意的話，也可將 use previous image 的勾勾取消，再按下 Create 鍵，就會取消圖檔。

以上希望對需要的朋友有用。報告完畢，一鞠躬。：）

[延伸連結]

這裡也有一個貼紙製造機，中文介面，不過個人覺得介面不如上面那個友善（得另開色碼表，且無法製作圖檔貼紙。

另外一個 Blogflux 網站也有很清楚的介面，而且還提供80*15與80*31兩種大小的貼紙，相當推薦。

如果真的對中文很執著，非要在貼紙裡加上方塊字，請按這個日文網站。但請注意，13種字體中，只有最後兩種支援漢字喔！



最後，再看看小奧私陸（littleoslo）的小貼紙活動吧！

11推薦此文章 推 收
Today's Visitors: 12 Total Visitors: 8344
Personal Category: └ 網路實作 Topic: technology / 3C
Previous in This Category: [示範] 第一次抓畫面就上手   Next in This Category: [分享] 美美的 flash 相簿
christabelle at WRETCH at 12:42 PM post | Comment(24) | Trackback(7) | Collection(2)
Trackback

  • 自從上次很簡單的做了個blog banner交差了事之後 再也沒有想過再弄其他的banner了… 不過，今天在迴紋針老師家 又看到簡單又好玩

  • 部落格貼紙產生器 【Shelly\'s Talk】 at April 24, 2006 08:48 PM Trackback

  • 在Christabelle的藝想世界家看到好玩遊戲，這下子可以自己製作部落格貼紙囉~~ 本篇文章引用自此

  • 【啥好玩】部落格貼紙產生器 【★雨都小宇の魚缸★不下雨】 at April 27, 2006 06:15 PM Trackback

  • 常常看到別人blog上有些小貼紙又叫做button、icon、sticker，用來作為網站的介紹，LOGO等簡單又明嘹。 爬了一下文發現有貼紙製造機這東西，真是太方便了

  • Blog小貼紙製作機 【Something about Ken】 at August 3, 2006 05:15 PM Trackback

Comment

  • 1

    1

    迴紋針老師這篇文超棒的
    謝謝*^^*
    等等就來做小貼紙(開心~)

  • elatte at April 24, 2006 02:51 PM comment |

  • 2

    2

    其實昨天很晚就發現右邊多了漂亮的小貼紙
    只是還沒貼文上去

    迴紋針好細心唷！寫了這麼清楚的製作方式
    而且是一點也不囉唆 完全都是重點 一目瞭然
    不愧是當老師的，超厲害！

    那個貼紙地圖的想法頗有趣

  • angelsmileoo at April 24, 2006 03:31 PM comment | Homepage

  • 3

    3

    謝謝迴老蘇，推推推~
    呵呵..
    收為My share網摘好文哩~

    晚點回家來試試看~:D

  • chantell at April 24, 2006 03:59 PM comment |

  • 4

    4

    哇
    真是越來越便利了^^
    感謝分享阿

  • jakeandy at April 24, 2006 05:06 PM comment |

  • 5

    5

    不客氣不客氣，請大家盡情地玩吧！我其實也只是整理一下而已。

    如果有哪位朋友自己摸不出頭緒來，我可以代勞喔！如果各位相信我的審美觀的話^^ 如果要的朋友，請給我
    您的blog網址。我好去看看您的blog版面風格。

  • christabelle at April 24, 2006 05:53 PM comment |

  • 6

    6

    嘩，正想幫自己的blog做貼紙，
    剛好就瞧見迴紋針的介紹，
    做的都很有質感呢。^__^

  • hiru at April 24, 2006 07:08 PM comment | Homepage

  • 7

    7

    可以來diy一下
    謝謝迴紋針的分享
    很好用又好玩的感覺 來體驗一下

    emma

  • Emma0417 at April 24, 2006 07:38 PM comment | Homepage

  • 8

    8

    剛剛也做了一個
    真好玩! ^^

  • tamacat at April 24, 2006 07:49 PM comment | Homepage

  • 9

    9

    好看耶
    就連粉彩的也有自己的味道

  • antiquity at April 24, 2006 10:00 PM comment | email Homepage

  • 10

    10

    老師是之我很懶，所以幫我做一個門牌嗎？XD
    那我帶回家去了喔～^^

  • CGS at April 25, 2006 01:31 AM comment | email Homepage

  • 11

    11

    真是太好用了!!!
    我做出了生平第一張貼紙後就一個晚上玩個不停 : )
    謝謝分享

    阿餅

  • sunnypie1992 at April 25, 2006 08:30 AM comment | Homepage

  • 12

    12

    謝謝妳的分享，真的好實用喔！


    一直潛水的讀者。

  • wubonita at April 25, 2006 04:51 PM comment | Homepage

  • 13

    13

    在雜誌上看到推薦這個部落格，
    好奇上來看一下，
    沒想到馬上就收穫豐盛，
    很謝謝你的分享耶

  • mingyulin at April 25, 2006 05:49 PM comment |

  • 14

    14

    很高興大家都喜歡這玩意兒～我那天也是玩了一個晚上^^ 真是欲罷不能~~

  • christabelle at April 25, 2006 06:00 PM comment |

  • 15

    15

    立刻也來作一個
    老師的圖解真的夠詳細啊~
    macaron要怎麼把貼紙送上自己的網誌....
    嗯...

  • macaron at April 25, 2006 06:54 PM comment | Homepage

  • 16

    16

    我是阿民嫂

    酷啊！

    超級愛迴紋針老師的分享的~

  • whyblog at April 26, 2006 01:50 PM comment | Homepage

  • 17

    17

    老師這篇文章解說的好詳細喔 @@。這個小貼紙真是太好玩了，十幾張貼在一起，活像個霓虹燈咧！
    看的出來老師玩這個很久...( 右邊連結列，超多小貼紙的 ) XD

  • redblood10 at April 27, 2006 11:49 PM comment | Homepage

  • 18

    18

    [img]http://static.flickr.com/56/133432900_9b58d189f4_o.gif[/img]
    迴紋針老師，請教您一個問題，日文網站做出來的貼紙要怎麼拿下來或連結它？因為我拉下來是一個.html的格式，並不能貼入我的blog，感謝解答。（我是MAC的使用者）

  • bv2gk at April 30, 2006 07:10 PM comment | email

  • 19

    19

    不懂您的意思，您是說您自己在日文網頁上做的小貼紙，要怎麼存嗎？直接在完成的貼紙上按右鍵，就可以另存新檔了。儘管檔名會有.htm，但是您就重
    新命名，他會自動給gif的副檔名吧？不過我對mac不熟，所以不知道語法要怎麼寫耶...不好意思^^

  • christabelle at April 30, 2006 10:32 PM comment |

  • 20

    20

    謝謝您！已解決，結果是直接將做好的貼紙拖到桌面，檔名會有.htm，但是重新命名給gif的副檔名即可

  • bv2gk at May 2, 2006 06:52 AM comment | email

  • 21

    21

    請問迴紋針老師~~
    貼紙做好之後，是不是要先把貼紙傳到相簿才能放在網誌上？還是有另外的語法？
    謝謝^^

  • sorasky at May 7, 2006 06:40 PM comment |

  • 22

    22

    sorasky，對，你一定要找地方放你的貼紙喔！語法的話...請點我旁邊的一個「凱哥無名教學」去找語法教學。不然..就到書局買一本「愛上我的無名小
    站」裡面一定有。^^

  • christabelle at May 8, 2006 06:24 PM comment |

  • 23

    23

    hello~
    好詳細的說明
    有趣的小玩意
    也來試做看看
    謝謝分享喔!

    峰大

  • changfong at May 8, 2006 08:31 PM comment | Homepage

  • 24

    24

    請問做好了之後要怎麼取得語法??
    案SAVE IT 出現一個檔案我不懂耶~
    教教我這個笨蛋吧.....

  • amyavril33 at August 5, 2006 02:29 PM comment |
No one can comment

誰來收藏
Loading ...