又見面了喔 ᘳᗒ.ᗕᘰ 今天一樣先幫大家複習功課,
以下目錄連結:
(1) 聊天室背景圖片篇:(2) 主要圖片篇:(3) 選單按鍵圖片篇:(4) 選單背景圖片篇: 就在這裡ᘳᗒ.ᗕᘰ
(5) 密碼畫面圖片篇: 待續
(6) 個人圖片篇: 待續
---------------------------------------
分享重點:
1. 製作流程建議
2. 畫布尺寸設定建議
3. 圖案排版/設計要點分享
4. 翻譯一下官方難以理解的LINE製作準則(詳細版)
5. 軟體只會用到Procreate
6. 這邊主要會以我個人習慣同時比較單純的做法分享
7. 細節太多,因此每個製作區域都會寫成獨立文章
---------------------------------------
前情提要:
1. 主要參考 LINE製作準則(詳細版):仔細閱讀完後列印(製作過程中會需來回確認規範,
個人認為紙本翻閱速度較快、省力)
2. 官方要求製作區域:
A.主要圖片
B.選單按鍵圖片
C.選單背景圖片
D.密碼畫面圖片
E.個人圖片
F.聊天室背景圖片
3. 我的製作順序:
F-A-B-C-D-E
這篇是C.選單背景圖片
(F、A、B的文章已經有整理出來了喔)
---------------------------------------
以下正文:
C.選單背景圖片:
● 畫布尺寸設定注意: 
以上的官方說明我讀了100遍都看不懂,
甚麼去不去背的?畫布到底要開多少?去背的部分
為何顯示黑色?我真的看的有點煩(•͈⌔•͈⑅)
這邊請讓我告訴大家一個簡單粗暴的製作方式,
幫大家留一點口德:
畫布尺寸直接開W 1472px x H 150px!
然後做有底色的圖!不要去背!畫布直接全填色!
● 背景圖案設計注意:
1. 不要去背?
到這邊可能會有人開始自我懷疑「去背」是甚麼,
簡單來說:去背就是背景沒有填滿顏色;
無去背就是有底色、畫布全填色的圖。
做全填色就是選一支你喜歡的筆刷,在畫布裡面
塗呀塗,把畫布塗的滿滿的,或是直接丟顏色進畫布裡面,變成像圖三那樣。
2. 兩端自然銜接?
畫布開好了,也上了底色,再來就是要設計圖樣,
但我們先看一下難以理解的官方說明:
「由於背景圖片會重複顯示,
請調整圖片使兩端的圖樣可自然銜接。」(蛤
以上的官方說明我看不太懂,但我猜LINE應該是為了要因應一些更大的螢幕尺寸,所以需要更長的背景圖片,而他們的方式是用接的,複製一個背景接在原本的後面,一張接一張,就變成尾要接頭=兩端銜接=
‼️W 1472px x H 150px上的頭 尾端圖案要長一樣‼️
之後圖片被複製接上後看起來才會順暢。
圖四示意圖只是幫助大家了解以上製作原理以及為何要製作頭尾圖案相同的原因:
3. 如何做圖案頭和尾端長一樣/ 頭和尾端圖案連貫?
你可以只注意頭尾端的圖案是否可以碰在一起
(如上圖紅框)
你也可以做整張對稱
(以畫布中心為基準,左右兩邊的圖案一模一樣)
以上都可用對稱模式做到,只差在對稱要做多少
4. 如何在Procreate上開啟對稱模式?
在W 1472px x H 150px畫布上→
點選左上角板手→
點選畫布選項→
開啟繪圖參考線條按鍵→
點選編輯繪圖參考線條→
點選對稱(選項調整: 勾選垂直,只選輔助繪圖)→
然後把對稱線條調到畫布中央→
再去新增一個圖層→點該圖層→勾選繪圖輔助。
開啟對稱模式後,當然你要先從畫布端點開始畫,
先確保頭尾端是對稱的(如圖四紅框區域所示),
剩下的部分就隨意,看是要繼續用對稱模式還是關掉都可。我自己是做整張對稱,如上圖四的A區域。
5. 如何做到背景頂端變化設計?
延續第一點,我請大家做有底色不做去背是因為去背的部分會顯示黑色,而我在猜,會做去背的原因是想要在背景的頂端作一些變化,如下圖紅框區域所示。
但這不是以去背的方式做成,是吸取背景顏色。
當然,你要先到官方那邊看好之後要用的配色組合,
然後截官方的圖、吸色,並開始設計,一樣注意頭尾端圖案要能夠連貫。最後看似是做成了透明背景,
但只是用了和背景一樣的顏色,所以才可以和背景
容為一體。請看圖六示意圖:
(黑框區域為W 1472px x H 150px選單背景畫布)
6. 整體設計注意:
不要做太花俏繁複、顏色太重的設計,會搶了按鍵的風頭,看起來也會很雜亂,可以看一下錯誤示範:顏色太重,設計太瑣碎再加上按鍵本身也不清楚。
● 其他相關資訊:
1. 選單按鍵跟背景需要互相搭配,請注意配色排版,搭配上篇按鍵設計服用 ・ิ≖ ω ≖・ิ✧
2. 根據官方,創作者自己還是需花錢購買上架主題呦
3. 我另有分享☆聊天室背景 ☆主要圖片 ☆選單按鍵
的製作細節,歡迎收藏起來多加利用><非常期待大家跟我分享你們的成果和想法呀,
有遇到什麼困難我們可以一起討論看看呦ლ(∘◕‵ƹ′◕ლ) 嗷嗎






