培迪 的痞客邦部落格

引用：http://tw.myblog.yahoo.com/jw!e8Sb1xuRGAJzkDxbJI0tahYKwRFJlM.OKA--/article?mid=108650

引用：http://tw.myblog.yahoo.com/jw!e8Sb1xuRGAJzkDxbJI0tahYKwRFJlM.OKA--/article?mid=112249

引用：http://tw.myblog.yahoo.com/jw!FKk1ii6dGRhIshByufs-/article?mid=114478

引用：http://tw.myblog.yahoo.com/jw!FKk1ii6dGRhIshByufs-/article?mid=116455

很多人不明白網路素材圖片與經過編輯再製圖片的差別在哪

薇妮有很多圖片是用8~9張去合成 但過程很繁瑣

在此僅公開較簡單的圖片編輯再製過程給大家看


背景完成效果圖



素材1.底圖


素材2.石頭



教程:
1.開啟素材1.底圖調整好大小裁切為550X413

2.拉進素材2.石頭把上面的天空用橡皮擦擦掉 放到適當的位置 圖層改為明度

3.新增一圖層 倒入油漆桶 顏色調成#1d1dc3 圖層改為柔光就完成了

其他細部的微調看個人功力 這邊不教了

加了人物的效果圖

到許多格友家拜訪

常常遇到回應或留言要驗證碼

每每要按上好幾次,還會跟我說驗證碼錯誤~

有些套用版型後,驗證碼的框超難點

因yahoo設定為回應、留言驗證碼開啟

所以有許多格友並不是很清楚

那抹~~雞婆的寫了篇教學~圖利我自己~

若不知道自己格子有無開啟驗證碼

請自己回應在自己格子試看看就知道了~

步驟很簡單

請看

  1.先點選管理部落格

 2. 再點選網頁左上角基本設定的部落格資料

 3. 網頁拉到最下面,將回應與留言的驗證碼打勾取消

有沒有很簡單啊~

有看到的格友快點改~

這樣才不會點了好多次,都回應不了~

要不然就是框框點到要昏倒,還要亂點一通才矇上~

本文引用於 ~   軟體教學區

rosa(18)適用於blog照片展示的五種遮罩

這幾款遮罩的製法相當簡單，稍加變化即可展現不同的風貌。

《 第一款 》 

一、檔案/新的編輯：640x 480、白色、不透明度100%。 

二、選取/全部選取。於視窗左側按「矩形選取」工具；於右側屬性區設壓力100、柔邊30(柔邊決定邊框的厚度)。 

三、選取/反相選取，影像/填滿：顏色選黑色。 

四、濾鏡/風格化/馬賽克。 

五、濾鏡/銳化：強度100。

六、檔案/另存影像：mk61.png(8位元遮罩外框格式) 

第一款套圖效果 

《 第二款 》 

與第一款作法相同，只是將步驟二中的柔邊改成60，即完成遮罩mk62.png。 

第二款套圖效果 

《 第三款 》 

一、載入mk62.png(注意：此時尚未作選取動作)。 

二、濾鏡/風格化/馬賽克：43。 

三、此時執行濾鏡/藝術風/潑濺效果，檔案/另存影像，即完成mk63.png。 

第三款套圖效果 

《 第四款 》 

四、與第三款作法相同，略過步驟三，直接執行濾鏡/去雜訊：遮罩大小9x9、門檻100。 

五、濾鏡/藝術風/彩色描邊。 

六、選取/全部選取：右邊屬性區設壓力100、柔邊12。選取/反相選取，影像/填滿：顏色選黑色。檔案/另存影像，即完成mk64.png。 

第四款套圖效果 

《 第五款 》 

一、載入mk61.png，濾鏡/藝術風/潑濺效果：18。 

二、濾鏡/藝術風/油畫效果。 

三、濾鏡/風格化/馬賽克。 

四、選筆刷工具：黑色，於邊框上隨意塗抹。 

五、濾鏡/風格化/馬賽克。 

六、濾鏡/藝術風/潑濺效果，檔案/另存影像，完成mk65.png。 

第五款套圖效果 

~製作上傳

這是小格第一次製作有關Ulead GIF Animator 5的教學,作的不好也請大家多多包涵

如果有需要歡迎引用

