1.試著用CLIP STUDIO PAINT製作LINE貼圖吧

文章推薦指數: 80 %
投票人數:10人

以LINE貼圖的尺寸來說,標準貼圖的最大尺寸是寬(W)370×高(H)320px,可以設定成這個範圍內自己畫得順手的尺寸(我平常都是畫成正方形),如果要製作 ... 主頁 專家的插圖繪製講座:オカヤマ(Okayama) [1]用CLIPSTUDIO製作LINE貼圖的好處 [2]建立新畫布・設定範本 [3]圖層蒙版的設定 [4]寫出圖像 這是由插畫家Okayama老師所帶來的LINE貼圖製作講座。

講座內還會解說使用CLIPSTUDIOPAINT製作動態貼圖的方法! ▼完成圖看來會像是這樣。

上面用日文寫著「了解了」。

・作者檔案:オカヤマ(Okayama) 以販售LINE貼圖為契機,開始作為插畫家進行活動。

因為興趣的關係,也有在繪製搞笑4格漫畫。

[1]用CLIPSTUDIO製作LINE貼圖的好處 給想要嘗試製作LINE貼圖的人。

繪製LINE貼圖時特別容易碰到的困難應該是「貼圖要畫成一組」這件事吧。

<申請時需要的圖像數> 貼圖:8個、16個、24個、32個、40個 動態貼圖:8個、16個、24個 在申請販售LINE貼圖時,必須依照種類準備規定數量的圖像。

雖然習慣畫圖的人也許可以輕鬆迅速地畫好,但有時過程中也會發生沒梗或是花太多時間繪製之類的狀況。

但是,平安拿到販售貼圖的許可之後,只要不發生太嚴重的問題,貼圖就能一直在商店上進行販售。

就算一開始銷售量不是很好,還是可能有人會用關鍵字搜尋購買、被特集介紹而引起注目或因為名人在官方帳號使用而產生人氣,沒有人知道機會何時會降臨。

總之我覺得先畫完全部種類是最重要的。

要準備的圖像張數很多,所以提高作業效率這點很重要。

我自己的話是使用CLIPSTUDIOPAINT來製作貼圖,靠它方便的功能成功提高了作業時的效率。

關於詳細的功能,從下一回開始會進行說明。

■CLIPSTUDIOPAINT的便利功能 ・使用向量圖層繪製的線稿可以進行細節的修正 (會在連載第2回進行介紹) ・能用裝飾或其他豐富的素材來輕鬆增加變化 (會在連載第2回進行介紹) ・能使用動畫插圖功能製作動態貼圖 (會在連載第4回進行介紹) ※為了在WEB上瀏覽,這張圖像以動畫GIF格式寫出。

[2]建立新畫布・設定範本 首先選擇[檔案]選單→[新建],建立新畫布。

接著將[單位]設定為[px](①)。

以LINE貼圖的尺寸來說,標準貼圖的最大尺寸是寬(W)370×高(H)320px,可以設定成這個範圍內自己畫得順手的尺寸(我平常都是畫成正方形),如果要製作動態貼圖的話,最大尺寸是寬(W)320×高(H)270px,同樣設定在這個範圍內。

製作準則中規定解析度須在72dpi(③)以上。

另外,因為會以無背景的png格式提交,所以這邊取消紙張顏色的勾選(④)。

這時候,按下[預設]欄右側的[登記至預設]按鈕(⑤),就能將尺寸設定登記至預設,把「LINE貼圖」、「動態貼圖」等名稱登記為預設名稱,下次要畫新圖時就不用再一一輸入尺寸等,會很方便。

【POINT】 製作動態貼圖時,可以使用事先登記在[預設]中的[動畫貼圖×1(原尺寸)]、[動畫貼圖×2(2倍)]。

選擇預設後,紙張顏色就會自動取消勾選。

因為貼圖的規定尺寸偏小,所以如果想要進行細部的描繪或修正的話,推薦先製作成較大的尺寸,之後再來縮小。

另外,如果打算把貼圖圖像用在宣傳的傳單或商品等其他用途上的話,可以選擇大尺寸+解析度300~350dpi來製作,後續要做成LINE貼圖時再調降解析度。

※製作・申請LINE貼圖時,請在LINECreatorsMarket網頁上確認製作準則。

[3]圖層蒙版的設定 LINECreatorsMarket的製作準則中標示「剪裁後的圖片與貼圖圖案之間必須有一定程度(10px左右)的留白,因此請在設計貼圖的同時考量上下左右的位置平衡」。

事先在畫布上設定好圖層蒙版的話,就算畫到快要超出尺寸,也能漂亮地顯示出超過的部分。

■設定圖層蒙版的步驟 (1)選擇[圖層]選單→[新圖層資料夾],建立圖層資料夾。

(2)使用[選擇範圍]選單→[全部選擇]來選取畫布整體。

(3)選擇[選擇範圍]選單→[縮小選擇範圍]。

(4)在[縮小選擇範圍]對話方塊中將[縮小寬度]設定為[10]px,點選[OK]。

(5)接下來,選擇[圖層]選單→[圖層蒙版]→[在選擇範圍外製作蒙版]。

(6)就能在圖層資料夾上建立蒙版。

在這個圖層資料夾中建立圖層的話,就算畫到留白部分,圖像上也不會顯示。

另外,在圖層面板的蒙版圖示上點選右鍵,並在顯示的選單上選擇[顯示蒙版範圍],留白的部分就會變得比較容易辨認。

※下圖畫布的紫色部分是蒙版範圍。

【POINT】 想要以大尺寸來製作時,可以先以規定的尺寸設定好蒙版,再用[編輯]選單→[變更圖像解析度]來放大,這樣蒙版的寬度也會跟著放大,很推薦這個做法。

