【芬蘭小一生的線上字母遊戲ekapeli (first game)】
大家會用電腦、手機、或iPad，輔助小小孩的學習嗎?
這一週的新鮮事，是收到阿雷學校老師的信，請大家使用芬蘭大學研究發明出來的認字遊戲ekapeli (first game)，來輔助字母學習。
老師建議: 「一天十分鐘，一週三至五天」。不用超過十分鐘，因為超過十分鐘，效果不會比較好，要持續比較重要。

平常阿雷沒在玩電玩的習慣，現在得到老師特別鼓勵建議，我們家長就開始這個有教育意義的「陪玩」了。我覺得遊戲設計的很棒，過程中有氣球、有寶石、有挖地洞，還有字母射來射去像流星，最後在天上成為一隻蝴蝶。

同時，也讓人看到芬蘭人結合教育與電子遊戲的嘗試，詳情是不是需要寫成一篇文章呢?
先分享幾張插圖吧…

關於這個遊戲發展的背景和系統，可以先參考之前寫的這篇文章，最後有略為介紹，Lukimat就是這個遊戲背後的系統，既用來輔助小學生字母的學習，也用來輔助特別需要幫助的族群，因此還有特別的移民版本:

*芬蘭用「四歲閱讀評量」，幫助每一個需要的孩子*
http://life.newscandinaviandesign.com/?p=3140

我是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 Photoshop 中，文字是由向量式文字外框 (一種以數學方式定義的形狀，可描述字體的字母、數字和符號) 所構成。許多字體都具有多種格式，最常見的格式是 Type 1 (也稱為 PostScript 字體)、TrueType、OpenType、New CID 和未受保護的 CID (僅適用於日文)。

文字工具種類
　● 水平文字工具
　● 垂直文字工具
　● 水平文字遮色片工具
　● 垂直文字遮色片工具

錨點文字(單行文字)
　● 點下文字工具後，在圖面點一下即可打字
　● 每一行文字都是彼此獨立的，該行的長度會隨著編輯而增長或縮短，但是不會換到下一行。
　● 輸入的文字會顯示在新的文字圖層中。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 每一行文字都是獨立的，不會自動斷行
　● 拖曳變形框時，文字會跟著變形

段落文字(多行文字)
　● 拖曳文字框
　● 拉出文字框後，在文字框內打字
　● 輸入段落文字時，文字會換行以符合邊界方框的尺寸。可以輸入多個段落，並選取段落齊行選項。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 適合多行段落文字
　● 加按Shfit可以拖曳出正方形文字框
　● 文字遇到文字框時會自動斷行
　● 拖曳文字框時，文字會自動依據文字框的大小進行換行，文字大小並不會跟著改變
　● 字元面板
　● 設定字元參數

段落面板
　● 設定段落參數

文字變形
　● 利用變形框變形
　● 轉成圖像變形
　● 彎曲文字
　● 設定文字變形

輸入文字是按下選項列的
　● 在錨點文字和段落文字之間轉換
　● 可將錨點文字轉換為段落文字，調整邊界方框內的字元排文。或者，也可將段落文字轉換為錨點文字，使每一行文字的排文彼此獨立。當您將段落文字轉換為錨點文字時，會在每一行文字的結尾加上一個換行符號 (最後一行除外)。
　● 在「圖層」面板中選取文字圖層。
　● 選擇「文字 / 轉換為錨點文字」或「文字 / 轉換為段落文字」。
　● 點陣化文字圖層
　● 有些指令和工具 (例如濾鏡效果和繪圖工具) 無法在文字圖層中使用。必須先將文字點陣化後，才能套用這些指令或使用這些工具。點陣化會將文字圖層轉換為正常圖層，讓它的內容變成無法編輯的文字。如果選擇的指令或工具需要使用點陣化的圖層，就會顯示警告訊息。有些警告訊息會提供「確定」按鈕，您只要按一下就可以點陣化圖層。
　● 選取文字圖層，並選擇「圖層 / 點陣化 / 文字」
　● 從文字建立工作路徑
　● 您可以將文字字元轉換為工作路徑，將字元當做向量形狀處理。工作路徑是顯示在「路徑」面板中的暫存路徑，用來定義形狀的外框。從文字圖層建立工作路徑後，可以將它儲存起來，並以處理任何其他路徑的方式來處理它。您無法將路徑中的字元當成文字編輯；不過，原始的文字圖層可保留不變，且可編輯。