引用時也請大家不要移除我的樂果喔!!

先讓來看看製作完成後的成品!

首先你必須要有 【Ulead GIF Animator 5】  的軟體

以及 PhotoCap 5.01  的軟體

1.打開Ulead GIF Animator 5後，檔案-->開啟圖像-->選擇需要合成的GIF圖檔-->開起舊檔

2.點選"檔案"-->另存為-->圖像畫格-->輸出所有畫格-->名稱自訂-->存檔(建議新增一個資料夾)完成後先關閉Ulead GIF Animator 5

3.打開PhotoCap 5.01後，於主畫面中載入選擇需要合成的圖片-->點選右方照片物件
(盡量能與需要合成的GIF圖檔大小一樣，當然也可以不需要一樣，
不過GIF圖檔放置的位置必須相同才能做出美美的圖片喔!)

4.加入剛剛用Ulead GIF Animator 5輸出的第一張圖片-->此時的畫面

5.雙擊滑鼠，開啟照片物件屬性設訂-->圖層設訂-->混合模式選＂相乘倒數"-->OK

6.此時的畫面，直接儲存檔案名稱自訂存檔(如XXX001)

7.滑鼠右鍵-->移除選擇的物件，重複步驟三"點選右方照片物件"-->
步驟四但此時要加入的是第二張圖片(以後依序加入3.4.5.....)
步驟五相同-->步驟六儲存檔案名稱XXX002(以後依序加入003.004.005.....)
完成後關閉PhotoCap 5.01

8.重新打開Ulead GIF Animator 5後，檔案-->開啟圖像-->
選擇XXX001-->加入畫格-->加入圖像滑鼠+Shift加入其他所有圖像

9.點選畫格2"刪除畫格"-->點選上方"預覽"看成果，滿意的話選擇"最佳化"儲存，這樣就大功告成囉！

最後，上傳到自己的網路空間，取得圖片網址，就能將自己製作的圖片貼在blog啦!!

12、新建一个图层，用钢笔勾出边缘高光部分选区，填充颜色：#ED6C35，如下图。

13、新建一个图层，用钢笔勾出图24所示的选区，拉上图25所示的线性渐变。

14、新建一个图层，用钢笔勾出空隙部分的饿选区，拉上暗红至红色线性渐变。

15、在背景图层上面新建一个图层，用钢笔勾出图27所示的选区，拉上图28所示的线性渐变。

16、同上的方法作出高光和金色部分，效果如下图。至此左边部分的基本完成。

右边部分直接复制过去，水平翻转一下即可。

最后调整一下细节，完成最终效果。

分享一張最近作的多框.
底圖是運用PSD的模版素材.自己稍微變化一下.
就成了美美的底圖.
大家善用一些小物件.自己動手做看看.
以下簡單地作了個教學.希望大家看的懂.

取自 灰原雪莉  分享

挖寶上傳整理

 
紅色框框中的圖 即為霝兒擺放的預覽圖
 
發表文章後 會呈現如下圖的樣子
↓
 

 
也就是在文章內容前列 會有一張預覽圖示
 
這是方便自己分類管理文章所用
 
也方便格友們先預知文章大概內容而做的設定
 

 
至於如何擺放預覽圖 方法很簡單
 
如下圖 ↓
 

 
文章發表編輯時 於後台【加入相片處】上傳即可
 
有兩種選擇方式
 
(一) 本身電腦直接上傳
 
(二) 先上傳部落格相簿中再挑選
 
因為霝兒的預覽圖是從自己電腦上傳的
 
所以才會貼上 【此圖無需複製】的告示
 
就算複製了 引回貼上也無法顯示的唷
 
其實霝兒每篇版型發文 都已先將預覽圖做裁切
 
格友們只要將最頂的那張圖先複製於電腦中
 
於引文時再上傳文章中 就能看到預覽圖示了 
 

 
這樣不知格友們明白嚕嗎？
 

想當初 霝兒也是一頭霧水 摸不著頭緒 全靠自己摸索
 
希望這篇解說 有幫到一些不懂預覽圖如何張貼的朋友們
 
祝大家 網遊愉快
 

 
 
 
 
 
 
 

引用：http://tw.myblog.yahoo.com/jw!V3nxAk.BFRm.p9KGFpExf.kL8ws_/article?mid=9718

