【遊戲風格 Pixel Art,Procreate 輕鬆畫!】
全新線上課程|問卷募集中:https://pse.is/3lf4p2
📣 大家敲碗用Procreate 畫 Pixel Art之教學...準備要啟動啦!
嗨,我是 Pixel Jeff 皮傑,先前都是用 Photoshop 創作 Pixel Art,但在接觸 Procreate 後,真的是被他的方便性、功能完整給吸引,創作起來更方便、效率些。
-
加上 Procreate 推出動畫功能後,便可以隨時隨地創作小動畫!這次課程,是從基礎開始,一路從認識Pixel Art 到 動畫製作,所以無論你有沒有 Pixel Art 觀念,都不用擔心!
-
這次將與 PressPlay Academy 一起打造這堂「遊戲風格 Pixel Art,Procreate 輕鬆畫!」,藉由復古遊戲美術教大家除了使用 Procreate 創作外,也更加瞭解 Pixel Art 之風格與魅力!希望大家可以輕鬆地一起畫像素!
【這堂 Procreate 課程將教授什麼!?】
Lesson 1 開啟你的 Procreate !
基本功能介紹(上)|筆刷、橡皮擦、圖層、調色板、操作、調整、選取、移動
Lesson 2 繪製前設定
設定紙張、筆刷、基本示範
像素尺寸概論
色彩運用概論
Lesson 3 美術繪製
介面icon設計
像素字體設計
場景設計
角色設計
Lesson 4 動畫特效 I -自然篇(各種動畫練習)
反光、旋轉、飄動效果
爆炸、火燄效果
流水效果
Lesson 5 進階課程:動畫特效 II - 人物篇(各種動畫練習)
獃滯、行走、跑步、跳躍
攻擊/武器、戰損/受傷
雖然課程是「遊戲美術」,但是裡頭包含「字體」、「動畫」...等元素,讓你除了在休閒創作外,也可以應用到工作層面!
-
各位有興趣的朋友,趕快來分享你的想法,協助我把這堂課規劃的更好!
9/20(一) 前填寫,就可以在開課時收到「課程優惠券」喔!
👉 問卷連結:https://pse.is/3lf4p2
同時也有5部Youtube影片,追蹤數超過1萬的網紅鍾日欣,也在其Youtube影片中提到,我是JC老師 電腦相關課程授課超過6000小時的一位 Photoshop 課程講師 由於實在太多同學像我反映希望可以有線上課程學習 所以就決定錄製一系列的 Photoshop 線上影片教學 而且不加密、不設限、不販售,就是純分享 希望可以幫助到有需要的朋友們 這系列 Photoshop 教學影片...
像素字體 在 FanPiece Facebook 的最讚貼文
Mac 笑臉、像素字體、微軟紙牌⋯⋯
-----------------------------------------------
FanPiece🖋https://www.fanpiece.com/
instagram https://www.instagram.com/fanpiece.hk
#FanPiece #Lifestyle
像素字體 在 狂想風珀 Facebook 的精選貼文
找不到合適的像素字體ˊ_>ˋ )
這髮型也是滿有辨識度的
喬了一小段時間的手勢後就沒什麼麻煩的地方了
是説這樣畫應該不會有人覺得下面沒穿吧wwww
像素字體 在 鍾日欣 Youtube 的精選貼文
我是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 鍾日欣的官網

像素字體 在 鍾日欣 Youtube 的最佳解答
我是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 鍾日欣的官網

像素字體 在 鍾日欣 Youtube 的最佳解答
我是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 鍾日欣的官網

像素字體 在 IPix中文像素字体制作· GitBook - 独立游戏开发入门指南 的推薦與評價
文泉驿的像素字体格式比较奇怪,不像TTF可以直接在Unity和其他游戏引擎中使用。而最像素和方正像素,1000美元的单个项目的授权费用对于我这种个人开发者和业余开发者来说, ... ... <看更多>