聯成電腦-讓你價值連城

文、耀月老師

各位同學大家好～

畫了那麼久的教學，好像沒畫過錦鯉，所以今天就來畫錦鯉來看看囉^^

1. 首先，我們先用油漆桶工具倒個底色到圖紙上，顏色上我使用墨綠色，代表池塘。

2. 使用油畫粉臘筆繪製錦鯉的固有色，這邊使用米白色上色，畫出錦鯉的外型出來。

3. 接著一樣拿出油畫粉蠟筆來繪製其他錦鯉的體型，因為其他兩隻是在水裡面，所以顏色上可以用不同顏色做區分，並且將後面的蓮葉也畫出來。

4. 用輕柔炭筆搭配混色筆-只加水，畫出在河裡面的水波和池塘的深淺色，讓池面看起來更有臨場感，畫的時候注意光線和水波的變化。

5. 用輕柔噴槍來繪製魚身上的陰影：圖層特性使用”相乘”之後搭噴槍繪製魚身上的第一層陰影輪廓。

6. 使用”油畫粉蠟筆”來繪製錦鯉身上的斑點，先大致上把斑點撇個方向就好。

7. 接著將魚身上的斑點畫出去的部分用”橡皮擦”擦拭乾淨，讓斑點服貼在魚體身上。

8. 將錦鯉身上的細節畫上，包含魚眼、魚身體上面的褶皺、以及魚鰭等，畫的時候可以參考真正的魚唷！！！

9. 將其他兩隻的錦鯉也畫上細節和陰影，一邊畫一邊修改池塘內的倒影和漣漪，陰影會讓讓兩條魚感覺是在水裡面游的樣子。

10. 將上方的鯉魚加強整體對比，並且將魚鱗、細節畫上並整體繪製完畢，其他兩條鯉魚也別忘記身上的細節唷！

後方的荷葉，因為算是遠景，所以不用畫的太仔細，可以隨便撇撇就好XD

11. 為了增加整體畫面的生動和躍動感，所以我在周圍畫上了大範圍的漣漪，並且加在錦鯉附近加上水珠特效，看起來整張畫面是否更有張力了呢？

文、Andy老師

大家好，今天要介紹使用photoshop來製作3D漩渦效果的視覺海報，首先先看一下完成的樣子，如下圖。

好，首先先找一張圖片，這3D效果的原理就是圖片上越亮的地方，就會越凸出，越暗的地方就越凹陷，所以我們找的圖片就是要有亮有暗，不能整個畫面都是亮的，至少畫面50%是亮的，好，那我找的是一張煙火的照片，如下圖。

再來就是將此圖片在圖層面板對著它按右鍵，複製出一個新圖層，也可以按複製圖層的快速鍵ctrl+J，如下圖。（圖層面板裡的群組是我做好的範例，就當它不存在吧）

接著對複製出來的背景圖層做 濾鏡 / 扭曲 / 扭轉效果，如下圖。（那為什麼要複製出一個背景圖層來做效果，而不直接用原本的背景圖層做效果，因為永遠都要有保留原圖的習慣，因為若要修改或重做效果時才方便。）

扭轉效果面板彈出後，即可設定扭轉的角度，在扭轉效果面板裡，也可預覽圖片扭轉的樣子，這裡我設定扭轉的角度為632度，如下圖。

在扭轉面板裡按下確定，煙火圖片就變成扭轉的樣子了，如下圖。

接著再執行3D / 新增來自圖層的網紋 / 景深對應至 / 平面，如下圖。

接著畫面就會進入到3D效果，而畫面左下會有控制3D的3個操作圖示面板，分別是旋轉，平移，縮放，我把這操作圖示面板移到右上，方便大家觀看，如下圖。

此時煙火圖片就整個突起，變成立體圖，這時我們就可以用右上的工具去旋轉，平移，縮放，來調整這個立體圖的角度，如下圖。

再來選擇一下內容面板裡的預設集的未照亮紋理，這樣我們3D圖就不會產生陰影，看起來才有平面立體的效果。當然預設集裡有許多效果，大家也可嘗試不同效果，如下圖。

