聯成電腦-讓你價值連城

Photo credit：Pexels

文、kk

哈囉！我是kk，一個『從事數位行銷十多年，也熱愛幫你透過網路，創造財富』的分享家。

搜尋引擎優化（Search Engine Optimization, 以下簡稱SEO）為相對省金錢成本的導流方法。使用SEO外掛將加速操作。進入WordPress後台，點選「外掛」>「安裝外掛」，搜尋「Yoast SEO」。

再開啟任一文章，於下方列找到Yoast SEO。可預覽透過手機版和桌機版在Google搜尋引擎上的結果，以利調整版面配置。在SEO標題、Meta描述處用顏色呈現是否符合優化標準，綠色表示符合。

另外在SEO分析欄位內，則透過燈號顏色顯示優化程度，綠色為最佳。舉例：圖內顯示內部連結、外部連結為紅字，表示文內可加入其他導入站內外連結來提升優化。但建議外部連結視情況增加，因為好不容易建議的流量，希望還是留在網站上，通常外部連結會是社群媒體等，即使在站外，但仍是和網站有關的內容。其他有關文字長度、關鍵詞長度參閱即可，因為針對文字長度的優化是以拼音系統為主，針對中文不是那麼適合。

針對網站上瀏覽較高的網頁，或是覺得相對重要的網頁，可設定為「基石內容」。網站內容越多，越多不同主題，每個主題都可以有基石內容。通常這些網頁可從網站架構和內容看出以下特點：

▶ 比較和特定主題有關，彙整豐富的資訊。

▶ 較不是單純銷售商品和服務。

▶ 在網站上佔據顯著位置。

▶ 類似主題的其他文章都有透過內部連結到基石內容的網頁。

▶ 相關的內部連結數量較多。

當文章被設定為基石內容，「SEO分析」和「可讀性分析」會更加嚴格，確保提供高品質的內容給Google搜尋引擎爬蟲抓取。包括但不限於內文字數需要增加、主標和小標，以及內文要提到重點關鍵字，讓邏輯環環相扣。

關於「可讀性分析」將協助判斷段落和句子長度，站在使用者的角度來辨識，綠色燈號表示沒有問題。

文、意如老師

如何從清單中隨機抽出一筆或多筆資料，亂數抽樣產生中獎名單，本篇將實作抽籤程式，隨機抽英文單字當練習題。

任務一：認識INDEX( )函數

INDEX( )函數會傳回表格或範圍內的某個值或值的參照。

公式：INDEX ( array , row_num, [column_num])

參數說明：array為必要參數需代入要參照的範圍。

row_num   取陣列中的列，以從該列傳回值。

（如果省略row_num，column_num為必填）。

column_num    取陣列中的欄，以從其中傳回值。

（如果省略column_num，row_num為必填）。

應用範例：

準備資料

抓出筆電價格公式為=index(A1:B5,2,2)

在A1:B5 範圍內，抓取第二列、第二欄的值，結果為37600

抓出手機價格公式為=index(A1:B5,4,2)

在A1:B5 範圍內，抓取第四列、第二欄的值，結果為13000

任務二：認識RANDBETWEEN( )函數

RANDBETWEEN( )函數會傳回介於<最小值>與<最大值>兩個數字之間的亂數，最小值跟最大值都只能是整數。

公式：RANDBETWEEN ( bottom, top)

參數說明：bottom必要參數，為回傳亂數的最小值，資料只能是整數。

top 必要參數，為回傳亂數的最大值，資料只能是整數。

應用範例：

資料50-300之間隨意抽取一個數字

公式為：=RANDBETWEEN(50,300)

可以按下 F9 鍵，讓 Excel 重新計算表格中的公式（每一次都可以隨意抽取一個數字）。

任務三：認識ROWS( )函數

用於傳回參照或陣列中的列數。

公式：=ROWS (array)

參數說明：array必要參數為要取得列數的範圍。

應用範例：

取得品名A2到A7共有幾列（幾筆資料）？

=rows(A2:A7)

此結果回傳共 ”6”（列）筆資料

取得價格B1到B5共有幾列（幾筆資料）？

=rows(B2:B5)

此結果回傳共 ”4”（列）筆資料

任務四：實作應用-抽籤程式－隨機抽英文單字當練習題