有格友詢問小格應該如何製作透明泡泡

其實很簡單,只要運用向量圖形中的圓形就能自己製作出漂亮的泡泡囉!

 此文由 ~製作上傳

如果有需要歡迎引用

引用時也請大家不要移除我的樂果喔!

我們就先來看完成時的成品吧!

第1款透明泡泡製作方法(適合用於邊框裝飾)

1.檔案-->新的編輯-->尺寸640*480-->顏色:白色-->透明度0%-->將上方的快取選取顏色組合換個顏色方便以下的作業

2.於主畫面右方向量圖形物件中找到圓形物件,快點二下進入"向量物件屬性設定"-->"線段設定"-->"透明度設定"

3.執行"圖層"-->"合併所有圖層"-->"選取工具"-->"矩形選取"-->儲存為32位元(含透明度的資訊)

第2款透明泡泡製作方法(適合用於圖片裝飾)

＊＊這一款需製作兩個不同透明度的球形,讓泡泡增加亮度

1.檔案-->新的編輯-->尺寸640*480-->顏色:白色-->透明度0%

2.於主畫面右方向量圖形物件中找到圓形物件,快點二下進入"向量物件屬性設定"-->"透明度設定"

設定方法如下圖所示

3.泡泡亮點製作設定方法如下圖所示

兩個球形合併後的效果

4.執行"圖層"-->"合併所有圖層"-->"選取工具"-->"矩形選取"-->儲存為32位元(含透明度的資訊)

自製計數器-150多種任您選擇

打出特殊符號方法大約如下五種方式

(1)使用新注音輸入法打特殊符號內碼
 

要切換到新注音輸入法且要半型

按左上的 再按 鍵盤上英文字 鍵
 

打數字時要使用鍵盤上上方那一排的數字不可使用右邊九宮格中數字

如下圖解

☞☞ 熱門符號 代碼~~請參考下方網址

使用新注音輸入法打特殊符號內碼
http://tw.myblog.yahoo.com/lucy-2/article?mid=3786&next=3730&l=f&fid=20
 

(2)另使用英數輸入法時

使用Alt+右邊九宮格數字打出特殊符號

如下圖解

使用英數輸入法時
 

特殊符號打法
打出☆★♀♂ 等字符

按著『Alt』輸入號碼41408上下的號碼，打出 ㊣

然後放開『Alt』。

按住ALT 按數字不會顯示才行
 

(一定要按數字區(Num Pad)的數字才有效)
 

                       ↑也就是右邊小鍵盤上的數字鍵
 

下方按Alt+符號內碼數字 的一些符號內碼

☆ 41400 41410 ﹟41420 ＞ 41430 ﹤41440 ㏒ 41450 ↑ 41460 ／ 41470
★ 41401 ￣ 41411 ﹠ 41421 ＝ 41431 ﹥ 41441 ㏑ 41451 ↓ 41461
◇ 41402 ˍ 41412 ﹡ 41422 ≦ 41432 ﹦ 41442 ∫ 41452 ← 41462
◆ 41403 ˍ 41413 ＋ 41423 ≧ 41433 ～ 41443 ∮ 41453 → 41463
□ 41404 ﹉ 41414 － 41424 ≠ 41434 ∩ 41444 ∵ 41454 ↖ 41464
■ 41405 ﹊ 41415 41425 ∞ 41435 ∪ 41445 ∴ 41455 ↗ 41465
▽ 41406 ﹍ 41416 41426 ≒ 41436 ⊥ 41446 ♀ 41456 ↙ 41466
▼ 41407 ﹎ 41417 41427 ≡ 41437 ∠ 41447 ♂ 41457 ↘ 41467
㊣ 41408 ﹋ 41418 √ 41428 ﹢ 41438 &ang90; 41448 ⊕ 41458 41468

(3)使用無蝦米輸入法打特殊符號內碼
http://tw.myblog.yahoo.com/lucy-2/article?mid=600&prev=3730&l=f&fid=20

(4)利用鑑盤上Ctrl + Alt 鍵

按下叫出特殊符號小視窗打特殊符號
http://tw.myblog.yahoo.com/fanlucy-fanlucy/article?mid=3563&next=391&l=f&fid=22

(5)使用自己電腦中字元對應表中複製特殊符號

