創作內容

124 GP

[小屋]佈景設定‧半透明圖製作流程(Photo Impact)

作者：真‧能貓│2011-04-29 04:30:06│巴幣：1,300│人氣：20893
由於Photobucket現在不支援圖檔外連，只好修改內文。


從用巴哈以來，一直沒有想自己製作佈景的動力
(用現成的就好，懶得想)
 
只是GM(GOD MADOKA)的魔力實在太龐大
第一次的佈景就以『魔法少女　まどか☆マギカ』為主題製作了
 
......上面說的都不是本文重點
 
 
 
我是來介紹怎麼製作半透明圖的
 
 
 
半透明圖是什麼？
 
 
 
底圖呈白色霧狀的那東西就是了
 
 
 
底圖可以指定顏色，但不透明的結果 = 遮住主頁的背景圖
 
也可以直接設透明，但小屋文字可能因背景圖太花而顯示不清
 

 
半透明圖兼具『畫面朦朧美 + 訪客閱讀上的愉快』功能
 
 
 
網路上已經有人教過怎麼製作了
只是我中文障礙蠻嚴重，所以打一篇自己看得懂的= ="
 
 
 
我個人是用『Photo Impact 8』修改製作圖檔
你沒看錯
都2011年了、我還在用8代(可以當古董的版本)
舊版本都能製作了，新版本沒道理不行吧，只是介面可能不太一樣
 

※2017-07-02：
由於原圖床不再支援圖檔外連，只好修改內容。
以下是用『Photo Impact X3』作教學，步驟跟舊版的Photo Impact 8一樣喔。
 
製作流程也許不怎麼簡化，但我盡量白話一點(字數不少喔......)
 
 
===========================================================
1.開新影像*2
開啟2個影像大小相同的新影像
影像像素數值隨便設(100*100、50*150都行)，但2個影像要一樣大
1個影像底色選透明
1個影像底色用自己喜歡的顏色(示範是選白色)
 
 
 
2.將有色影像複製到透明影像上
(透明底色會以灰白方格交錯狀表示)
選擇有色影像，按Ctrl + C複製影像
再點選透明底色影像，按Ctrl + V貼上，產生有色影像物件(但是不要合併影像喔)
 
 
 
3.設定有色影像物件的透明度
被跑啊跑黑色虛線包圍的東西，就是你剛在透明底色影像、貼上的有色影像物件了
若不小心拖曳到物件、使位置偏移
請按Ctrl + Z回上一個步驟，或在物件上點右鍵→對齊→垂直水平皆置中
 
開啟圖層管理員視窗(右側有按鈕可開啟)
選取那個有色影像物件，圖層管理員會有透明度可調
 
可以看到有色影像半透明化了
一般透明度選擇20~30就好，數值越高越透明、反而失去霧化美(個人感覺)
 
 
 
4.存成PNG圖檔
將設好透明度的透明底色影像存檔
記得存檔類型要選PNG(副檔名.png)，其他沒什麼需要動到的設定
儲存後可能會有『合併至基底影像』的警告視窗，請選『是』
 
 
 
5.上傳半透明圖檔
可以上傳到巴哈空間，但檔案大小限制較嚴。
或是選擇圖片置放網站(EX.Imgur、imageshack青蛙網...)，我自己是使用photobucket。
Photobucket已不支援免費外連。
由於巴哈目前只支援https開頭的圖床，可以上傳到Imgur、再將圖片網址從http改成https即可。
 
 
 
6.小屋佈景設定‧左區塊底圖半透明化
佈景的自訂樣式項目，選『進階設定』
之後出現的『整體樣式』區，有個『左區塊底圖』設定
 
網址：半透明圖檔的網址(或選擇上傳到巴哈空間)
重複：填滿整頁　→當初製作半透明圖的影像設太小時使用，補滿整個底圖
捲動：不捲動
底色：透明　→不把底色弄成透明，光圖片弄半透明就沒意義了

不只左區塊，其他部分也可以用半透明圖
如果還是不會製作、或因為不同軟體找不到設定法的話
可以直接使用下面檔案

喜歡124 收藏 126 引用 3 留言 推上首頁 檢舉
引用網址：https://home.gamer.com.tw/TrackBack.php?sn=1294490
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：佈景|小屋|透明

換了一個自己嘗試做的小屋佈景
雜談新版小屋介面及佈景展示
若葉不想妥協，最後生出了Gawr Gura這種佈景主圖
無接縫佈景【Gawr Gura】4.0!所有解析度適用
無接縫佈景【Gawr Gura】3.0!所有解析度適用

留言共 31 篇留言