4-1. 準備資料（英文單字的清單）

將此資料輸入到儲存格中（如下圖）

4-2. INDEX( )、RANDBETWEEN( )與 ROWS( )組合應用

如果需要從名單中隨機抽一題出來練習，可以使用剛剛所介紹的三個函數INDEX( )、RANDBETWEEN( )與 ROWS( )將其組合起來取得一筆隨機的題目。

公式如下：=INDEX(名單範圍,RANDBETWEEN(1,ROWS(名單範圍)))

公式解析步驟一：

先使用ROWS( ) 取得總清單的數量共幾筆資料，當作隨機數的最大值

=ROWS(A1:A10)

目前結果回傳為”10”

步驟二：接著使用RANDBETWEEN（）函數，產生一個介於 1 到名單數量之間的隨機整數。

輸入公式：=RANDBETWEEN(1,ROWS(A1:A10))

回傳亂數介於1-10 之間，目前結果回傳亂數為“3”，按下F9可以取得新的亂數值。

最後一個步驟：

使用INDEX（）函數取出對應位置的資料

最後再把範圍套進去即可

=Index(範圍,列的位置)

完整公式：=INDEX(A1:A10,RANDBETWEEN(1,ROWS(A1:A10)))

隨機抽取題目已完成囉，如果要重新抽題可以按下按下 F9 鍵，讓Excel重新計算表格中的公式即可。

4-3. 隨機取出多筆資料

若要從清單中取出多筆資料，只要將D2的公式往下複製即可產生多筆隨機資料，但要記得下拉前先將範圍資料加上＄字號鎖定儲存格範圍。

公式：=INDEX($A$1:$A$10,RANDBETWEEN(1,ROWS($A$1:$A$10)))

最後按下F9來更新隨機樣本資料。

文、Alam老師

大家好！我是Alam，這一回跟大家分享的繪圖過程是有著輕鬆休閒的3D卡通海底世界，主角是隻窩在海草、海葵及珊瑚間的章魚哥，這張圖的重點在於立體光影的表現以及如何創造出色彩繽紛的海底世界。

這是一張刻意表現海床上面的各種生態物種的繪製研究，然後再搭配輕鬆休閒聽音樂的章魚，這樣的畫面就很有趣味性了。光影效果的海底風景畫，看起來好像有點不知從何下手？其實只要事先將下手步驟分解好，要完成這張圖一點都不麻煩！

1. 首先選幾張水面泛著不規則光影的圖片，然後分三個圖層變形縮放在畫面上方。

2. 在畫布上灌上一個底部偏暗的水藍底色，然後將上述的參考圖片個別以「重疊」、「強光」等的圖層合成方式來調整出從海面下仰望上去所呈現的水波紋影像，並適度改變各圖層的不透明度，再用橡皮擦輕輕抹去各圖層下緣的邊界區域。

3. 現在，我們要先畫出海底的生態背景中所散布的海葵造形與礁岩質感，所以在此要介紹兩枝經過修改調整的筆刷：第一枝是「特效/漸層平頭筆刷」，這枝筆刷主要是利用筆壓大小來控制線條的粗細以及色彩混合度的濃淡。上下兩個極光圖層的透明度，呈現出神秘而朦朧的極光效果。

4. 另外一枝是「花紋畫筆/遮罩花紋畫筆」，但首先要擷取如圖下方自行繪製的圖樣成為連續性管狀花紋，這樣的筆刷質感可以輕鬆呈現出有螢光效果的半透明海葵效果！

5. 利用上述的兩種筆刷分別畫出崢嶸向上的管狀海葵（頭部加以修飾並注意其透視感），還有右下角讓章魚落腳的礁岩！

6. 接著加上前景處的海草，這裡有一個小技巧就是先畫出一株外型輪廓，再加以複製變形和翻轉，然後使用「特效/膨脹」筆刷分別修飾其輪廓，這樣就可以省去很多繁複的描繪工夫。

7. 完成海草的顏色層次及立體感，並重新排列布局海草的位置！

8. 繼續添加各種珊瑚來豐富海底畫面，在這裡可以選擇「花紋畫筆/遮罩花紋畫筆」，嘗試內建花紋中的「樹幹圍欄」及「纜線」來畫出如樹枝狀的珊瑚結構（也可以如步驟4.中的方法自行設計連續性花紋）。

