在之前的「好想成為Vtuber」系列中，介紹了製作整個Live2D模型的大致流程， 接下來要針對各部位的製作細節來為大家做說明。

今天要介紹Photoshop的照片轉繪畫效果的海報設計風格（上篇）， 以下是完成的效果圖，首先我在PEXELS這個網站上，下載無版權可商用的照片，而我下載的是Cosplay風格的照片，這樣轉換成手繪效果比較有動漫風，效果如下圖。

文、Simi老師 上次說明了如何匯出影片以及連續靜態圖檔的方式，這次則是要告訴大家如何匯出可以用在Vtuber捕捉軟體，或在unity中操控應用的格式。紋理，即材質（texture），就是在模型上的圖案部分，如果沒有先編輯紋理的話是無法匯出模型的。首先點選功能表：建模／紋理／

文、Simi老師 AI繪圖雖然已經不是新聞，但最近的AI繪圖已經來到了一波新的高度，使用的門檻也降低許多，於是再次掀起話題。有人認為：「AI好會畫畫，繪師們是不是要失業了？」也有人覺得：「AI不過是工具，對來說我沒什麼差別。」

文、Simi老師 在動態完成後，就可以將模型到Live2D官方的nizima LIVE，或第三方開發的VTube Studio等面部捕捉軟體中使用。但這類型的捕捉軟體基本上都是利用電腦視訊鏡頭，且針對臉部表情與口型變化為主，所以在這之前還是要先在Live2d中的Animation

文、Simi老師 Live 2D動畫的參數設定有許多細節要注意，設定原則就是從「小」調整到「大」，也就是：五官表情→頭髮晃動→頭部Z軸擺動→頭部XY軸擺動→呼吸&身体→其他因為畫圖的習慣是由「大」畫到「小」，由「粗」畫到「細」，因此在剛開始做Live2D動畫時很容易直覺的就依樣

文、Simi老師 上次針對目前主流的兩個骨骼動畫軟體做介紹，就結論來說，如果要做V皮的話還是Live2D比較合適，因此接下來我們就以Live2D為主來做介紹。用Live2D製作動畫大致上的流程為：角色設定 → 原畫＆拆分 → 骨骼綁定＆參數調整 → 演出 今天主要說明原畫＆拆分的

文、Simi 關於用Live2D製作動畫的流程：角色設定 → 原畫&拆分 → 骨骼綁定&參數調整 → 演出 上次已經針對原畫以及拆分做說明，這次的重點則是放在綁定的部分。在匯入模型時，只要將處理完的PSD檔直接拖曳拉到Live2D的視窗，就會自動將圖層轉換為部件，由於免費版有尺寸限制

文、Andy老師 大家好，今天要跟各位介紹手的畫法，首先先畫一個正方形，代表手掌，再將方形切斜邊，寬邊在上，為手指的位置，再將整體切左右一半，如下圖。接著即可分出四隻手指，所以左右分一半剛好左右各兩隻手指，接著再往左或右畫出拇指，而母指有三節，只是是從掌底開始往上算三節手指，再來是

文、Simi老師 近年Vtuber相繼崛起，經常用來製作V皮的骨骼動畫軟體「Live 2D」也紅火了起來。在開始學習之前，你瞭解什麼是骨骼動畫嗎？跟傳統的逐格動畫有何不同？除了Live 2D還有哪些骨骼動畫軟體呢？就讓這篇文章來告訴你吧！何謂骨骼動畫？骨骼動畫軟體常用於遊戲與動畫的

文、Simi老師 在上次的文章中跟大家介紹了將錯視藝術融入設計與插畫中的範例與優勢，這次要具體說明該如何設計出在平面設計與插畫領域最常被運用的「多義圖形」、「圖地反轉」以及「正倒立共存」的錯視概念，以增加畫面中的趣味感及內容深度。創意發想 雖然我們把「多義圖形」、「圖地反轉」以

文、Simi老師 第一次知道所謂「錯視藝術」是在高職時參觀的「海報大師在台灣福田繁雄展」，當時只覺得挺有趣的，並未深究如何以此來創作。直到大概2016年左右，由於試圖增加自己作品深度，才終於把腦筋動到與錯視結合上。然而沒有經過足夠的學習，所以很快遇到了瓶頸，直到讀碩士班時才重新把這

文、Simi老師 學生在製作同人商品時，常常遇到各種實務上的問題，這個單元主要分享一些常見同人商品的印前處理問題，希望讓大家在製作相關商品時能更加順利！這次的主題是「造型貼紙&壓克力」，但其實不只有這兩項商品會使用到今天所說的技巧，只要是需要完整結構圖形或是需要進行切割軋形的商

文、Simi老師