http://tw.myblog.yahoo.com/lucy-2/article?mid=3786&prev=3956&next=3730

部落格常用語法解說

語法說明：

範例：

/*Links網頁超連結*/
a,a:link,a:visited{color:#6600CC;text-decoration:none}
a:hover{color:#FFFF00;background-image:url(http://圖檔網址.gif);background-repeat:repeat;border:1px dotted #6600CC;position:relative;top:1px;left:1px}

＊部落格背景

語法說明：

範例：

/*Background部落格背景*/
body{background-color:#9966FF;background-image:url(http://圖檔網址.gif);background-attachment:fixed}

＊奇摩置頂欄

語法說明：

範例：

/*Master header奇摩置頂欄*/
#yhtw_masthead{display:none}

＊奇摩置底欄

語法說明：

範例：

/*Master foot奇摩置底欄*/
#yhtw_mastfoot{display:none}

＊主標題欄位

語法說明：

範例：

/*Blog title主標題欄位*/
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .thd{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:0% 100%;width:380px;height:45px;font-size:16px;text-align:right}
#yblogtitle h1{color:#FFFFFF;font-weight:bold}
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}

＊招呼語欄

語法說明：

範例：

/*Blog blast module招呼語欄位*/
#yblast{text-align:right}
#yblast .bg{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;width:150px;height:30px}
#yblast .text{font-size:10px}

＊文章欄

語法說明：

範例：

/*Article文章寬欄位*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)}
.blgtitlebar h2{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;color:#FFFF00;padding-left:30px}
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div{zoom:1;filter:alpha(opacity:0)}

＊左右窄欄

語法說明：

範例：

/*Blog category list module左右窄欄位*/
.yc3sec .mhd,.yc3sub .mhd{filter:alpha(opacity=0)}
.yc3sec .mhd h3,.yc3sub .mhd h3{background:url(http://圖檔網址.gif);background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;font-size:12px;padding-left:25px;padding-top:5px}
.yc3sec .mbd,.yc3sub .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)}
.ycntmod .mbd ul.list li{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;padding-left:25px;padding-top:10px;_line-height:1.5em}
.ycntmod .mbd ul.list li.more{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat}
.yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#FFFFFF}

＊欄位框線圖

語法說明：

範例：

/*Shared rounded corner for all modules欄位框線圖*/
.ycntmod .rctop{background:url(http://左上圖檔網址.gif) left top no-repeat;margin-right:20px}
.ycntmod .rctop div{background:url(http://右上圖檔網址.gif) right top no-repeat;height:20px;right:-20px}
.ycntmod .rcl{background:url(http://左直圖檔網址.gif) repeat-y}
.ycntmod .rcr{background:url(http://右直圖檔網址.gif) right repeat-y}
.ycntmod .rcbtm {zoom:1;background:url(http://左下圖檔網址.gif) left bottom no-repeat;margin-right:20px}
.ycntmod .rcbtm div {background:url(http://右下圖檔網址.gif) right bottom no-repeat;height:20px;right:-20px}

註：左右窄欄位的預設寬度為width:140px，設定為120px較不會影響框線

＊捲軸

語法說明：

範例：

/*Scrollbar捲軸區色彩*/
html{scrollbar-face-color:#9470DB;scrollbar-track-color:#C48AFF;scrollbar-3dlight-color:#AB57FF;scrollbar-highlight-color:#6B00D6;scrollbar-shadow-color:#AB57FF;scrollbar-darkshadow-color:#6B00D6;scrollbar-arrow-color:#7800F0}

＊自我介紹

語法說明：

範例：

/*Profile自我介紹欄*/
#yprf{display:none}
#ymodprf .nickname{font-size:12px;font-weight:bold;filter:alpha(opacity:0)}
#ymodprf .horos{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:0% 50%;color:#FFFFFF;width:40px; height:50px}
#ymodprf .horos img{display:none}

＊更新日期

語法說明：

範例：

/*Blog latest update module更新日期欄*/
#ymodupdate{display:none}

＊部落格相簿

語法說明：

範例：

/*Blog album module部落格相簿*/
#ymodalbum h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:180px}

＊留言版

語法說明：

範例：

/*Blog guest book module留言板欄位*/
#ymodmsgbd h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:40px}