蒼月さん (停用中)：
真的好白話.....

04-29 12:32

真‧能貓：
有圖輔助教學的關係吧[e19]

雖然是類似直接給魚吃的方式(把位置都標出來)
不過在文章裡寫什麼影像、基底、圖層之類的詞，一般人不見得會懂
反而失去教學意義了...04-29 16:01
巴哈姆特小管家：
親愛的巴哈勇者：

非常感謝你對勇者小屋的支持，
由於您此篇作品相當有價值，
我們會將此篇設定在巴哈首頁的精選閣樓中，
讓更多巴哈勇者能欣賞到這樣的作品。
感謝您^^

--
巴哈小屋管家 敬上

04-29 18:20

紫月華：
這程式我沒有但我有最新版的PhotoImpact X3

以前有這程式後來不知道放到哪邊找不到...

PS：訪客留言跟創作留言可用鮮明點顏色....

還有叭啦抵圖也可以製作，這樣在創作文抵圖也看的清楚

你去我小屋『創作』下面留言抵圖你就懂了^^

http://i.imgur.com/P2po8.jpg

叭啦+留言抵圖是相連的[e38]

05-01 14:01

真‧能貓：
初弄佈景時，是藍白調為主(同上面教學圖)
文字預設是黑色，所以輸入框我都弄成白色不透明

不過弄紅黑色調時要調整文字顏色，忘記會跟輸入框底色衝突=_____=
現在改成酒紅半透明，應該好一點了......05-01 17:12
蜂蜜爆米花＊°：
恭喜霜紫上了閣樓^^
這種教學好文就該推啊XD

05-02 14:29

真‧能貓：
很久以前有人發表類似的文章
只是心血來潮想弄佈景，才針對Photo Impact寫比較清楚的解說

...是說我看到小屋管家來我這
就好像過去半夜RO單練時，白衣GM突然在我旁邊兜圈子一樣(抖抖抖)05-02 20:24
居家模式.：
小圓殺傷力真的滿大的，可能是歡笑的地方比較少吧? 而AB、CLA就是有歡笑有淚水的Q口Q

05-02 15:22

真‧能貓：
我是因為虛淵玄才決定追這部...
不然光看名稱我並不怎麼想追Orz
(嘛，就算不認識虛淵、片名再可愛，半夜播出這點也知道有鬼)

個人蠻喜歡在奇幻中嵌入現實面的劇情，尤其是悲劇0.0+05-02 20:39
coconiu：
謝謝教學!!!

05-02 20:23

玥音‧黛兒‧芙雅〃：
感謝霜紫大大的教學噢~今天現學現賣做了兩個佈景^^

05-02 22:14

露可：
謝謝教導^^

05-02 22:32

山貓哥哥：
受益匪淺，感謝指導。

05-14 13:03

sigre：
爬了好多地方終於看到我看得懂得好文了(痛哭)
感謝教學喔~O_<

11-05 22:03

運命線上的小双φ：
太感謝您了~ 實在是簡單易懂
這樣一來總算可以有個不眼花撩亂的小屋了[e5]

04-01 21:42

阿墮：
恩非常的簡易謝謝大大[e1]

05-27 10:20

咲野唯：
那麼，意思就是說如果我想要用半透明圖，
我只要把有色影像檔換成我要用的影像檔就可以囉？

07-14 17:25

女人救世劍：
真的很感謝

04-13 23:48

夜漓：
謝謝分享[e38]

05-13 14:38

阿銀：
謝謝大大~

您拯救了我的小屋佈景

由於本人的電腦，不能隨便安軟體

您最後提供的圖檔幫了大忙^ ^

謝謝你~GP給~

07-07 23:09

耐水：
這方法可以用於勇造製作嗎 我也是只有佛透印配課8

07-25 00:15

真‧能貓：
我沒做過勇造......都用現成的......07-25 00:23
耐水：
佛透映佩克8 有辦法榜檔案存成png-24嗎 聽人說這個試辦透明檔

07-25 00:25

真‧能貓：
只有單純的存成png檔吧，如我內文所製作的那樣...。
換新主機後改用PhotoImpactX3也只能單純存成PNG(應該不是我沒看到......)
倒是PhotoShop有PNG-24的選項

不管是PNG-8還PNG-24都可以弄成半透明檔
PNG-24只是在遇到圖片有漸層半透明的部分可以顯示較漂亮07-25 00:47
耐水：
感謝大大解答~[e5]

07-25 00:48

耐水：
大大 我成功了 多虧你這篇 !暫啦

07-25 01:07

SHIJIN：
感謝大大呀!~~~~
我已經會囉~
不然以前都用透明，背景都不能太花，現在背景享用多花就多花~謝謝大大![e41]