文、Simi老師 這次會用我的作品範例來詳細說明如何利用符號構圖，讓大家能更深入實際應用的方式。如果還沒看過上次的概念篇，建議先去了解一下基礎再回來看這篇會更有效益喔！如何開始使用符號構圖 一般來說我自己使用符號構圖的方式有兩種：1. 根據想畫的題材情境選定一個符號之後，再依照

文/圖、SIMI 希米老師 今天的課題是要告訴大家色彩的選擇方法。這邊對色彩的研究並不是針對各物件不同色相的搭配，而是指單一物件在光影的影像下所產生的色相變化。初學者在作畫時常忽略了這一點，因此色彩會容易顯得單調。在此以樹叢為例來做簡單的說明，你看得出以下三叢的差異嗎？

文、SIMI老師 在文章開始前，先邀請各位同學來玩個連連看遊戲，你認為哪一張圖跟哪一個幾何形或符號比較像呢？給大家一個小提示，瞇起眼睛、退開一步再來看，或許就會馬上得到答案。為何要用符號構圖雖然我們提供了一些符號來輔助構圖的過程，但倒也不限於這些符號，只是這些符號的形狀本身就

文、SIMI老師 利用Photoshop製作動畫以後，除了轉存為GIF檔以外，如果想要製作成LINE貼圖可用的APNG檔，或要在Unity遊戲引擎等其他軟體中製作連續動作圖時，就必須要將動畫儲存成連續的PNG檔來使用。但是影格數量動輒數十張，一張一張存取也太過麻煩，因此就要使用

文/圖、菜鳥編 越簡單的LOGO越難設計，甚至在如何營造出企業精神時，更是讓設計者想破頭，基本上除了要用對工具，更要兼具美感，所以設計師也不是一個簡單的工作。(所以一定要支持原創設計師的啦 Y^^Y)。近期圖像平面化相當盛行，加上如果只是要一個簡單的LOGO也不想要花大錢請人設

文/圖、菜鳥編 還記得2016年，台灣投手王建民以再見三振畫下本季初登場句點，永不放棄的精神也終於在睽違959天重返大聯盟投手丘。為了慶祝台灣之光再次回到舞台，鳥編這邊用photoshop來製作棒球紋理效果文字來祝賀。喜愛棒球的也可用此方法來祝賀一下喔。 首先先建立好要製作的文字

文、SIMI老師 身為一個龜毛的重度選擇障礙患者，有時就是會為了一點小東西來來回回調很久，或是在數個構圖之間僵持不下。此時如果利用PS中的「圖層構圖」功能，就可以在糾結的時候省掉一點力氣（笑）。Step.1 開啟圖層構圖視窗首先點選功能表：視窗／圖層構圖，打開圖層構圖視窗。

