聯成電腦-讓你價值連城

文、Alam老師

大家好！我是Alam，今天要換個口味畫一下具有童書風格的動物畫面，是有點類卡通表現方式，這裡除了動物臉部及肢體輪廓的描寫刻畫特性外，還要介紹以各自不同毛髮與甲殼質感的表現，特別是烏龜甲殼的立體感及紋路處理，最後用簡單的草叢背景將兩隻不期而遇的物種的舞台襯托出來。

這兩者雖有食物鏈上的高低落差，但因為是隻不懂世事的小獅子遇上擁有堅硬甲殼的老烏龜，整個畫面竟不失一種趣味感，兩者的互動並無弱肉強食的血腥壓迫感，所以這就是童書風格的有趣之處。然後，我們還可以依此靈感繼續發揮延續故事的發展方向！

1. 先使用「鉛筆/覆蓋鉛筆」以簡單線條把兩隻動物的姿態用線稿畫大致輕鬆勾勒出來。

2. 然後再開一新圖層將上述草稿畫出更明確化的線稿，注意獅子與烏龜的肢體與五官表情.！

3. 接下來，我們要分圖層根據線搞依照上下順序使用「壓克力筆/擷取鬃毛」將膚色、毛髮及甲殼填上基本色，並且稍做初級的立體感！

4. 開始，我們先對小獅子的毛髮部分製作一支筆刷，如下圖擷取筆頭，再做局部參數修改：在一般筆刷控制項的方法及子類別都改成「滴水法」， 這支筆刷可容易操作出毛髮的粗細變化。

5. 慢慢修飾小獅子五官及身形的質感，依據臉部及身體的姿態輪廓與弧度畫出毛髮生長的方向，並依照明暗的對比作出立體光影處理，因為這是張「類卡漫性質」的作品，所以我刻意讓眼神與嘴部輪廓稍微誇張逗趣些。

TIP：毛髮筆刷亦可運用：「畫刀/刷式畫刀」及「混色筆/塗抹」互相搭配！

6. 繼續，我們在烏龜身上處做出些許立體明暗的粗糙感，這部份可以使用「粉彩筆/鈍頭紋路粉彩筆 10」來完成，特別是龜殼上的片片龜甲要畫得塊塊立體分明。還有烏龜臉上的表情要表現得鄙夷藐視，千萬不能畫成驚嚇恐懼的表情，畢竟兩者的互動基礎是出於對彼此的好奇心！

7. 選出幾張合適的紋路照片（最好是類似鱗片或網狀），然後將之「擷取紙張」來當歸甲及皮膚紋路質感使用，只要在每個區域適當調整紙張紋路的大小與對比，然後互相搭配，即可達成表面的特定質感！

8. 接著再將龜背上的質感精緻化，因為如果直接塗裝上紙張質感，會顯得太過刻版而平坦解缺乏圖案的立體感！所以我們可以選用「特效/膨脹」來讓龜甲板上的紋路有弧度的展現；再利用「特效/擠壓」讓龜殼板塊間的間繫明確化；最後再以「照片/暗化」來加深板塊間的陰暗面！

9. 開一新的「重疊圖層」來調整兩個主角間的局部彩度以增加畫面的豐富效果！

10. 加上基本背景和陰影，並添加上淺淡的紋路！

11. 然後在背景上再加上些許草叢的部分，並且加上一些薄薄的斑點！如此一張互動逗趣的畫面就完成囉！

Photo credit：Pexels

文、意如老師

科普一下Nginx是一個輕量級的Http網頁反向代理伺服器，優點是支持多國語言、暫存少、併發強，同時間連線次數可以比較於Apache -httpd伺服器 來的更多，例Apache的連結數預設最大為250個連線，但一旦超過200以上，網頁開啟速度就會變的超級慢，反之如利用工具Docker-Nginx 則可承受大約1024個連線。

另外Nginx它有一個最大的特點是在處理靜態（多文字Html、圖片等）的性能，足足能比Apache高3倍以上，所以如果專案偏向多靜態處理，建議一定要試試看Nginx伺服器。

Nginx相較於其它的網頁伺服器也更方便於工程師開發與部署，我們直接馬上來實作將伺服器架到windows上。

任務一：下載、安裝與啟動、關閉

任務1-1.下載 nginx

下載網址：https://nginx.org/en/download.html

找到windows版本的檔案下載回來

下載後是一個壓縮檔，解壓後檔案如下圖