選取文字圖層，並選擇「文字 / 建立工作路徑」。
　● 註解：您無法從不包含外框資料的字體 (例如點陣字體) 建立工作路徑。
　● 將文字轉換為形狀
　● 將文字轉換為形狀時，會以包含向量圖遮色片的圖層取代文字圖層。您可以編輯向量圖遮色片，並將樣式套用到圖層上；但是，不能將圖層中的字元當成文字編輯。
　● 選取文字圖層，然後選擇「文字 / 轉換為形狀」。
　● 建立文字選取範圍邊界
　● 使用「水平文字遮色片」工具或「垂直文字遮色片」工具時，會建立文字形狀的選取範圍。文字選取範圍會出現在作用中圖層上，可移動、拷貝、填色或塗畫，就像處理其他任何選取範圍一樣。
　● 選取要顯示選取範圍的圖層。為了取得最佳結果，請在正常的影像圖層上建立文字選取範圍邊界，而不是在文字圖層上。如果您想要使用填色或筆畫工具來處理文字選取範圍邊界，請將它建立在新的空白圖層上。
　● 選取「水平文字遮色片」工具 或「垂直文字遮色片」工具 。
　● 選取其他的文字選項，並在插入點或邊界方框中輸入文字。
　● 輸入文字時，作用中圖層會出現紅色的遮色片。按一下「確認」按鈕 後，作用中圖層的影像中就會出現文字選取範圍邊界。


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

==延伸線上教學連結==
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-Design 鍾日欣的官網

我是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 Photoshop 中，文字是由向量式文字外框 (一種以數學方式定義的形狀，可描述字體的字母、數字和符號) 所構成。許多字體都具有多種格式，最常見的格式是 Type 1 (也稱為 PostScript 字體)、TrueType、OpenType、New CID 和未受保護的 CID (僅適用於日文)。

文字工具種類
　● 水平文字工具
　● 垂直文字工具
　● 水平文字遮色片工具
　● 垂直文字遮色片工具

錨點文字(單行文字)
　● 點下文字工具後，在圖面點一下即可打字
　● 每一行文字都是彼此獨立的，該行的長度會隨著編輯而增長或縮短，但是不會換到下一行。
　● 輸入的文字會顯示在新的文字圖層中。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 每一行文字都是獨立的，不會自動斷行
　● 拖曳變形框時，文字會跟著變形

段落文字(多行文字)
　● 拖曳文字框
　● 拉出文字框後，在文字框內打字
　● 輸入段落文字時，文字會換行以符合邊界方框的尺寸。可以輸入多個段落，並選取段落齊行選項。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 適合多行段落文字
　● 加按Shfit可以拖曳出正方形文字框
　● 文字遇到文字框時會自動斷行
　● 拖曳文字框時，文字會自動依據文字框的大小進行換行，文字大小並不會跟著改變
　● 字元面板
　● 設定字元參數

段落面板
　● 設定段落參數

文字變形
　● 利用變形框變形
　● 轉成圖像變形
　● 彎曲文字
　● 設定文字變形

輸入文字是按下選項列的
　● 在錨點文字和段落文字之間轉換
　● 可將錨點文字轉換為段落文字，調整邊界方框內的字元排文。或者，也可將段落文字轉換為錨點文字，使每一行文字的排文彼此獨立。當您將段落文字轉換為錨點文字時，會在每一行文字的結尾加上一個換行符號 (最後一行除外)。
　● 在「圖層」面板中選取文字圖層。
　● 選擇「文字 / 轉換為錨點文字」或「文字 / 轉換為段落文字」。
　● 點陣化文字圖層
　● 有些指令和工具 (例如濾鏡效果和繪圖工具) 無法在文字圖層中使用。必須先將文字點陣化後，才能套用這些指令或使用這些工具。點陣化會將文字圖層轉換為正常圖層，讓它的內容變成無法編輯的文字。如果選擇的指令或工具需要使用點陣化的圖層，就會顯示警告訊息。有些警告訊息會提供「確定」按鈕，您只要按一下就可以點陣化圖層。
　● 選取文字圖層，並選擇「圖層 / 點陣化 / 文字」
　● 從文字建立工作路徑
　● 您可以將文字字元轉換為工作路徑，將字元當做向量形狀處理。工作路徑是顯示在「路徑」面板中的暫存路徑，用來定義形狀的外框。從文字圖層建立工作路徑後，可以將它儲存起來，並以處理任何其他路徑的方式來處理它。您無法將路徑中的字元當成文字編輯；不過，原始的文字圖層可保留不變，且可編輯。

選取文字圖層，並選擇「文字 / 建立工作路徑」。
　● 註解：您無法從不包含外框資料的字體 (例如點陣字體) 建立工作路徑。
　● 將文字轉換為形狀
　● 將文字轉換為形狀時，會以包含向量圖遮色片的圖層取代文字圖層。您可以編輯向量圖遮色片，並將樣式套用到圖層上；但是，不能將圖層中的字元當成文字編輯。
　● 選取文字圖層，然後選擇「文字 / 轉換為形狀」。
　● 建立文字選取範圍邊界
　● 使用「水平文字遮色片」工具或「垂直文字遮色片」工具時，會建立文字形狀的選取範圍。文字選取範圍會出現在作用中圖層上，可移動、拷貝、填色或塗畫，就像處理其他任何選取範圍一樣。
　● 選取要顯示選取範圍的圖層。為了取得最佳結果，請在正常的影像圖層上建立文字選取範圍邊界，而不是在文字圖層上。如果您想要使用填色或筆畫工具來處理文字選取範圍邊界，請將它建立在新的空白圖層上。
　● 選取「水平文字遮色片」工具 或「垂直文字遮色片」工具 。
　● 選取其他的文字選項，並在插入點或邊界方框中輸入文字。
　● 輸入文字時，作用中圖層會出現紅色的遮色片。按一下「確認」按鈕 後，作用中圖層的影像中就會出現文字選取範圍邊界。


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

