用顏色和遊戲來學習音樂，好有趣呀！！

將無形的音樂轉化為火車與鐵軌，七種顏色、分別代表七個音階的枕木，火車底部的色彩感應裝置駛過鐵軌時，能判讀下方的顏色RGB數值、轉換為對應的音高，便可以演奏出一首完整的樂曲，幫助學齡前兒童以遊戲的方式學習簡易樂理、培養音感。

---

2016 台灣設計師週
展期：9/23-10/2
地點：松菸文創園區
＠台灣設計師週
#玩設計逛設計 #設計星勢力 #0928休館

很快的又塗了第二張色票練習(UwU)

想跟這邊的大家也求求色票><
希望是色碼(#000000 或RGB數值)這樣！
隨意打出來的數值也非常歡迎ヽ(・∀・)ノ

不過不一定會全都畫到><還請見諒(艸

※#000000 這種可以在六格以內任填0~9或a~f
RGB則是0~255內任填三個數字(*`ㅂ´*)

文字
https://www.4gamers.com.tw/news/detail/36491/i-rocks-m33-m35-rgb-gaming-mouse
鍵盤廠 i-rocks 艾芮克科技近期推出了全新 M33 RGB 遊戲滑鼠與 M35 光微動開關遊戲滑鼠，M33 RGB 遊戲滑鼠主打 RGB 發光、可透過搭配軟體達成更多功能設定；M35 光微動開關遊戲滑鼠則採用光微動開關，讓點擊段落更明確且回彈手感絕佳，在按壓左右鍵時帶來有如青軸鍵盤的清脆節奏感。
#GAMING #M33 #滑鼠 #IROCKSM33 #電競產品 #開箱
M33 RGB 遊戲滑鼠採用簡約左右對稱式設計，適用於慣用左手與右手的玩家，光學引擎採用高速偵測模組技術，靈敏度最高提供 5000DPI，可透過 DPI 按鈕做五段切換，每一段數值可由軟體調整，回報率最高提供 1000Hz，提供四段調整，按鍵共提供五顆可程式按鈕，RGB 發光透過軟體調整發光顏色與模式，還可與其他 i-rocks 產品做發光同步。

前側可看到底部導光條設計，並一路向後延伸，滾輪上有凹凸紋路設計，滾輪後方為 DPI 切換開關。

不同於常見的單鍵或雙鍵按壓，M33 RGB 的 DPI 切換按鈕採用指撥式設計較為少見，須採用前推與下撥的方式切換，這樣的設計也相當直覺便利。
M33 RGB 整體外形為中型尺寸，一般男生手掌握起來沒什麼問題，且為左右對稱設計，慣用左手玩家也可使用

M33 RGB 遊戲滑鼠可搭配軟體做按鍵功能調整、背光顏色/模式調整等各種細部調整，按鍵功能可調整為常用的多媒體、DPI 切換、傳輸速率、視窗管理、文字編輯、組合鍵、火力鍵…等，可選擇功能相當豐富，並支援錄製巨集提供玩家最佳的火力支援，此外在新版軟體更新中也一併附帶了 M33 RGB 韌體更新，除了可將滑鼠上的一顆按鍵指定為 "滑鼠 Fn 鍵"，透過組合鍵的方式達成更多功能外，亦改善了裝置間燈光同步效能與記憶體使用等。

M35光微動開關遊戲滑鼠 - 壽命更耐久右手專用滑鼠
M35 光微動開關遊戲滑鼠採用不對稱式外型設計，適用於慣用右手的玩家，光學引擎採用 PixArt 3325 感應器，靈敏度最高提供 5000DPI，可透過 DPI 按鈕做五段切換，DPI 段位採用發光方式表示，最大亮點是採用『光磁微動開關』，一般微動開關為金屬接點與彈片做動設計，回彈需要較久的時間且壽命有一定的限制；光磁微動開關利用光線做為觸發訊號，搭配永久磁鐵與鈕簧驅動結構設計，擁有八千萬次點擊壽命，無接點耗損與雙擊問題，使用壽命更耐久外也無需一陣子就更換微動開關！


外型為不對稱式設計，表面同樣採用消光處理，質感相當不錯，鼠腳採用三片式配置。

我是JC老師

電腦相關課程授課超過6000小時的一位 Photoshop 課程講師
由於實在太多同學像我反映希望可以有線上課程學習
所以就決定錄製一系列的 Photoshop 線上影片教學
而且不加密、不設限、不販售，就是純分享
希望可以幫助到有需要的朋友們

這系列 Photoshop 教學影片
是由初學到深入，專為初學者設計
後半部進階內容與範例並非一般商業用途
而是針對 Photoshop 與 3ds Max 之間的整合教學
包含無縫貼圖製作、建築合成調色、室內設計合成調色、遊戲貼圖製作方面

如果這部影片對你有幫助的話，請幫我按個讚，給我點鼓勵
也多分享給需要的朋友們喔~

Photoshop CC 2020 線上教學影片目錄：http://bitly.com/2u0WwWG
Photoshop CC 2020 線上教學影片範例下載：http://bitly.com/2FTNygJ
JC-Design 網站：http://jc-d.net/
JC-Design 粉絲團：https://www.facebook.com/jcdesigntw/
JC-Design LINE ID：@umd7274k

---------------------------------------------------------------------------------------------------
前景色、背景色
　● Photoshop 使用前景色繪畫、填色和塗畫選取範圍，以及使用背景色製作漸層填色並填滿影像中的擦除區域。某些特殊效果濾鏡也會使用前景色和背景色。
　● 您可以使用「滴管」工具、「顏色」面板、「色票」面板、或 Adobe「檢色器」，指定新的前景色或背景色。
　● 預設的前景色是黑色，預設的背景色則是白色 (在 Alpha 色版中，預設的前景色是白色，預設的背景色則是黑色)。
　● 點一下即可切換到檢色器浮動視窗挑選顏色

檢色器浮動視窗
　● 在 Adobe「檢色器」中，可以使用四種色彩模型來選擇色彩：HSB、RGB、Lab 和 CMYK。使用 Adobe「檢色器」設定前景色、背景色及文字顏色。您也可以為不同的工具、指令和選項設定目標色彩。
　● 您可以設定 Adobe「檢色器」，只讓您選擇網頁安全浮動視窗中的顏色，或可從其他色彩系統中進行選擇。您也可以存取 HDR (高動態範圍) 檢色器，以選擇可用於 HDR 影像的顏色。
　● Adobe「檢色器」的「色彩」欄位會使用 HSB 色彩模式、RGB 色彩模式及 Lab 色彩模式來顯示色彩元件。如果您知道所要色彩的數值，可以在文字欄位中輸入數值。您也可以使用色彩滑桿和色彩欄位來預視要選擇的色彩。當使用色彩欄位和色彩滑桿調整色彩時，數值會相對應調整。色彩滑桿右邊的色彩方框會在上方區段顯示調整後的色彩，在下方區段顯示原來的色彩。如果此色彩不是網頁安全色 ，或是列印時超出色域 (無法列印) ，就會出現警告。


---------------------------------------------------------------------------------------------------

==延伸線上教學連結==
Photoshop CC 2017 線上教學影片目錄：http://bit.ly/2A9PH3B
3ds Max 2015 線上教學影片目錄：http://bitly.com/2dUGqn3
AutoCAD 2015 2D 線上教學影片目錄：http://bitly.com/2dUGm6Y
TQC AutoCAD 2008 2D 線上教學影片目錄：http://bitly.com/2dUGQtB

我是JC老師

電腦相關課程授課超過6000小時的一位 Photoshop 課程講師
由於實在太多同學像我反映希望可以有線上課程學習
所以就決定錄製一系列的 Photoshop 線上影片教學
而且不加密、不設限、不販售，就是純分享
希望可以幫助到有需要的朋友們

這系列 Photoshop 教學影片
是由初學到深入，專為初學者設計
後半部進階內容與範例並非一般商業用途
而是針對 Photoshop 與 3ds Max 之間的整合教學
包含無縫貼圖製作、建築合成調色、室內設計合成調色、遊戲貼圖製作方面

如果這部影片對你有幫助的話，請幫我按個讚，給我點鼓勵
也多分享給需要的朋友們喔~

Photoshop CC 2020 線上教學影片目錄：http://bitly.com/2u0WwWG
Photoshop CC 2020 線上教學影片範例下載：http://bitly.com/2FTNygJ
JC-Design 網站：http://jc-d.net/
JC-Design 粉絲團：https://www.facebook.com/jcdesigntw/
JC-Design LINE ID：@umd7274k

---------------------------------------------------------------------------------------------------

解析度
　● DPI (Dot Per Inch) 指的是一英寸中有幾個像素
　　▲ 解析度的大小關係到影像的清析與否，一般電腦螢幕的解析度為72DPI，搭配高階一點的顯示卡則可到96DPI。如果是要印刷用的影像檔案，則至少要300DPI 以上才不會有馬賽克的模糊現像產生。若是要使用在網頁上的影像檔案，則只要72DPI 就足夠了。
　　▲ 影像的解析度會影響列印時，影像的列印品質及大小，但不會影響它在螢幕上所呈現的品質。而且，影像解析度是可以透過 PhotoImpact 、 PhotoShop 、 PaintShop Pro… 等影像處理軟體加以改變！
　● 每英寸像素，ppi 或 PPI （Pixels Per Inch）
　　▲ 像素密度(pixel density)單位，即每英寸的長度中所具有的像素。由解析度中X或Y軸的數字除以該軸的長度(英寸)，可得該軸的像素每英寸密度。一般的像素是方形或接近方形，X與Y軸像素密度相同，但也有不相同的顯示器。
　　▲ 掃描圖片時的度量單位：掃描圖片時，我們在原稿的每一英吋範圍內要產生多少畫素值pixel，經過掃描後，同一張原稿，它的 ppi 值越大時，所得到的圖像也越大，通常我們在掃描時，對於較大的正片或圖像，可以採用較大的 ppi 值，對較小的正片或照片採用較小的 ppi 值，ppi 與 dpi 是不同的！

介紹常見影像格式（BMP、GIF、JPEG、PNG、向量圖）
　● BMP：Windows的標準影像格式，支援RGB、索引色、灰階和點陣色彩模式。
　● GIF：翻譯為圖形交換格式，是一種LZW壓縮格式，設計用於最小化檔案大小和電子傳輸時間。優點為可以做動畫和透明背景圖，缺點是色彩數少，只支援256色、易失真。
　● JPEG：是利用離散餘弦轉換壓縮技術來儲存靜態影像的檔案格式。支援CMYK、RGB、灰階色彩模式，不同於GIF的是JPEG會保留RGB影像中的所有色彩資訊，但會選擇性的丟棄資料以壓縮檔案容量，是一種破壞性的壓縮。
　● PNG：是免專利的一種替代GIF的圖形格式，支援灰階、含Alpha的RGB色彩、點陣圖、無含Alpha的RGB色彩模式，利用Alpha色版來定義檔案中的透明度，所以可以產生無鋸齒邊緣的背景透明圖。
　● 向量圖：以數學函式來描述螢幕上的圖形、色彩，就算是改變圖形的外觀，也只是改變了數學函式的某些參數值，讓電腦重新計算而已，因此不會有點陣圖失真和鋸齒狀的情形發聲，而且因為只是記錄數學函式的參數值，所以檔案遠小於點陣圖。

---------------------------------------------------------------------------------------------------

==延伸線上教學聯結==
Photoshop CC 2017 線上教學影片目錄：http://bit.ly/2A9PH3B
3ds Max 2015 線上教學影片目錄：http://bitly.com/2dUGqn3
AutoCAD 2015 2D 線上教學影片目錄：http://bitly.com/2dUGm6Y
TQC AutoCAD 2008 2D 線上教學影片目錄：http://bitly.com/2dUGQtB