準備好畫布和蒙版後,就可以開始畫圖了,線稿和上色等在繪製時會用到的便利功能會在第2回、第3回進行介紹。

[4]寫出圖像 (1)以[檔案]→[保存複製]→[.png(PNG)]方式寫出。

這時候如果照想要排列的順序來把貼圖的檔案名稱命名為「01」到「40」(動態貼圖的話到「24」為止),申請時的上傳作業會輕鬆很多。

不要忘記把以大尺寸繪製的貼圖恢復為下面的尺寸,這點需要多留意。

・普通的貼圖:寬(W)370×高(H)320px ・動態貼圖:寬(W)320×高(H)270px 另外,把用大尺寸繪製的圖縮小時,如果圖的內容變得太瑣碎可能會讓申請無法通過,請注意。

(2)製作好全部的貼圖後,就要準備主要圖片「main」和聊天室標籤圖片「tab」。

這2個圖像如果不是下面的尺寸就無法進行上傳,請務必製作成這個尺寸。

・主要圖片:寬(W)240×高(H)240px(如果是動態貼圖的話,也能使用APNG格式) ・聊天室標籤圖片:寬(W)96×高(H)74px 畫布尺寸可以用以下的步驟來進行變更。

■以想要使用的320×270px貼圖來製作聊天室標籤圖片時 ①將[編輯]選單→[畫布尺寸的變更]設定為384(96的4倍)×296(74的4倍) ②將[圖像解析度的變更]變更為96×74 ③[平面化影像並寫出]或[寫出動畫] ※如果要製作主要圖片的話,①先以[變更畫布尺寸]將畫布尺寸設定為正方形,②再以[變更圖像解析度]將它變更為240×240來寫出。

【POINT】 如果有固定的繪製尺寸,將寫出用的設定登記至自動動作上來使用會很方便。

將貼圖圖像直接作為主要圖片、聊天室標籤圖片使用時,只要登記一次就能馬上寫出。

主要圖片是在開始販售時會被陳列在一覽表上的圖像。

使用畫好的貼圖中特別讓人印象深刻或是容易了解內容的來製作主要圖片,應該會比較容易吸引到顧客的注意。

另外,標籤圖片像是在購買後會出現在貼圖選擇畫面的圖,使用能呈現出整體主題的圖像,使用的人應該比較容易找到。

(3)湊齊全部的貼圖圖像「01.png」~、主要圖片「main.png」、聊天室標籤圖片「tab.png」後,就將它們收納進同一個資料夾裡,並右鍵點選資料夾→「壓縮」→「.zip」來建立zip檔案。

接著在LINECreatorsMarket的個人頁面上登記新貼圖來完成申請。

【POINT】 在把貼圖圖像寫出成png格式前,讓我們先重新檢查一次整體,確認有沒有透明度的問題或錯字等等。

因為申請被駁回後要再次審核會花上不少時間,所以盡量注意不要因為單純的失誤而錯過販售時期。

另外,如果發現了在貼圖審核時沒注意到的問題,最糟糕的狀況是必須停止販售然後重新製作,所以建議用自己的眼睛好好確認清楚。

下一回要解說繪製貼圖線稿時用起來很便利的向量圖層使用方法以及文字的輸入方式。

專家的插圖繪製講座:オカヤマ(Okayama) #1 byClipStudioOfficial 回到系列的第一頁 上一頁 下一頁 對此投稿按「讚!」的用戶 留言 最新 https://www.youtube.com/watch?v=5hm4f7zsszA&t=8s #1 輕鬆為球賽製作動畫:籃球案例 27 0 說明不同天氣的提示 33 1 3D教程 #3 ClipStudioPaint中的3D模型簡介 101 0 激活您的CSP訂閱計劃 35 0 查看更多 最新官方 官方 【國際漫畫校園大賽2022】聲援與講評 #1 PAGPAG(講評:集英社) 1,773 0 官方 【國際漫畫校園大賽2022】聲援與講評 #12 旅程(講評:KADOKAWA) 1,465 2 官方 【國際漫畫校園大賽2022】聲援與講評 #2 FREESTYLELIFE(講評:AmutusCorporation) 2,580 2 官方 【國際漫畫校園大賽2022】聲援與講評 #3 ¡AdiósNonnina!(講評:PlanetaCómic) 1,681 2 查看更多 專家的插圖繪製講座:オカヤマ(Okayama)系列一覽 1.試著用CLIPSTUDIOPAINT製作LINE貼圖吧 141,550 278 2.以向量方式製作線稿・輸入文字 63,255 42 3.上色、裝飾 49,402 21 4.動畫貼圖的製作 63,163 77 查看更多 ClipStudioOfficial的其他文章 PAGPAG(講評:集英社) 1,773 0 旅程(講評:KADOKAWA) 1,465 2 FREESTYLELIFE(講評:AmutusCorporation) 2,580 2 ¡AdiósNonnina!(講評:PlanetaCómic) 1,681 2 HOPE(講評:Ki-oon) 1,033 0 查看更多 CLIPSTUDIOPAINT初學者入門必看! 學習Win/mac版的基本操作和功能 【平板電腦版】學習CLIPSTUDIOPAINT的基本操作 【智慧型手機版】學習CLIPSTUDIOPAINT的基本操作 數位繪圖的基礎講座 CLIPSTUDIOPAINT初次的插圖 來描繪漫畫吧!黑白漫畫篇【PRO/EX】 擬真水彩筆刷的塗色方法・設定訣竅 動畫・練習 查看更多 專家的技巧統整 吉田誠治 Denki lack SHIKIMI 井上のきあ(NokiaInoue) 森倉円 kamakilimai 餅田Moo SaitoYoshinobu Na-ko 查看更多



請為這篇文章評分?