任務1-2.啟動 nginx

下載成功後就可以準備啟動nginx伺服器了

首先開啟cmd.exe（命令提示字元）

1. cd進入 nginx-1.19.6資料夾

輸入指令：cd nginx-1.19.6

2. 更新檔名

#ren 舊檔案 新檔名

輸入指令：ren nginx-1.19.6 nginx

3. cd進入 nginx資料夾

輸入指令：cd nginx

4. 啟動nginx

輸入指令：start nginx

此時會跳出Windows安全性警訊 → 按下允許存取即可

任務1-3.查詢啟動是否成功

最後查詢啟動是否成功。

輸入指令：tasklist /fi "imagename eq nginx.exe

也可以在瀏覽器輸入127.0.0.1 如果出現以下畫面代表安裝成功

任務1-4.關閉 nginx

輸入指令：強制停止 nginx -s stop 或 正常程序的停止 nginx -s quit

任務二：使用winsw部署將程式改成開機時自動啟動服務

任務2-1.先安裝 .NET Framework 3.5 以上功能

首先需要安裝 .NET Framework 3.5 以上功能，不然裝到一半會跑出以下畫面，還是得安裝。

任務2-2.下載winsw

下載路徑：http://repo.jenkins-ci.org/releases/com/sun/winsw/winsw/2.9.0/

目前安裝的版本為winsw-2.9.0.exe

任務2-3. 基本設定（複製winsw.exe 及 建立 winsw.xml 檔）

步驟一：將下載後的文件（如 winsw-2.9.0-bin.exe ）拷貝至nginx資料夾下，將重新命名為nginx-winsw.exe

步驟二：在nginx資料夾下創建 nginx-winsw.xml 文件，並輸入以下內容後存檔

nginx-winsw.xml

<?xml version="1.0" encoding="UTF-8" ?>

<service>

 <id>Nginx</id>

 <name>Nginx</name>

 <description>本服務用於加載Nginx服務，請確保開機啟動。</description>

 <logpath>C:\Users\yiru\Downloads\nginx-1.19.6\nginx\logs</logpath>

 <executable>nginx.exe</executable>

 <stopexecutable>nginx.exe</stopexecutable>

 <stopargument>-s</stopargument>

 <stopargument>stop</stopargument>

 <logmode>rotate</logmode>

</service>

建好這兩個檔案之後，目錄檔案如下：

任務2-4.安裝及卸載指令

開啟cmd （命令提示字元）→ 接著cd 到 nginx 目錄

輸入安裝指令：nginx-winsw.exe install

輸入卸載 指令：nginx-winsw.exe uninstall

任務2-5.部署將程式改成開機時自動啟動服務

方法一：首先開啟應用程式 → 服務

開啟服務視窗後，這邊已經多了 Nginx 服務了

按下右鍵 → 直接啟動

當成功啟動時，會自動跳出瀏覽器，並打開127.0.0.1的歡迎畫面。

如果沒有自動跳出，請自己開啟瀏覽器並在網址中輸入127.0.0.1。

方法二：也可以使用指令啟動

首先開啟cmd → 右鍵以系統管理員身分執行

常用指令如下：

啟動服務：net start nginx

查看狀態指令：tasklist /fi "imagename eq nginx.exe"

停止服務：net stop nginx

啟動後，重新開機，這邊會自動執行 nginx，不需要再做其它設定，瀏覽器網址列上直接打 127.0.0.1 ，如果有看到歡迎畫面代表我們已經成功將nginx成功架在windows上了。

文、意如老師

如果想要更方便的截取篩選結果，並將篩選結果複製到其它地方存取，這時候就需要仰賴進階篩選的功能，使用方式如下。

首先準備一組範例資料數據如下：

任務1：使用進階篩選功能，找出名次前5名的學生

步驟一：

在任一儲存格中輸入要篩選的條件，如下圖J1 = 名次 , J2 = <=5

步驟二：資料 → 進階

步驟三：

進階篩選彈窗

1. 選擇“在原有範圍顯示篩選結果”

2. 選擇資料範圍的按鈕

3. 資料範圍從Ａ1 選到 Ｈ9 的位置，因為是固定的所以要加上＄字號：$A$1:$H$9

資料準則為：篩選標題(J1)跟篩選值(J2)

1. 選擇準則範圍按鈕

2. 資料範圍從J1 選到 J2 的位置，因為是固定的所以要加上＄字號：$J$1:$J$2

3. 按下確定