08-04 20:57

冷狐：
想問大大那個程式要去哪裡下載@@?

12-29 20:20

真‧能貓：
如果你是指Photo Impact，我只會告訴你請支持正版
搜尋官網也有試用版可用12-29 20:31
冷狐：
官網在是哪個 我查查到很多的@@ 想先用個試用版 在打算正版

12-29 21:06

真‧能貓：
官網Photo Impact X3試用版下載
http://www.corel.com/corel/category.jsp?cat=cat4090151&rootCat=cat374008312-29 21:10
冷狐：
想在問個東西 背景底圖該怎放大?

12-29 22:11

真‧能貓：
如果是想新弄一張底圖
(選單)檔案→開新檔案→開新影像→使用者自訂。

如果是想把載入的舊圖放大
(選單)調整→調整大小→新影像的地方用百分比/像素調整都行。12-29 22:20
冷狐：
我想儎入一張動漫圖進去放大 可是他一直說??檔

12-29 22:23

真‧能貓：
光這樣說我也不明白......如果有截圖的話......

先看你圖檔副檔名(bmp、jpg、gif、bmp、png等常見的都能開)
再看檔案大小(太大可能因記憶體不足而無法讀取)
最後就是路徑+檔案名稱改成純英文試試

一般我是用看圖軟體ACDsee找圖、再直接拖曳到Photo Impact視窗
不過試用版鎖住此功能
只能ctrl + C先複製圖檔、再到Photo Impact案ctrl + shift + V貼成新影像12-29 22:34
冷狐：
我用ACDsee好像打不開= =@@ 不知是他壞了還怎樣@@

12-29 23:43

冷狐：
ok了 後來我把他改成小畫家就行了@@ 看來我家ACD真的壞了

12-29 23:45

冷狐：
對了 我現在把他貼進去了 想問你封面底圖是要???X???才能貼滿

12-29 23:53

真‧能貓：
如果是指把圖填滿小屋的區塊
在小屋設定底圖的地方，選填滿整頁就行啦

如果是指製作半透明、透明影像的大小要跟你用的圖一樣大
先看你的原圖像素大小，再新建一個同樣像素的透明影像即可12-30 00:00
冷狐：
感謝!!^^ 已完成~~

12-30 00:10

闇闍：
已知用火，謝謝指教

02-22 22:44

朽木：
真的很感謝這個透明圖! 不然連自己在看自己文的時候也覺得眼睛很痛...

08-18 12:52

我要留言提醒：您尚未登入，請先登入再留言

124喜歡★yachina 可決定是否刪除您的留言，請勿發表違反站規文字。

前一篇：[真三]2011/04/... 後一篇：[真三]2011/05/...

追蹤私訊切換新版閱覽

作品資料夾

ACG雜燴 (6)
└勇造繪 (1)
└ChrnoCrusade (1)
└鋼之鍊金術師 (2)

日常 (6)
└申請流程/過程 (1)

軟體/網站介紹 (4)
└錄影類 (1)
└Twitch.TV (2)
└HumbleBundle (1)

真三國無雙online (94)
└真三online_實測/解析 (21)
└真三online_武器連段 (7)
└真三online_亂戰(新) (5)
└真三online_特務 (10)
└真三online_崑崙山 (5)
└真三online_庭園 (4)
└真三online_問題人物 (26)

仙境傳說RagnarokOnline (4)
└國外RO (18)
└TwRO_雜文 (56)
└TwRO_任務流程 (10)
└TwRO_Fix (47)

Steam平台 (0)
└注音輸入法vs選字窗 (1)
└購物流程 (1)
└Steam遊戲心得 (3)

PayDay2(PD2) (14)
└PD2_插件模組 (2)
└PD2_DLC+快報 (47)
└PD2_數據整理 (11)
└PD2_任務攻略 (48)

Overwatch (5)

手機遊戲 (0)
└ねこあつめ貓咪收集 (1)

歌詞 (1)

簡易開箱文 (3)

未分類 (17)

flys8028 給 大家：
遊戲介紹的小部落格，有空可以逛逛歐 https://www.rocksugarcat.com/看更多我要大聲說4小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準，可能無法使用新的應用程式來呈現網站內容，在瀏覽器支援度及網站安全性的雙重考量下，為了讓巴友們有更好的使用體驗，巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特：
。Google Chrome（推薦）
。Mozilla Firefox
。Microsoft Edge（Windows10以上的作業系統版本才可使用）

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營，請將 gamer.com.tw 加入廣告阻擋工具的白名單中，謝謝 !【教學】