文/圖、菜鳥編 鳥編會突發奇想的寫這篇教學，是在喝麥香綠茶時，看到背面的設計有了動機。以破舊斑駁效果，用PhotoShop是可以很快速製作出來，但避免Illustrator覺得偏心，所以就讓它有出場的機會吧！首先輸入文字內容(鳥編這邊使用的是思源黑體，電腦沒有的，鳥粉也可以前往下

文/圖、菜鳥編 之前鳥編提供給大家的三個方法取出word中所有圖片是不是相當實用。今天又有同事詢問了，那PDF有沒有辦法呢？所以這次也整理了一些可以快速取出圖片與文字的方法給大家。 方法一、使用編輯軟體 市面上PDF的編輯軟體相當多，鳥編這邊使用的是Acrobat DC Pro

文、菜鳥編 相信購買新居或是蝸牛族搬遷時，都會被一個問題困擾著，就是該如何裝潢佈置。如果本身手上又有些家具，也要考量擺放的位置，或是是否有額外需要在採買的傢俱。這時身為男性的人，一定要抓住表現的機會，正所謂，工具千套，用在一時。一般大部分的人應該都會先隨便拿一張紙，簡易繪製，然

文/圖、菜鳥編 前陣子鳥編參加Facebook年度盛會「Mobile Moves People 觸動商機」。在展場中看到巴西多芬的一個IG案例，相當搶眼，除了那誇張的飄逸髮型之外，還有就是男主角到位的表情。大家都知道IG上行銷，最重要也最基本的就是一張吸睛的照片。如何透過圖像來

資料來源：有.設計 如何讓一個普通隧道的畫面變得具有張力感？那就把視平線壓到最低，並且將垂直方向的線條，照著近大遠小的概念去呈現，如此一來畫面不僅僅張力出來，畫面也變廣了！如同這張台北故事館，由於我們的視線高度比建築物高，所以為了呈現建築物的整體，視平線就不會存在於畫面中，而是

文、SIMI老師 在學生剛開始學習繪畫或設計時，通常我都不會教學生們與直接創作無關的功能，畢竟大家光是學習創建造型的基本功能與創作技巧就已經分身乏術。但有些功能其實並不難，已經掌握基本技術的同學可以利用這些小功能增加自己的工作效率！這次的系列教學中，就要告訴大家如何運用PS裡面

文/圖、菜鳥編 Photoshop的功能越來越強大，設計者以往一堆繁瑣的步驟，變得越來越簡單省時。還記得在CS 5 新功能中的內容感知填滿，省去使用修補工具的時間。是不是就相當便利。而近期，官方釋出了一段影片讓人感覺驚奇，已經不只移除修補，現在還可以無中生有的新功能(Conte

文/圖、菜鳥編 記得鳥編先前介紹的「兩個方法做出IG吸睛照」 一文中，有提到參加FB年度盛會時巴西多芬的案例。一同前往的同事，今天就問了，那會場中所示範範例是怎麼製作的？鳥編就花了點時間搜尋，會場中展示的是一張GIF動態圖片，為廣告中的一小段落。廣告題材也相當特別，雖然是標榜男性

文/圖、菜鳥編 相信大家在上篇 鳥編教學：Photoshop修圖寶典 (上篇) 已經學會了怎麼用快速工具來修正圖片的偏差。四天連假下來照片多到不行，怎麼可能還一張一張修正，你說是吧。接下來就是要教大家如何使用Photoshop的批次處理。 首先，先將要後製的圖片及後製完成的圖片

文/圖、菜鳥編 連續假期結束，一定拍了很多值得回味的照片吧。相信現在大家應該多數是使用手機來拍攝，或是非高階的單眼相機。所以多少都會因為現場光度，角度等因素，造成圖片可能在亮度或是色溫上有偏差。鳥編這次就來教大家怎麼快速修正圖片，會使用到的是「自動色調」、「自動對比」、「自動色

文/圖、菜鳥編 還記得全景照片剛推出時，大家一窩蜂的拍照分享。當時一堆類似的拍攝APP推陳出新。只是觀看的方式無法以360度方式呈現。除非透過一些平台才有辦法完整呈現。而近期FB最夯的話題應該就是支援360度相片。大家應該在很多粉絲團及朋友臉書上看到這新玩意。鳥編今天就來教大家怎麼

文/圖、菜鳥編 相信鳥粉們應該熟悉Flatty Shadow的操作了，但如上一篇所提，陰影製作的過程中真的不難，但如果網站上所提供的圖示並不適合需求，則還是要自行設計扁平圖示，這時候設計師的能力就相當重要。鳥編這邊就使用菜鳥救星最常使用的鳥圖示來當範例，因為扁平化LOGO設計牽

文、SIMI老師 在進行電腦繪圖時，由於視窗可以放大檢視，因此許多人就會忍不住將圖片放到非常大來繪製局部，認為這樣就可以畫出細緻的畫面，殊不知一味地放大其實會讓作品缺乏整體感，也容易將某些部位畫得過度細緻。但若是都不放大畫面，有些細節實在難以處理，因此如何在放大作畫的同時還能檢

文/圖、菜鳥編 近年來，扁平化設計的趨勢盛行，不僅只是在平面設計應用，也廣泛的被應用在網頁設計及APP UI應用上。扁平化的概念是以單純的色塊，用圖像的方式呈現出一種簡約的風格。在後期則有一些創新的手法融入在扁平化設計中。最常見的手法就是使用陰影效果來添加一點特色，鳥編先介紹給大家

文/圖、菜鳥編 先前鳥編有介紹過Photoshop 2015 CC 的內容感知裁切工具，算是此次改版中，非常實用的一個工具。今天要來介紹的是另一個快速修圖工具，對時常要修正臉部表情的人相當方便。此工具算是液化的加強版，此次改版主要是針對臉部五官的快速編修。使用前也先確定你的版本為

文/圖、菜鳥編 要將彩色照片灰階化，只要一個按鍵就可以完成。但若是要將黑白照片彩色化，可能就要有一點能力再了。相信多數人的爸媽照片回憶是黑白照片吧，如果將這些陳年老舊的照片給彩色化，爸媽一定會相當有感觸吧。鳥編大致了解外面專門影響處理的價格，如是要將黑白照片彩色化最低也要價

文、SIMI老師 說到繁複的歐風圖騰，大家往往會退避三舍，或是轉而尋找現成素材來使用。但其實自己製作歐風花紋圖騰也可以很簡單。1.輸入文字符號首先在Illustrator開一個畫布後，使用文字工具輸入「～，？SJOCr」等帶有曲線的文字或符號，並設定為有襯線的字體。本範例使用的字體

文/圖、菜鳥編 近年來，因為SEO排名及自媒體的經營的重要性，許多公司甚至是部落客，也紛紛於自己的網站加入社群連結按鈕。提升自己網站排名及曝光的機會。目前提供這方面服務的平台很多，主要是提供 JavaScript 程式碼，在網頁上插入編碼就可呈現社群分享按鈕。但缺點就是如果要修改

文/圖、菜鳥編 相信還是有部分人不曉得點陣圖與向量圖的差別。線上查了說明文件，更容易被一些專有名詞弄得更困擾。鳥編這邊用簡單的方式讓大家了解一下。點陣圖：圖片放大會失真(模糊)。向量圖：圖片放大不會造成失真。點陣圖要轉換成向量圖，對於非專長領域的人是一件非常麻煩的事情。鳥編今天要介

文/圖、菜鳥編 CSS3提供了許多實用的屬性，不僅可以繪圖，也可以製作動畫。相對以前的作業方式省時了許多。只是在繪製元素的操作似乎就不那麼親民。需要透過定位與宣告參數的方式來製作，有點像是AutoCAD的繪圖原理。這邊就推薦大家一個平台CSS clip-path maker，可

文/圖、菜鳥編 初階篇部分，使用了選取工具與移動工具，就可以簡單的製作出破碎效果，步驟相當簡單，但只是需要慢慢的調整，如果移動的不洽當，整體的感覺也會折扣，接下來進階篇，就要教大家如何透過濾鏡來製作破碎文字效果。 步驟一、一樣也是先要變換的文字製作完成並完成點陣化文字(鳥編這編將圖

文、SIMI老師雖然20世紀初期就開始有電子遊戲的雛形產生，但當時與其說是遊戲其實也只是一些實驗或概念，並沒有什麼美術視覺可言，充其量只是一些符號與幾何形而已。直到1980年前後，以像素圖為畫面表現的《小蜜蜂》、《小精靈》等遊戲相繼出現，任天堂的《超級瑪利歐》更是風靡了全世界。

文/圖、菜鳥編 文字破碎效果也進入到最後階段，前兩篇針對Photoshop的使用，都是將文字點陣化作業，會有後續使用尺寸的問題，所以避免以後使用上的限制，可以考慮使用illustrator來製作喔。 步驟一、作法與聯成電腦菜鳥救星：字破碎效果 - PhotoShop 初階篇有點雷

文/圖、菜鳥編 補班當天，鳥編分享了一張圖片，接獲有人詢問文字效果的處理方式。所以鳥編就針對這議題來寫一篇教學文吧，這次我們就先使用PhotoShop來製作，下一篇再來針對illustrator。製作方式其實不難，只是過程中調整的步驟就較為繁瑣。當然如果想要一次製作出特效，也可使用

文/圖、菜鳥編 在多螢的時代，台灣人高達77%同時擁有三個以上的裝置，而手機的使用時間也占一天生活中一半以上的時間。所以在在大、小視窗上所要提供的資訊也當對不同，對於設計人員來說，最頭疼的就是如何在不同的視窗上提供完美的圖片。如今螢幕解析度不斷的進步，加上4K時代的來臨，動不動一

文、SIMI老師上次我們介紹了如何使用Illustrator來製作「四方連續」圖樣，但如果大家想要設計比較自由的手繪插畫圖樣時，Illustrator就不那麼合適了，所以這次要向大家介紹如何使用Photoshop來設計四方連續圖樣。1.開新檔案首先開一個方形的畫布，尺寸不拘但不

文、SIMI希米老師所謂的「四方連續」就是以無接縫的方式網上下以及左右無限延伸圖樣，然而什麼樣的情況會需要用到「四方連續」的技法呢？比較常見的有布料、壁紙、網頁或遊戲的背景…等。根據不同的需求，在AI以及PS中都各自有其便於製作四方連續圖樣的方式，今天就先來介紹如何使用

文/圖、菜鳥編 CTRL+F 快速鍵在很多軟體應用上都是屬於搜尋的功能，但在早期Photoshop版本中，則是重新套用上次使用的濾鏡。但在這次的更新中，則變成了搜尋的功能。搜尋的功能包含了下列項目：•工具•面板 (包含樣式面板)•選單項目•新的文件預設集•開啟的文件•最近使用的檔案

文/圖、菜鳥編 前陣子「你的名字濾鏡」造成一股熱潮，使用過的人應該有發現，不見得每一張都是可以達到最佳的效果，或是照片本身使用後，反而造成反效果。不過套件就是這樣，帶來快速的便利，但相對就減少了適用性。所以最好的方式就是DIY啦^^。以下就是今天的主角，鳥編就來不專業的賣弄一下。