文、耀月老師 各位同學大家好～ 畫了那麼久的教學，好像沒畫過錦鯉，所以今天就來畫錦鯉來看看囉^^ 使用筆刷：輕柔炭筆、數位噴槍、油畫粉蠟筆、細節噴槍、紋路筆刷、大號粉彩筆、混色筆-只加水、混色筆-紋路水化等 👉 推薦課程：數位創意電繪設計 1. 首先，我們先用油漆桶工具倒個底色到圖紙上，顏色上我使用墨綠色，代表池塘。 2. 使用油畫粉臘筆繪製錦鯉的固有色，這邊使用米白色上色，畫出錦鯉的外型出來。 3. 接著一樣拿出油畫粉蠟筆來繪製其他錦鯉的體型，因為其他兩隻是在水裡面，所以顏色上可以用不同顏色做區分，並且將後面的蓮葉也畫出來。 4. 用輕柔炭筆搭配混色筆-只加水，畫出在河裡面的水波和池塘的深淺色，讓池面看起來更有臨場感，畫的時候注意光線和水波的變化。 5. 用輕柔噴槍來繪製魚身上的陰影：圖層特性使用相乘之後搭噴槍繪製魚身上的第一層陰影輪廓。 6. 使用油畫粉蠟筆來繪製錦鯉身上的斑點，先大致上把斑點撇個方向就好。 7. 接著將魚身上的斑點畫出去的部分用橡皮擦擦拭乾淨，讓斑點服貼在魚體身上。 8. 將錦鯉身上的細節畫上，包含魚眼、魚身體上面的褶皺、以及魚鰭等，畫的時候可以參考真正的魚唷！！！ 9. 將其他兩隻的錦鯉也畫上細節和陰影，一邊畫一邊修改池塘內的倒影和漣漪，陰影會讓讓兩條魚感覺是在水裡面游的樣子。 10. 將上方的鯉魚加強整體對比，並且將魚鱗、細節畫上並整體繪製完畢，其他兩條鯉魚也別忘記身上的細節唷！ 後方的荷葉，因為算是遠景，所以不用畫的太仔細，可以隨便撇撇就好XD 11. 為了增加整體畫面的生動和躍動感，所以我在周圍畫上了大範圍的漣漪，並且加在錦鯉附近加上水珠特效，看起來整張畫面是否更有張力了呢？ 文章轉自菜鳥救星，未經授權請勿轉載，原文為：池塘裡的貴族－錦鯉畫法 FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/user/LccnetTaiwan 痞客邦Blog：http://lccnetvip.pixnet.net/blog
文、Andy老師 大家好，今天要介紹使用photoshop來製作3D漩渦效果的視覺海報，首先先看一下完成的樣子，如下圖。 👉 推薦課程：Photoshop影像處理 好，首先先找一張圖片，在Photoshop中，這3D漩渦效果的原理就是圖片上越亮的地方，就會越凸出，越暗的地方就越凹陷，所以我們找的圖片就是要有亮有暗，不能整個畫面都是亮的，至少畫面50%是亮的，好，那我找的是一張煙火的照片，如下圖。 再來就是將此圖片在圖層面板對著它按右鍵，複製出一個Photoshop新圖層，也可以按複製圖層的快速鍵ctrl+J，如下圖。（圖層面板裡的群組是我做好的範例，就當它不存在吧） 接著對複製出來的Photoshop背景圖層做 濾鏡 / 扭曲 / 漩渦 / 扭轉效果，如下圖。（那為什麼要複製出一個背景圖層來做效果，而不直接用原本的背景圖層做效果，因為永遠都要有保留原圖的習慣，因為若要修改或重做效果時才方便。） Photoshop扭轉效果面板彈出後，即可設定扭轉的角度，在扭轉效果面板裡，也可預覽圖片扭轉的樣子，這裡我設定扭轉的角度為632度，如下圖。 在Photoshop扭轉面板裡按下確定，煙火圖片就變成扭轉的樣子了，如下圖。 接著再執行3D / 新增來自圖層的網紋 / 景深對應至 / 平面，如Photoshop示意下圖。 接著畫面就會進入到Photoshop 3D效果，而畫面左下會有控制3D的3個操作圖示面板，分別是旋轉，平移，縮放，我把這操作圖示面板移到右上，方便大家觀看，如下圖。 此時煙火圖片就整個突起，變成立體圖，這時我們就可以用Photoshop右上的工具去旋轉，平移，縮放，來調整這個立體圖的角度，如下圖。 再來選擇一下Photoshop內容面板裡的預設集的未照亮紋理，這樣我們3D圖就不會產生陰影，看起來才有平面立體的效果。當然預設集裡有許多效果，大家也可嘗試不同效果，如下圖。 接著我用右上的縮放工具來放大圖片，如Photoshop示意下圖。 接著到圖層面板對著3D圖層按右鍵，點陣化3D，這樣3D圖層就變成一般圖層，但Photoshop就不能再回頭修改，不過比較省效能，如果電腦不快的話，如下圖。 再來就是打字，打字部分就不多做介紹，這次我們主要是Photoshop 3D漩渦效果，以下就是完成圖，謝謝觀賞。 文章轉自菜鳥救星，未經授權請勿轉載，原文為：【Photoshop教學】漩渦3D效果 更多Photoshop 毛髮去背合成小技巧傳送門 Photoshop毛髮去背效果 Photoshop 火焰效果 Photoshop 漩渦效果 Photoshop 人臉 液化效果 Photoshop 神經濾鏡 Photoshop 字體穿插 相關Photoshop 毛髮去背合成文章傳送門 1分鐘GET實用小技巧｜【Photoshop教學】字體穿插風格 1分鐘GET實用小技巧｜【Photoshop教學】用神經濾鏡組合2張照片並協調色調 1分鐘GET實用小技巧｜Photoshop教學-漩渦3D效果 1分鐘GET實用小技巧｜Photoshop教學-內容感知工具 立即詢問 FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/user/LccnetTaiwan 痞客邦Blog：http://lccnetvip.pixnet.net/blog
Photo credit：Pexels 文、意如老師 前幾天接到任務，公司想要將自己的資訊放到維基百科，並且想要架在自己的伺服器上，說實在之前我也沒做過，但既然身為工程師就要有挑戰的精神，話不多說，開始實作吧！（實作時間約30分鐘） 任務一：下載mediawiki套件 任務二：安裝Xampp伺服器與資料庫 任務三：伺服器與資料庫基本設定 3-1.將檔案搬移至htdocs資料夾下 3-2.設定port號 3-3.錯誤排除處理 3-4.mediawiki基礎設定 任務一：下載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的資料庫 確認資料表已經生成後，就可以開始編輯你自己想要的內容了。 完成檔如下圖： 文章轉自菜鳥救星，未經授權請勿轉載，原文為：自己架設我的wikipedia維基百科 FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/user/LccnetTaiwan 痞客邦Blog：http://lccnetvip.pixnet.net/blog
文、意如老師 有時候我們收集的數據是千筆甚至數萬筆以上的資料，如何從這些筆數中，找出符合我們所需的資料，這時候就要仰賴篩選這個功能來協助我們。 首先準備一組範例資料數據如下： 姓名 報名 地址 電話 國文 數學 獎學金 名次 沈樂豐 板橋 五權南路九十九號 039112356 63 52 100 1 鄭新明 板橋 五權南路九十九號 039112356 88 75 200 2 蔡小燕 公館 博愛路一三一號 039124785 82 63 300 3 黃麗倩 忠孝 南路一段一二四號 039123456 87 84 800 4 周凱明 忠孝 南路一段一二四號 039123456 90 88 800 4 陳智與 三重 民權路一二七號 29213652 93 92 1000 6 吳美足 三重 民權路一二七號 29213652 92 90 1100 7 賴驗新 基隆 和平東路三段一巷一號 29461234 95 90 1200 8 任務、快速篩選資料 任務1：找出報名為三重或忠孝 地區的學生 任務2：取消篩選 任務3：依色彩做篩選：找出姓名中填滿淺綠色的學生 任務4：找出國文成績大於80分並且數學成績大於70分的學生 任務5：使用內建條件篩選 任務6：找出姓名中姓陳的學生 任務7：找出國文與數學都高於平均的學生 👉推薦課程：Excel財務試算表應用 任務一：快速篩選資料 任務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. 篩選標籤選擇下拉式高於平均，即完成篩選 如果想要更方便的截取篩選結果，並將篩選結果複製到其它地方存取，請參考下一篇 文章轉自菜鳥救星，未經授權請勿轉載，原文為：【Excel教學】數據分析基礎篩選篇 FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/user/LccnetTaiwan 痞客邦Blog：http://lccnetvip.pixnet.net/blog
文、Simi老師 在上次的文章中跟大家介紹了將錯視藝術融入設計與插畫中的範例與優勢，這次要具體說明該如何設計出在平面設計與插畫領域最常被運用的「多義圖形」、「圖地反轉」以及「正倒立共存」的錯視概念，以增加畫面中的趣味感及內容深度。 創意發想 雖然我們把「多義圖形」、「圖地反轉」以及「正倒立共存」這三者分開列舉，但其實後兩者也是屬於「多義圖形」的範疇，即一張圖中包含了多重意義，因此經常被設定為對立的兩種意思。 例如我的這張《lover or loner?》，就是以「戀人」和「單身」兩種相對的意義來發想。由於題目訂得相當明確，因此要如何讓兩種形象同時存在，著實讓我絞盡了腦汁。 首先將三個人的頭部都畫出來，由於人的臉部比較容易令人意識到其存在，因此以遮蔽臉孔局部及不露出虹膜的方式降低臉部存在感。然後同時思考：對我而言一個人時的存在意義為何？他在做些什麼？要如何跟倒轉的兩張臉結合？ 而這三個問題的答案所指向的就是「閱讀」。於是將兩個人的膚色改成深褐色，並以幾何圖案取代腮紅，使雙人的臉部在逆向時與書本的樣貌更為符合。最後再設法使兩者連結的部位產生連結，於是以領子為主來發想，最後想到將手掌與領子結合，讓畫面更順理成章。 而《嫮福雙至》這張作品因為是虎年賀圖的關係，老虎這個形象是絕對必要的，至於另一種形象為何就不是那麼重要，因此我先將老虎的頭部大致畫出來後，再去尋找目前畫面上讓我能產生聯想的元素。 老虎粉色的三角形鼻子倒轉過來的形狀讓我聯想到胸部開口的衣服，很快地便決定畫一個女孩子。一開始的人物畫法是用平常的風格呈現，但是如同前面所提到的，由於人物臉部的存在感太過強烈，因此必須要用更風格化的手法來呈現，並讓眼睛、頭髮、皮膚使用近似色，使整個臉部更有一體感，跟平時為了強調眼睛而使用對比色的方式完全不同。 設計策略 從上面兩張作品的發想脈絡中，可以整理出幾個設計錯視圖形的策略：「選擇識別度高題材」、「減少色彩影響」、「微弱光影表現」、「避免透視變形」、「省略局部樣貌」、「輪廓誇示轉化」。 1. 選擇識別度高題材： 包含特徵明不明顯、種類是否普遍為人所知等。例如老虎是大家都知道的動物，就屬於容易識別的題材；但如果選擇「非洲鼴鼠」這種大部分人可能都不確定長什麼樣子的動物的話，由於錯視本身就已經需要一定程度的思考才能感受到其中的趣味性，讓人花費額外精力去思考錯視轉換以外的部分就顯得本末倒置了。 2. 減少色彩影響： 高指標性的色彩會使觀者不易跳脫其中，難以將認知轉換到另一個事物之上。因此關鍵的轉換物件最好是選擇識別度較低的色彩，甚至使用單一色系都能讓顏色對畫面判斷的干擾降到最低。 3. 微弱光影表現： 可避免因光影影響而使情境的設計受到限制。但如果倒轉過來的光影符合情境設定，依然可以使用適當的強度來處理。 4. 避免透視變形： 雖然並非絕對，但多數的「正倒立共存」圖像都傾向使用平面化的方式呈現，或是刻意不將透視的變形表現出來，以減少圖形設計的困難及複雜度。 5. 省略局部樣貌： 在能保有一定識別度的情況下，省去畫面上的次要資訊可以減少影響觀者判斷的元素。例如不畫出眼睛與鼻子可減少對臉部的感知，但仍可被識別為人物肖像。 6. 輪廓誇示轉化： 為了使圖形在倒轉後比較容易被看成另一個圖形，創作者經常選用比較非寫實的誇張風格來表現，或是將之刻意排列或描繪成另一個圖形的輪廓樣貌。 總而言之，就是抓住讓畫面變得較為曖昧的原則，進而讓一張圖能呈現出兩種以上的樣貌，提升內容的深度與層次感，就是設計多義圖形的心法囉！ 文章轉自菜鳥救星，未經授權請勿轉載，原文為：怎麼具體表現「多義圖形」的插畫？ FB粉絲團：https://www.facebook.com/lccnetzone YouTube頻道：https://www.youtube.com/user/LccnetTaiwan 痞客邦Blog：http://lccnetvip.pixnet.net/blog
如何利用AI🤖輔助人類發散收斂？
最近看到一則網路迷因：「人類期待AI洗衣掃地，我們就能寫詩畫畫，而現在卻是AI在寫詩畫畫，人類在洗衣掃地」。令人莞爾又諷刺，但這是誤解人類與AI應有的相處模式...
本網站使用相關網站技術以確保使用者獲得最佳體驗，通過使用我們的網站，您確認並同意本網站的隱私權政策。欲了解詳情，請參閱 隱私權政策。