9. 增加「重疊圖層」來為珊瑚上色，並擴充其前後層次感，盡可能的讓海底生態更顯得五彩斑斕！

10. 繼續在礁岩上畫出主角章魚哥的基本輪廓和明暗設定！

11. 使用「畫刀/羽毛筆」在最後方補上一些朦朧的海草，繼續調整章魚哥的明暗立體質感（這裡可以使用「特效/發光」就能輕鬆處理了），並填充畫面元素間的空隙處！

12. 在章魚頭上畫出酷酷的墨鏡（注意立體感及反光）、嘴巴和章魚腳上的吸盤！

13. 接下來，用我最常使用的「照片/加入紋路」為章魚外觀加上斑紋，然後加上有畫龍點睛效果的隨身聽。

14. 最後，添加上一些水中氣泡和遠方隱約可見的魚群身影，為了畫面的色彩平衡統一，我們可以利用「等化」效果來調整畫面色調與局部明暗，這樣，一個沉醉在海底聽音樂的悠閒章魚哥就完成啦^^。

文、Simi老師

上次針對目前主流的兩個骨骼動畫軟體做介紹，就結論來說，如果要做V皮的話還是Live2D比較合適，因此接下來我們就以Live2D為主來做介紹。

用Live2D製作動畫大致上的流程為：

角色設定 → 原畫＆拆分 → 骨骼綁定＆參數調整 → 演出

今天主要說明原畫＆拆分的部分。

如果將畫風以厚塗和色塊來簡單區分，兩種情形在做拆分時的技巧會略有不同。

（厚塗到色塊的風格分析請參閱舊文：關於風格的那些事）

厚塗的情形

在以厚塗上色的情況下，通常會傾向先依照正常繪圖程序完成原畫，之後再將每個區塊拆解開來，並把原本被遮住的部位補上。但如果有拆起來比較麻煩的部位，還是可能會在畫的時候就分開來處理。

由於我的畫風是比較接近厚塗的處理方式，所以也都會在原畫完成後才進行拆分，但是以這張範例圖來說，半透明的彩帶如果事後才做拆分會相當不好處理，所以在作畫時就是分開來做的。

先將人物的圖層全部合併（除了彩帶以外），背景圖層可以先隱藏或刪除，如果背景需要在動畫中出現的話，後續做動態時再加上去就好。

拆分時要加所有會產生動態的部位都分開，步驟相當繁瑣，因此接下來我就以遮住身體的頭髮為例，具體說明拆分的步驟。

先把髮辮選取起來，這邊我不太會用魔術棒之類的工具來做，推薦用套索框選筆誤見稍大一些的範圍出來即可，並按ctrl+J在原地複製一個圖層。

旁邊多餘的部位用橡皮擦直接處理。

為了保證邊緣都有處理乾淨，建議加一個跟圖像對比較強的底色來當做檢查色。

接著用小筆刷把被擦掉的細節補回去，當然也可以在原畫時省略掉這些細節，等拆分階段時再畫上去。

位於底下的軀幹部件則是要補上被頭髮及項圈遮蓋的部分。

直接用滴管吸取旁邊的顏色用筆刷修補就可以了。

Live 2D的動畫工作流程中，原畫、拆分、綁定、動作等步驟可能為不同的製作者，因此如果遇到被遮蔽的部位就要靠設定圖（如果有），或是腦補的方式來處理了。

由於拆分完成的部件相當多，因此務必確實將圖層命名以便確認喔！Live2d只支援英文以及日文的名稱，中文字匯入後會呈現亂碼，務必留意。

除此之外，圖層的透明度、群組等基本屬性是可以在匯入時繼承的，但圖層混和模式或特殊效果則要避免，匯入時才不會發生問題唷！

色塊的情形

由於我自己的畫風不是色塊上色，手邊沒有範例，因此我用Live 2D的官方圖來輔助說明。

常見的處理方式是每個部件都用一個資料夾來區隔，每個部位的縣搞跟上色燈分開處理。當然色塊上色想要全部都完稿後再拆也是可以的，沒有對錯之分，只要自己覺得順手即可。

以上就是關於Live2D原畫以及拆分的介紹，下一次就要教大家如何在Live2D中綁定以及動態的製作囉！