接著我用右上的縮放工具來放大圖片，如下圖。

接著到圖層面板對著3D圖層按右鍵，點陣化3D，這樣3D圖層就變成一般圖層，但就不能再回頭修改，不過比較省效能，如果電腦不快的話，如下圖。

再來就是打字，打字部分就不多做介紹，這次我們主要是3D漩渦效果，以下就是完成圖，謝謝觀賞。

Photo credit：Pexels

文、意如老師

前幾天接到任務，公司想要將自己的資訊放到維基百科，並且想要架在自己的伺服器上，說實在之前我也沒做過，但既然身為工程師就要有挑戰的精神，話不多說，開始實作吧！（實作時間約30分鐘）

任務一：下載mediawiki套件

首先到官方網站把mediawiki整包套件先載下來並安裝到自己的電腦上，

載點如下: https://www.mediawiki.org/wiki/Download/zh

目前抓的檔案是 .tar.gz壓縮的檔案，下載回來自己的硬碟後，解壓縮（記得自己安裝在哪個目錄）

完整目錄如下：

任務二：安裝Xampp伺服器與資料庫

安裝XAMPP包，它是一個Apache網頁伺服器與PHP及MariaDB集合在一起的安裝包，允許使用者可以在自己的電腦上輕易的建立網頁伺服器及MySQL資料庫。

下載路徑：https://www.apachefriends.org/zh_tw/download.html

下載回來後，安裝到自己的硬碟上

按下Next下一步，挑選要安裝的環境，如不需要使用時，取消打V

接著選擇要儲存路徑，建議預設即可（C:\xampp）

安裝成功後開啟Xampp控制台，左下角選單列，選擇Xampp Control Panel

啟動apache、mysql：點選Actions中的Start按鈕開啟

開啟瀏覽器 >> 在網址列上打入 localhost，會出現以下畫面，代表啟動成功

開啟MySql 圖形化介面（phpmyadmin）

在MySql右邊按鈕 >> 點選Admin

點選Admin按鈕後會自動開啟phpmyadmin 圖形化介面，如下圖：

有看到以上的畫面就代表伺服器與資料庫已經成功安裝好了

任務三：伺服器與資料庫基本設定

3-1.將檔案搬移至htdocs資料夾下

接下來開啟路徑C://xampp/htdocs，把剛剛下載的mediawiki整包套件檔案直接搬到 htdocs 資料夾底下，目前完成的檔案路徑如下：C://xampp/htdocs/mediawiki

3-2.設定port號

開Port 設定目錄，開啟路徑為：C:\xampp\apache\conf\extra\httpd-vhosts.conf

設定傾聽port為7410，並加入下列程式碼，請參考：

#Media-7410

Listen 7410

##NameVirtualHost *:7410

#

# VirtualHost example:

# Almost any Apache directive may go into a VirtualHost container.

# The first VirtualHost section is used for all requests that do not

# match a ##ServerName or ##ServerAlias in any <VirtualHost> block.

#

<VirtualHost *:7410>

    ##ServerAdmin webmaster@dummy-host.example.com

    DocumentRoot "C:/xampp/htdocs/mediawiki"

    ##ServerName dummy-host.example.com

    ##ServerAlias www.dummy-host.example.com

    ##ErrorLog "logs/dummy-host.example.com-error.log"

    ##CustomLog "logs/dummy-host.example.com-access.log" common

</VirtualHost>

加入上述的程式碼後，儲存關閉檔案，記得最後要記得重啟XAMPP。

重啟可直接按下Apache 的 Actions 的Stop ，再按下Start，

重啟後需確認剛剛設定的7410port有開啟

接下來再次開啟瀏覽器，輸入localhost:7410，即可成功開啟mediawiki的首頁。

3-3.錯誤排除處理

如果網頁無法開啟，可能會碰到以下錯誤的發生

或者碰到這種錯誤