==延伸線上教學連結==
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-Design 鍾日欣的官網

我是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 Photoshop 中，文字是由向量式文字外框 (一種以數學方式定義的形狀，可描述字體的字母、數字和符號) 所構成。許多字體都具有多種格式，最常見的格式是 Type 1 (也稱為 PostScript 字體)、TrueType、OpenType、New CID 和未受保護的 CID (僅適用於日文)。

文字工具種類
　● 水平文字工具
　● 垂直文字工具
　● 水平文字遮色片工具
　● 垂直文字遮色片工具

錨點文字(單行文字)
　● 點下文字工具後，在圖面點一下即可打字
　● 每一行文字都是彼此獨立的，該行的長度會隨著編輯而增長或縮短，但是不會換到下一行。
　● 輸入的文字會顯示在新的文字圖層中。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 每一行文字都是獨立的，不會自動斷行
　● 拖曳變形框時，文字會跟著變形

段落文字(多行文字)
　● 拖曳文字框
　● 拉出文字框後，在文字框內打字
　● 輸入段落文字時，文字會換行以符合邊界方框的尺寸。可以輸入多個段落，並選取段落齊行選項。
　● 屬性列上可以做基本格式設定，可以做文字彎曲
　● 文字會自動產生新圖層
　● 適合多行段落文字
　● 加按Shfit可以拖曳出正方形文字框
　● 文字遇到文字框時會自動斷行
　● 拖曳文字框時，文字會自動依據文字框的大小進行換行，文字大小並不會跟著改變
　● 字元面板
　● 設定字元參數

段落面板
　● 設定段落參數

文字變形
　● 利用變形框變形
　● 轉成圖像變形
　● 彎曲文字
　● 設定文字變形

輸入文字是按下選項列的
　● 在錨點文字和段落文字之間轉換
　● 可將錨點文字轉換為段落文字，調整邊界方框內的字元排文。或者，也可將段落文字轉換為錨點文字，使每一行文字的排文彼此獨立。當您將段落文字轉換為錨點文字時，會在每一行文字的結尾加上一個換行符號 (最後一行除外)。
　● 在「圖層」面板中選取文字圖層。
　● 選擇「文字 / 轉換為錨點文字」或「文字 / 轉換為段落文字」。
　● 點陣化文字圖層
　● 有些指令和工具 (例如濾鏡效果和繪圖工具) 無法在文字圖層中使用。必須先將文字點陣化後，才能套用這些指令或使用這些工具。點陣化會將文字圖層轉換為正常圖層，讓它的內容變成無法編輯的文字。如果選擇的指令或工具需要使用點陣化的圖層，就會顯示警告訊息。有些警告訊息會提供「確定」按鈕，您只要按一下就可以點陣化圖層。
　● 選取文字圖層，並選擇「圖層 / 點陣化 / 文字」
　● 從文字建立工作路徑
　● 您可以將文字字元轉換為工作路徑，將字元當做向量形狀處理。工作路徑是顯示在「路徑」面板中的暫存路徑，用來定義形狀的外框。從文字圖層建立工作路徑後，可以將它儲存起來，並以處理任何其他路徑的方式來處理它。您無法將路徑中的字元當成文字編輯；不過，原始的文字圖層可保留不變，且可編輯。

選取文字圖層，並選擇「文字 / 建立工作路徑」。
　● 註解：您無法從不包含外框資料的字體 (例如點陣字體) 建立工作路徑。
　● 將文字轉換為形狀
　● 將文字轉換為形狀時，會以包含向量圖遮色片的圖層取代文字圖層。您可以編輯向量圖遮色片，並將樣式套用到圖層上；但是，不能將圖層中的字元當成文字編輯。
　● 選取文字圖層，然後選擇「文字 / 轉換為形狀」。
　● 建立文字選取範圍邊界
　● 使用「水平文字遮色片」工具或「垂直文字遮色片」工具時，會建立文字形狀的選取範圍。文字選取範圍會出現在作用中圖層上，可移動、拷貝、填色或塗畫，就像處理其他任何選取範圍一樣。
　● 選取要顯示選取範圍的圖層。為了取得最佳結果，請在正常的影像圖層上建立文字選取範圍邊界，而不是在文字圖層上。如果您想要使用填色或筆畫工具來處理文字選取範圍邊界，請將它建立在新的空白圖層上。
　● 選取「水平文字遮色片」工具 或「垂直文字遮色片」工具 。
　● 選取其他的文字選項，並在插入點或邊界方框中輸入文字。
　● 輸入文字時，作用中圖層會出現紅色的遮色片。按一下「確認」按鈕 後，作用中圖層的影像中就會出現文字選取範圍邊界。


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

==延伸線上教學連結==
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-Design 鍾日欣的官網