#教學 Line貼圖超詳細製程與色差解決辦法

這一篇算是記錄自己繪製這次貼圖的歷程+幫助一些跟我一樣遇到輸出會出現顏色偏掉問題的小夥伴們 (*´∀`)~♥ 會發想畫這組貼圖,是因為我家領養了一隻小紅貴賓,每天看到他都覺得超級可愛覺得被療育(雖然有時候又有點機車XD) 所以就想要創造一個她形象的卡通版來做紀念+騷擾別人 (๑´ڡ`๑) 還記得當初畫完貼圖的時候,覺得『呼~心中大石頭終於落下』囉!結果輸出出來的圖片顏色差的超.級.多!! 當時真的hen崩潰!上網找了很多辦法但都無法解決,而我又不想要妥協直接出不是最滿意顏色的貼圖… 最後是自己慢慢測試很久,才終於跑出跟原本顏色差不多的版本 (´;ω;`) 以上是我的內心崩潰小前言XDD 下面會寫出我這次繪製貼圖的一些流程介紹,第一次發文,文章排版如果覺得不好看,再請稍微見諒一下惹 (́◉◞౪◟◉‵) 文有點長,請耐心觀看>< 先上成果圖 耶逼~~ヽ(✿゚▽゚)ノ
megapx
----以下是正文----- 1、申請帳號 (這個部分因為網路上都有詳細資訊我就不多說了加上我申請這些東西已經是兩年前的事情,一些細節有點忘了QQ,所以這篇我比較著墨在繪製貼圖的製程部分,如果想要了解申請帳號細節的小夥伴麻煩動動手手上網爬一下文唷><) 2、選擇繪圖軟體 這副貼圖我選擇的是用AI(illustrator)製作的,為什麼選這個,因為我覺得他的描線功能很棒,兩年前我出過另一款貼圖,是用PS畫,單純用筆畫的話,會出現線條粗細不一的狀況(不過他可以用鋼筆工具解決,但我覺得要拉那個很煩) AI它的功能就是他可以用筆刷畫線然後他會自動變成粗細相同的線條,這幫我省了很多功夫,不過如果繪圖風格本來就是要走線條粗細不一的話,可以選PS畫也OK唷~看個人習慣。 除此之外,AI有個功能是可以增設多個工作面板,他可以免去你一張一張輸出的麻煩,直接存檔可以幫你輸出多張貼圖(對於要出40張的夥伴們,我覺得挺方便的),因為PS我沒記錯的話好像還需要用分割面板的功能,對我來說相對麻煩。
megapx
AI自動分割完的工作面板長這樣(藍色的線為參考線,看個人需要可加可不加) 3、繪製草稿 我的話,繪製草稿的方式有很多種,第一種就是紙跟筆拿起乃~畫就對了,類似醬↓
megapx
這方式最簡單,手邊的萬用橡皮擦也可以隨時擦擦調整細節,然後再把照片匯入進去你要使用的繪圖軟體裡就可以照著畫囉,是不是很簡單呀~類似醬↓
第二種的話,我會選擇直接在繪圖軟體裡面開一個"草稿"圖層直接畫,然後把它筆畫的透明度降低,再在"草稿"圖層上方開一個"線搞"圖層,讓我比較好描圖(因為實際上畫,還是可能會跟草稿圖不完全一樣,草稿只是先把大略形體、POSE先畫個大概。)。以下↓
這是他的完稿圖XD↓ 變胖了許多 (́◉◞౪◟◉‵)
megapx
4、上色 這部分我也不多說,因為就是塗塗畫畫的過程~~ 容我跳過嘿 不過適當的加上一些裝飾物及特效或是背景,可以讓貼圖更豐富唷~ 一樣拿上面的自信妞來作範例 ─=≡Σ((( つ•̀ω•́)つ
megapx
如果只是單純畫擺出自信表情+字體(左圖),感覺會略顯單調(當然也是可以,一樣是看個人風格,沒有一定強求唷),但是如果像右圖一樣,我在他的鼻孔畫上噴氣的特效然後再背景加上燈燈燈燈燈~~~的發光背景 是不是整體上就豐富了許多呀 (´▽`ʃ♡ƪ) 5、輸出 這裡我直接上圖可能比較清楚(這邊一樣是AI介面唷,PS或是其他繪圖軟體的可能要自己看一下怎麼輸出嘿,因為我這組是用AI做所以針對AI的使用者來輸出)
megapx
↑在我框起來的地方按下去,然後會跑出下面這個存檔視窗↓
megapx
輸出完成後,系統就會自動幫你出成好多張啦,超級方便der (๑ơ ₃ ơ)♥
megapx
不過我當初輸出的時候,顏色不是像上面一樣是我滿意的,她輸出出來顏色深很多,我看了很崩潰,怎麼會醬!!!(抱頭) 顏色就是像下面一樣,差這麼多!右邊的完全不是我當初調的粉嫩嫩的顏色RRRR
megapx
而且我也照著line的製作規範設定一開始就是RGB模式(這很重要也要記得唷) 上網查詢原因大部分都是說是CMYK的問題,簡單來說就是有可能是製作者存成CMYK模式了,但是!BUT!還記得我上面說的嗎,我一開始就設定成RGB了怎麼會有CMYK造成色偏之說呢 (☍﹏⁰) 我甚至也絕望的乾脆死馬當活馬醫,把它改成CMYK存檔看看,嗯嗯~~果然還是不行呢 (◓Д◒)✄╰⋃╯
megapx
很絕望QQ 甚至思考了任何可能性 (請忽略錯字,在絕望的時候太急著打字所以就沒改掉了XD)
megapx
最後的結果當然還是…不行 ◢▆▅▄▃崩╰(〒皿〒)╯潰▃▄▅ 但我還是試著想要解決,畢竟是自己愛犬的貼圖,怎麼可以隨隨便便就妥協 (つд⊂) 最後的最後!!!!終於!!!!
megapx
灑花~~~~ ✧*。٩(ˊᗜˋ*)و✧*。 在這邊我就分享一下,最後是如何解決色差問題的 (๑¯∀¯๑) 首先我先在AI另存成"PDF"檔
megapx
然後她會出現輸出設定相關的視窗↓
megapx
選擇"輸出"介面,他會出現像上圖一樣的選項,在色彩轉換那邊選擇"轉換為目的地描述檔"然後目的地選擇"RGB",最後按下儲存PDF。 應該有人會疑惑,那這樣直接存成PDF不要修改設定難道不行嗎,這個我也測試過了,一樣是出現色偏狀態 (◞‸◟) ,所以後來才想出這種解決辦法。 接下來我把設定好的PDF丟入PS裡面開啟,出現的終於是跟我原檔案差不多顏色的檔案了!!!(視覺疲勞中) 不過要注意的是,PDF他丟進去尺寸好像會有點跑掉,如果沒遇到這情況的人,當然就可以放鞭炮拿去上傳貼圖囉!這邊我就再說明一下我是怎麼做的。
megapx
影像尺寸這邊,他比較麻煩的是,因為你出成PDF的狀態,就已經算是,系統幫你把圖壓死了(不曉得怎麼說明比較好懂…)簡單來說就是一張不可編輯狀態的圖。 然後line貼圖尺寸規定(規定為370*320pixel),又不是等比例的,所以如果直接把強制等比例取消掉的話,你畫的圖會被壓縮。 舉例說明: 你原本畫一個正圓,可是你強制改成line規定的尺寸,你的正圓會被壓成橢圓 這樣雖然顏色正確了,可是換成形狀不對,還是會覺得有點小小的殘念 (✘Д✘๑ ) 所以我的作法,可能會比較麻煩一點,但至少保住了他的顏色和形狀(?)
megapx
我會在PS開一個line規定尺寸的空白圖檔 然後把PDF的圖片丟進去,然後再"等比例"縮放成自己想要的大小 以下是示範GIF~~~
等比例縮放只要 shift按住 然後縮小就可以囉,然後再快樂的按下存檔鍵,一張熱騰騰 的完美貼圖就出爐啦~~呼呼呼 (*´艸`*) 6、上傳貼圖 進入他們的官網,然後新增貼圖
megapx
他會要你先填一堆東西(如上圖),嗯姆…不過上面被我馬掉了一堆,所以我在旁邊備註了一下,給那些不知道怎麼填的小夥伴了解~~ 填完之後,會跳到旁邊,要你上傳你熱騰騰的貼圖 (*´∀`)~♥ 全部上傳完成後會長這樣↓
megapx
記得唷,尺寸只要稍微不對,就會無法上傳~(他會直接出現紅色錯誤!)不過很貼心的是你可以點擊那個錯誤鈕,看一下你的貼圖是出甚麼問題唷! 上傳都完成後,可以再選擇旁邊的標籤設定,它的作用就是,只要打一些關鍵字,line就會自動偵測貼圖,可以讓消費者看到然後使用你的貼圖喔! 這樣講不曉得會不會造成誤會 (๑•́ ₃ •̀๑) 舉例說明:你在跟別人聊天,打了句"哈哈",不是上面就會出現一堆貼圖嗎,那個就是標籤功能~類似醬↓
megapx
這些動作都完成後,就可以設定你要賣的價錢(這些都可以自己設定) 設定完成後就是按下送審的按鈕啦 ლ(́◕◞౪◟◕‵ლ) 接下來就是漫長的等待~~~~~其實也不會很漫長,他們現在審核速度都蠻快的(雖然我還是被退回了3、4次 ಠ_ಠ ) 聽說如果是純圖片沒有甚麼文字的話,貌似會比較快過關 7、販售收入 我想這個應該很多人都會想要問,賣出一組貼圖會賺多少? 上網爬了一下文,有人直接計算一組數字出來: LINE代幣 = 1.76日圓 一套賣台幣30元的貼圖 (50 LINE 代幣),等於賣出88日圓 然後這88日圓還要先扣除Apple、Google等30%手續費後,再扣除被LINE收走的50% 剩下的20%才是屬於創作者的收入,金額則會顯示在販售報告上。 (88日圓 x 0.7) x 0.5 = 30.8日圓 所以說~~一組貼圖大概是賺30~31日圓左右,所以你只要看到你的銷售報告多了31塊錢,就是有人買一組的意思(另外如果要領出現金來的話可能又會被扣一些哩哩叩叩的手續,因為我沒有領出來過,所以還不知道會被扣多少 (´・_・`) ) 然後啊~創作者本人,是"沒有"貼圖的,自己創作的貼圖還是要自己買!!! 嗯姆,如果看到販售報告一直是31圓多多少少還是心裡有點玻璃碎滿地 ( ´•̥̥̥ω•̥̥̥` ) 所以說,創作者本身的心態要非常正向不可以崩QQ,一定要告訴自己放寬心(佛係賣貼圖!?)~~
megapx
不過說真的,看到自己的貼圖真的出現在對話裡面的成就感無法形容! 總之就是hen感動 (´▽`ʃ♡ƪ) 另外我也很想知道,line貼圖最前線都會推薦貼圖 不知道是怎樣才能讓他推薦(超好奇的) - 以上就是我分享貼圖的繪製過程與色偏的解決辦法,希望有幫助到人 我目前不是專於平面設計相關的職業 所以只會用類似土法煉鋼的方式解決顏色問題 :;(∩´﹏`∩);: 如果有高手指點,歡迎一起交流哦 ! 最後貼上我家最口愛的狗勾妞妞,結束這回合!! 也謝謝各位耐心地觀看我這篇落落長的文><
megapx
預祝各位創作小夥伴都能順利出版貼圖YO~~~ ─=≡Σ((( つ•̀ω•́)つ
愛心
跪
驚訝
1006
50
全部留言