日誌2011-04-29 04:30

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

由於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.小屋佈景設定‧左區塊底圖半透明化

佈景的自訂樣式項目，選『進階設定』

之後出現的『整體樣式』區，有個『左區塊底圖』設定

 

網址：半透明圖檔的網址(或選擇上傳到巴哈空間) 重複：填滿整頁　→當初製作半透明圖的影像設太小時使用，補滿整個底圖 捲動：不捲動 底色：透明　→不把底色弄成透明，光圖片弄半透明就沒意義了

不只左區塊，其他部分也可以用半透明圖

如果還是不會製作、或因為不同軟體找不到設定法的話

可以直接使用下面檔案

白‧透明度20

124

31

LINE 分享

相關創作

【長休告知】2024/2/26

【經營】小屋未來計畫

2024/2/26

留言

• 2011-04-29 12:32蒼月さん (停用中)：
  真的好白話.....

  2011-04-29 16:01真‧能貓：有圖輔助教學的關係吧[e19]
  
  雖然是類似直接給魚吃的方式(把位置都標出來)
  不過在文章裡寫什麼影像、基底、圖層之類的詞，一般人不見得會懂
  反而失去教學意義了...

• 2011-04-29 18:20巴哈姆特小管家：
  親愛的巴哈勇者：
  
  非常感謝你對勇者小屋的支持，
  由於您此篇作品相當有價值，
  我們會將此篇設定在巴哈首頁的精選閣樓中，
  讓更多巴哈勇者能欣賞到這樣的作品。
  感謝您^^
  
  --
  巴哈小屋管家 敬上
• 2011-05-01 14:01紫月華：
  這程式我沒有但我有最新版的PhotoImpact X3
  
  以前有這程式後來不知道放到哪邊找不到...
  
  PS：訪客留言跟創作留言可用鮮明點顏色....
  
  還有叭啦抵圖也可以製作，這樣在創作文抵圖也看的清楚
  
  你去我小屋『創作』下面留言抵圖你就懂了^^
  
  http://i.imgur.com/P2po8.jpg
  
  叭啦+留言抵圖是相連的[e38]
  

  2011-05-01 17:12真‧能貓：初弄佈景時，是藍白調為主(同上面教學圖)
  文字預設是黑色，所以輸入框我都弄成白色不透明
  
  不過弄紅黑色調時要調整文字顏色，忘記會跟輸入框底色衝突=_____=
  現在改成酒紅半透明，應該好一點了......

• 2011-05-02 14:29蜂蜜爆米花＊°：
  恭喜霜紫上了閣樓^^
  這種教學好文就該推啊XD

  2011-05-02 20:24真‧能貓：很久以前有人發表類似的文章
  只是心血來潮想弄佈景，才針對Photo Impact寫比較清楚的解說
  
  ...是說我看到小屋管家來我這
  就好像過去半夜RO單練時，白衣GM突然在我旁邊兜圈子一樣(抖抖抖)

• 2011-05-02 15:22居家模式.：
  小圓殺傷力真的滿大的，可能是歡笑的地方比較少吧? 而AB、CLA就是有歡笑有淚水的Q口Q

  2011-05-02 20:39真‧能貓：我是因為虛淵玄才決定追這部...
  不然光看名稱我並不怎麼想追Orz
  (嘛，就算不認識虛淵、片名再可愛，半夜播出這點也知道有鬼)
  
  個人蠻喜歡在奇幻中嵌入現實面的劇情，尤其是悲劇0.0+

• 2011-05-02 20:23coconiu：
  謝謝教學!!!
• 2011-05-02 22:14玥音‧黛兒‧芙雅〃：
  感謝霜紫大大的教學噢~今天現學現賣做了兩個佈景^^
• 2011-05-02 22:32露可：
  謝謝教導^^
• 2011-05-14 13:03山貓哥哥：
  受益匪淺，感謝指導。
• 2011-11-05 22:03sigre：
  爬了好多地方終於看到我看得懂得好文了(痛哭)
  感謝教學喔~O_<
• 2012-04-01 21:42運命線上的小双φ：
  太感謝您了~ 實在是簡單易懂
  這樣一來總算可以有個不眼花撩亂的小屋了[e5]
• 2012-05-27 10:20阿墮：
  恩非常的簡易謝謝大大[e1]
