LV. 10
GP 275

【詳細教學+實作】一體成型的Facebook大頭貼+封面照 (底下更新)

樓主 想要吃通知 good87215
748 -
媽ㄉ被朋友亂按勇者重置
巴友幫補巴幣拜託


正文開始


是否有在Facebook或各大網頁上看過那種,大頭貼照與封面照片產生互動的樣式呢?
抱持著憧憬及羨慕,但你跟我不一樣,不是萬能宅,所以只能乾瞪眼嗎?

"這次的範例雖然宅到出水,不過可以看看30.31樓的潮作品ㄛ"

預覽/版友作品集(持續更新)

>30
>31
>116


今天吃通知我 要教大家使用一款網頁應用程式 "Facebook Cover Maker"

網址 : http://www.timelinecoverbanner.com/

簡介 : 是一款第三方用戶自行研發的一個網頁應用,功能近乎齊全,操作簡單的神器
能夠幫助無作圖底子的初生之犢,完成一個華麗的封面夢

教學開始
推薦先按 "開啟圖片" 以便閱讀

1. 點開網址
這邊就是你完成夢想的開端

接下來步驟會以圖示/文字解說 同步教學(因為吃通知很專業)

2. 點選

3.之後會跳轉這個頁面 說明就在圖中

如果你是喜愛撿現成的伸手黨 給我GP之後 按右上角X 之後你自己看著辦
如果你想成為跟我一樣為理想努力不懈的技術宅 請繼續耐心看教學

4.點選" Step3(上圖) " 的進入製作頁面後會看到下圖 (此圖下文簡稱 "St 4" )


我依照常識以及個人專業 將他稍微翻譯一下 以便閱讀瀏覽
這裡你可以先仔細看這張導覽圖 以便接下來的步驟
如果你跟我一樣是個無師自通的肥宅 給完GP後 可以先行離場 謝謝謝

以下進入實作

封面底圖使用 : Piapro スイ  http://piapro.jp/t/EDd2

1. 點選圖" St 4 " 的"上傳封面底圖"
之後上傳想要當封面的圖後 就會出現下圖


如果你已經有自行後製好的圖 其實上傳到這裡 你就可以直接跳到"實作步驟4."了
如果你想在圖片上再加些東西上去 請看接下來得步驟

這邊解釋一下 所謂的解析度觀念 上述實作的原圖 解析度非常高
如果沒有剪裁到"FB封面適用尺寸" 到最後完成上傳後 圖片品質會被FacebookCoverMaker壓縮的有點慘 (製作時的預覽 因為還沒上傳 所以未經壓縮) 我個人是還可以接受 畢竟我也沒時間去剪裁我想要的圖 關於上述"封面適用尺寸" 就是"寬851px X 315px" 如要剪裁 直接輸入這些數值即可 但注意 這個網頁沒有提供剪裁服務 剪裁方法 小畫家.PS.Photoimpac都可實行 這邊就不做教學了。

如何取得"圖層"

如果你會"去背" 那你也可以跳過這裡的囉唆 如果你不會 那我教你怎麼撿現成
你想加些東西到你封面上面 可是傳上去的圖未經"去背" 導致遮遮擋檔的 但你又不會"去背"怎麼辦?
你可以
1.Google "你想要的圖 png"  結果如下


會看到圖幾乎都有"白底" 但網路的世界千萬別輕易相信 教你如何分辨圖片是否有去背

2.點開你中意的圖


會看到圖中人物的背後是 這樣才代表此圖已被專業去背 之後就可安心載下

回到實作步驟

使用圖層 : HatsuneMikuV3
http://www.crypton.co.jp/mp/pages/prod/vocaloid/images/mikuv3_img2.png

2. 點選圖 "St 4" 中的 上傳圖層


上傳完之後 就可以看到編輯框
位置要怎麼擺放 取決於你那僅存的藝術天份

3. 調整體觀感


圖 "St 4" 中的數值列 "色彩飽和亮度等.." 好像無法干涉到圖層 如有錯誤請告知

                                                                    "隱藏圖層"
如果想要專心調整"封面底圖" 可以點選"hide foreground"

4.點選右下角的 "NEXT STEP"

這邊請先登入連動你的FaceBook 方便之後操作