完成篩選如下圖：

任務2：找出報名為“板橋”地區的學生，並將篩選結果存到其它儲存格

步驟一：

在任一儲存格中輸入要篩選的條件，如下圖J1 = 報名 , J2 = 板橋

步驟二：資料 → 進階

步驟三：

進階篩選彈窗

1. 選擇“將篩選結果複製到其他地方”

2. 選擇資料範圍的按鈕

3. 資料範圍從A1選到 Ｈ9的位置，因為是固定的所以要加上$字號：$A$1:$H$9

資料準則為：篩選標題(J1)跟篩選值(J2)

1. 選擇準則範圍按鈕

2. 資料範圍從J1 選到 J2 的位置，因為是固定的所以要加上＄字號：$J$1:$J$2

複製到：你想要放置資料的區域

1. 選擇複製到的按鈕

2. 選擇你要放置的儲存格位置，例如Ａ16

3. 按下確定

完成篩選，結果如下(16-18行)：

任務3：找出報名為“板橋” 地區，並且國文成績與數學成績需要大於60分的學生並將篩選結果存到其它儲存格

步驟一：

在任一儲存格中輸入要篩選的條件，如下圖

步驟二：資料 → 進階

步驟三：

進階篩選彈窗

1. 選擇“將篩選結果複製到其他地方”

2. 選擇資料範圍的按鈕

3. 資料範圍從Ａ1 選到 Ｈ9 的位置，因為是固定的所以要加上＄字號：$A$1:$H$9

資料準則為：篩選標題(J1,K1,L1)跟篩選值(J2,K2,L2)

1. 選擇準則範圍按鈕

2. 資料範圍從J1 選到 L2 的位置，因為是固定的所以要加上$字號：$J$1:$L$2

複製到：你想要放置資料的區域

1. 選擇複製到的按鈕

2. 選擇你要放置的儲存格位置，例如Ａ16

3. 按下確定

完成篩選，結果如下（16-18行）：

文、Andy老師

大家好，今天要介紹illustrator的圓柱立體字效果，以下是完成圖。

看起來真的很立體耶，好，首先先用打字工具，打你要的字。如下圖所示。

在使用移動工具可移動與縮放拉伸你的字體，字型變更可選擇字元，裡面可更改字型與字間距。如下圖所示。

接著在顏色面板，可以改字體顏色，建議改淺色。如下圖所示。

再來要鎖定文字，鎖定功能可以直接按ctrl+2，或從物件/鎖定/選取範圍。如下圖所示。

接著選鋼筆，填色取消，線條用1，顏色用深色即可。如下圖所示。

接著沿著剛剛打好的字體，用鋼筆描成一條路徑，可配合直接選取工具來調整節點的位置，與錨點工具來調整節點的手把。如下圖所示。

O這個英文可以直接用圓形工具來畫。並配合任意變形工具，來改變圓的傾斜與扭曲，如下圖所示。

另一個圓可用移動工具按住alt就可以複製另一個O。如下圖所示。

接著用圓形工具畫出一個圓，再用漸層工具畫出漸層色，漸層色與漸層角度，可以在漸層面板調整。如下圖所示。

接著再將剛剛畫好的圓型再複製一個。如下圖所示。

接著講這兩個圓選取起來，然後執行物件/漸變/製作。如下圖所示。

接著在執行物件/漸變/漸變選項。如下圖所示。

漸變選項面板可打勾預視，即可看到效果。這樣兩個圓形就接成一條立體的管子，如下圖所示。

再來將管子複製成共五條。如下圖所示。

再選中一條管子與一個文字路徑，並執行物件/漸變/取代旋轉。如下圖所示。

原本一直線的管子就會變成路徑的形狀。如下圖所示。

圓形的部分因為是用圓形工具畫的，所以只有四個點，而管子只會從第一個點走到最後一個點，因此圓形頭尾的點需靠在一起，否則做起來會有缺口，因此用加點工具，在第一個點的位置在加一個點。如下圖所示。

這樣圓形就不會有缺口。如下圖所示。

再來可以用移動工具移動製作好的立體文字。如下圖所示。

另一個O我是用鏡射工具複製。如下圖所示。

此時路徑形狀，仍然可以使用直接選取工具和錨點工具來調整形狀。如下圖所示。

再用矩形工具畫一個黑色面積。如下圖所示。

再將黑色塊一到最下層。如下圖所示。

這樣就完成了，感謝觀賞。