這是因為解壓縮檔案 WinRar和7-zip會忽略了PaxHeader文件，導致錯誤，可以使用WinZip來解壓縮。

3-4. mediawiki基礎設定

點選set up the wiki，基礎設定

這個連結到了wiki首頁-安裝頁，點選[繼續]

接下來會看到一個歡迎畫面

[繼續]往下設定設定資料庫>連線資料庫

基礎設定

資料庫主機：localhost

資料庫名稱：my_wiki

資料庫帳戶：root

勾選V使用與安裝程序相同的帳號後按下[繼續]

設定wiki的名稱、使用者名稱、使用者密碼、電子郵件地址，設定完後按下[繼續]

依自己的需求設定使用者權限，按下[繼續]按鈕直到安裝完成

安裝完成後還需要下載localsettings.php到自己本機上

把下載回來的 localsettings.php 放置在您的Wiki的根目錄（index.php所在的目錄）中

開啟index.php或直接開啟瀏覽器

網址輸入：localhost:7410/index.php/

即可成功連到你的wiki首頁

回到資料庫（phpmyadmin）

開啟Xampp控制台後在MySql右邊按鈕 >> 點選Admin

接下來會自動開啟phpmyadmin首頁，接著看到資料庫的地方，已經自動生成剛剛設定的資料表名稱為my_wiki的資料庫

確認資料表已經生成後，就可以開始編輯你自己想要的內容了。

完成檔如下圖：

文、意如老師

有時候我們收集的數據是千筆甚至數萬筆以上的資料，如何從這些筆數中，找出符合我們所需的資料，這時候就要仰賴篩選這個功能來協助我們。

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

任務一：快速篩選資料

任務1 找出報名為“三重”或“忠孝” 地區的學生

步驟一：

1. 任選一格儲存格

2. 點選工具列中的資料

3. 篩選

這時候你會發現標題已經有篩選按鈕了，接下來我們就要使用這些篩選按鈕來找到我們所需要的資料

步驟二：

選擇B欄標題中的“報名”篩選按鈕，彈窗中Ｖ勾選三重及忠孝地區後按下確定。

任務2：取消篩選

點選工具列中的資料 ▶ 再點選一次篩選或者點選清除，即可取消篩選

任務3：依色彩做篩選：找出姓名中填滿淺綠色的學生

步驟一：點選1姓名篩選鈕 ▶ 篩選2依色彩選單

步驟二：儲存格色彩 ▶ 淺綠 ▶ 套用篩選

完成篩選

任務4：找出國文成績大於80分並且數學成績大於70分的學生

先篩選第一個條件國文成績大於80分，國文篩選鈕篩選下拉選擇“大於或等於”,值的部分輸入”80”分

套用篩選後再篩選條件2，數學成績大於70分的學生，選擇數學篩選鈕>>篩選下拉選擇“大於或等於”,值的部分輸入“70”分

即完成雙條件篩選，以此類推可以多重條件再繼續往下篩選，更精確的找到你想要的資料

任務5：使用內建條件篩選

再篩選選項中也提供方便的預設條件篩選

篩選 ▶ 請選擇一個

如果是數字篩選的話，有 「=、!==、>=、<、<=」、等等如下圖

如是中文字串的篩選選項中則有：「開頭是、開頭不是、包含、不包含」等，如下圖

任務6：找出姓名中姓陳的學生

步驟一：

1.     點選標題姓名中的篩選按鈕

2.     篩選中請選擇一個

步驟二：

選擇“開頭”，右邊下拉式會出現所有人的姓名，但因為我們只想找姓“陳”的學生，所以自行輸入“陳”即可。

搜尋結果如下圖：

任務7：找出國文與數學都高於平均的學生

1. 選擇國文篩選鈕

2. 篩選標籤選擇下拉式“高於平均”

3. 再點選數學篩選鈕

4. 篩選標籤選擇下拉式“高於平均”，即完成篩選

如果想要更方便的截取篩選結果，並將篩選結果複製到其它地方存取，請參考下一篇