接下來是最重要的步驟 別再左手拿滑鼠 請放下右手中的槍械 專心看


   1  點選''套用/上傳大頭貼"
你會發現點了沒反應 但其實網頁以將你的大頭貼"自動上傳"
不會幫你更換 所你必須自行到FB自行更換 圖片從FB的相簿裡面找就好
(已經跟FB做連動為前提)


   2  點選"套用/上傳封面照片"
之後會進到以下畫面
(已經跟FB做連動為前提)

點選之後
就會跳到你自己的FB


直接按儲存變更就好 不用再拖曳圖片了 因為你也拖不動

之後換上大頭貼
從相簿選取好他幫你自動上傳的大頭貼後 "可能"會發現可以拖曳移動
但這邊請不要自己手賤 一樣 直接儲存變更 千萬 不要 再拖曳!!


之後成品大概就長這樣




總結
經過我看似複雜 卻又淺顯易懂的解說後,我知道你一定在銀幕前痛哭流涕
孩子,我也是從小看教學到大的,我當時的心情一定跟現在的你差不多
所以我現在有能力的,就來發教學,回饋網路社會。
我不奢求你的崇拜或感激,但我希望你能給我GP
你都願意為了封面做這麼麻煩的事了,滑鼠滑一下左鍵點一下給個推應該不難
有種把我推到爆ㄚ 笑ㄋㄅ敢 哼

更新

畢竟本篇也算是大樓了
恕ㄘ通知我可能無法一一回覆,還請見諒
如果有使用上的困難,我們小屋聊!

內容同步發表於個人小屋
http://home.gamer.com.tw/creationDetail.php?sn=2725189


Thankyou for Watching
謝謝觀賞



748
-
LV. 15
GP 205
2 樓 巧克力好ㄘ cosmed12345
3 -
好酷ㄛ
3
-
LV. 1
GP 0
3 樓 友藏心中的俳句 a3874123
2 -
2
-
LV. 19
GP 99
4 樓 夜々 ♥ ClearSky25
1 -
那麼想要通知

就給你吧
1
-
LV. 22
GP 53
5 樓 春花 circusno1
1 -
CAR
1
-
LV. 14
GP 200
6 樓 狐狸超可愛ㄉ jay50200
1 -
雖然我FB不放大頭貼的 但還是推一下
1
-
LV. 18
GP 115
7 樓 午夜 ts861129
2 -
0.0
2
-
LV. 14
GP 10
8 樓 許邦邦 w1314520530
1 -
實用
1
-
LV. 10
GP 109
9 樓 槍聖 chuck1996
1 -
卡 實用
1
-
LV. 5
GP 1
10 樓 史密提威威傑格曼傑森 andy881204
1 -
豪猛ㄟ   讚
1
-
LV. 26
GP 468
11 樓 私はLです c1993s
1 -
先不管這個了

來接龍

我先


1
-
LV. 32
GP 1k
12 樓 新世紀深邃宅男 frankbox
9 -
我以前用photoshop做過
還蠻麻煩的
弄了好久

做好以後突然意識到
我在幹嘛?
我的FB又沒人在看
9
-
LV. 17
GP 176
13 樓 Challenge linfs69804
1 -
讚喔
1
-
LV. 10
GP 2
14 樓 雪絨花 alex50801
1 -
有教學有推
1
-
LV. 15
GP 101
15 樓 那個阿雷伊 hgjvhh08
1 -
卡個
1
-
LV. 20
GP 1k
16 樓 Lisianthus a3303980093
1 -
好酷啊
先卡 明天來搞
1
-
LV. 20
GP 63
17 樓 進擊的巨熊 piro8piro
1 -
Car
1
-
LV. 14
GP 10
18 樓 翠鳥 d0000666
1 -
卡個 看起來還不錯
1
-
LV. 7
GP 2
19 樓 kouchia privilege526
1 -
潮到出水惹 給你通知
1
-
LV. 20
GP 133
20 樓 朔玥聖翼 binfang1115
1 -
這太實用了  推
1
-
未登入的勇者,要加入 356 樓的討論嗎?
板務人員:

7537 筆精華,08/18 更新
一個月內新增 20
歡迎加入共同維護。


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

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