• 2012-07-14 17:25咲野唯：
  那麼，意思就是說如果我想要用半透明圖，
  我只要把有色影像檔換成我要用的影像檔就可以囉？
• 2013-04-13 23:48女人救世劍：
  真的很感謝
• 2013-05-13 14:38夜漓：
  謝謝分享[e38]
• 2013-07-07 23:09阿銀：
  謝謝大大~
  
  您拯救了我的小屋佈景
  
  由於本人的電腦，不能隨便安軟體
  
  您最後提供的圖檔幫了大忙^ ^
  
  謝謝你~GP給~
• 2013-07-25 00:15耐水：
  這方法可以用於勇造製作嗎 我也是只有佛透印配課8

  2013-07-25 00:23真‧能貓：我沒做過勇造......都用現成的......

• 2013-07-25 00:25耐水：
  佛透映佩克8 有辦法榜檔案存成png-24嗎 聽人說這個試辦透明檔

  2013-07-25 00:47真‧能貓：只有單純的存成png檔吧，如我內文所製作的那樣...。
  換新主機後改用PhotoImpactX3也只能單純存成PNG(應該不是我沒看到......)
  倒是PhotoShop有PNG-24的選項
  
  不管是PNG-8還PNG-24都可以弄成半透明檔
  PNG-24只是在遇到圖片有漸層半透明的部分可以顯示較漂亮

• 2013-07-25 00:48耐水：
  感謝大大解答~[e5]
• 2013-07-25 01:07耐水：
  大大 我成功了 多虧你這篇 !暫啦
• 2013-08-04 20:57SHIJIN：
  感謝大大呀!~~~~
  我已經會囉~
  不然以前都用透明，背景都不能太花，現在背景享用多花就多花~謝謝大大![e41]
• 2013-12-29 20:20冷狐：
  想問大大那個程式要去哪裡下載@@?

  2013-12-29 20:31真‧能貓：如果你是指Photo Impact，我只會告訴你請支持正版
  搜尋官網也有試用版可用

• 2013-12-29 21:06冷狐：
  官網在是哪個 我查查到很多的@@ 想先用個試用版 在打算正版

  2013-12-29 21:10真‧能貓：官網Photo Impact X3試用版下載
  http://www.corel.com/corel/category.jsp?cat=cat4090151&rootCat=cat3740083

• 2013-12-29 22:11冷狐：
  想在問個東西 背景底圖該怎放大?

  2013-12-29 22:20真‧能貓：如果是想新弄一張底圖
  (選單)檔案→開新檔案→開新影像→使用者自訂。
  
  如果是想把載入的舊圖放大
  (選單)調整→調整大小→新影像的地方用百分比/像素調整都行。

• 2013-12-29 22:23冷狐：
  我想儎入一張動漫圖進去放大 可是他一直說??檔
  

  2013-12-29 22:34真‧能貓：光這樣說我也不明白......如果有截圖的話......
  
  先看你圖檔副檔名(bmp、jpg、gif、bmp、png等常見的都能開)
  再看檔案大小(太大可能因記憶體不足而無法讀取)
  最後就是路徑+檔案名稱改成純英文試試
  
  一般我是用看圖軟體ACDsee找圖、再直接拖曳到Photo Impact視窗
  不過試用版鎖住此功能
  只能ctrl + C先複製圖檔、再到Photo Impact案ctrl + shift + V貼成新影像

• 2013-12-29 23:43冷狐：
  我用ACDsee好像打不開= =@@ 不知是他壞了還怎樣@@
• 2013-12-29 23:45冷狐：
  ok了 後來我把他改成小畫家就行了@@ 看來我家ACD真的壞了
• 2013-12-29 23:53冷狐：
  對了 我現在把他貼進去了 想問你封面底圖是要???X???才能貼滿

  2013-12-30 00:00真‧能貓：如果是指把圖填滿小屋的區塊
  在小屋設定底圖的地方，選填滿整頁就行啦
  
  如果是指製作半透明、透明影像的大小要跟你用的圖一樣大
  先看你的原圖像素大小，再新建一個同樣像素的透明影像即可

• 2013-12-30 00:10冷狐：
  感謝!!^^ 已完成~~
• 2017-02-22 22:44闇闍：
  已知用火，謝謝指教
• 2017-08-18 12:52朽木：
  真的很感謝這個透明圖! 不然連自己在看自己文的時候也覺得眼睛很痛...

• 送出