【Glyphs 3】用可變字型也可以做出填色效果？Google 可變圖標字型研究和試做
7頻道第二部超過半小時的字型教學影片誕生了！
這次用 Google 的可變圖標字型當教材，跟大家介紹怎麼用 Glyphs 製作類似填色效果的可變字型，我覺得做起來蠻有趣的，歡迎一起來玩玩看！
ps.
結尾忘記說，有任何意見或建議也歡迎在下面留言告訴我！
可變字型系列教學影片：
基本製作流程 - https://youtu.be/3JUOFEQUt8s
紅bar的解決方法 - https://youtu.be/synkeLOZLMA
主板間的造型調整 - https://youtu.be/G0gAZox_b3M
用CSS做出動畫 - https://youtu.be/scXHbJy6kPk
#MaterialSymbols #VariableFont #可變字型 #Glyphs
章節目錄————————————
00:00 - 開頭
02:12 - 分析研究：官網
03:52 - 分析研究：Illustrator
08:34 - 分析研究：Glyphs - 字符頁面
10:11 - 分析研究：Glyphs - 繪製頁面
14:40 - 分析研究：Glyphs - 字型資訊
16:47 - 繪製前的草稿說明
17:27 - 可變字型繪製：檔案設定
18:59 - 可變字型繪製：繪製過程
27:40 - 可變字型繪製：輸出測試
28:17 - 問題 1：沒有 Fill 的拉桿？
28:34 - 解決 1：沒有 Fill 的拉桿？
29:38 - 問題 2：Ｅ的變形方式不符期待？
30:22 - 解決 2：Ｅ的變形方式不符期待？
32:14 - 可變字型繪製：再次輸出測試
33:13 - 結尾
資料分享————————————
Google 圖標字型官網：https://fonts.google.com/icons
Google 圖標字型下載頁面：https://github.com/google/material-design-icons/tree/master/variablefont
製作檔分享（Glyphs + TTF）：https://drive.google.com/drive/folders/156n8cViwhnv7qHQR1PkYQMVAHiAQT4LU?usp=sharing
CSS動畫DEMO：https://codepen.io/erikyin/pen/yLKzYOd
我的————————————
各種聯繫管道：https://linktr.ee/erikin1205
Other Videos By TzuYuan Yin's Type & Games Channel
| 2022-09-04 | 【字造工作中 - WIP Live】漢字造字系統實驗 #0 （直播測試） |
| 2022-09-03 | 【雙點校園】 #4 颱風天不要亂跑 / 昨天的魔法系太難了 今天加開趕一下進度（起司球系 考古系 音樂系） |
| 2022-09-02 | 【雙點校園】 #3 繼續上學 這次有ＸＸ芬多魔法學系（魔法學系） |
| 2022-09-01 | 【Glyphs 3】把各種字形塞在一個字型裡 / 多造型字符 假裝隨機的字型設定方法 |
| 2022-08-26 | 【雙點校園】 #2 來顧學生順便聽ＤＪ喇迪賽（機器人系 網路歷史系 騎士學系） |
| 2022-08-24 | 【VLOG 字做日誌】#22 漢字的神秘力量？因為做字生了一場病 |
| 2022-08-19 | 【雙點校園】 #1 如果是二十年前這部遊戲應該會叫《桃李也瘋狂》（科學系 虛擬實境系 美食系 搞笑系） |
| 2022-08-12 | 【極圈以南】今天來看互動式電影 雪地裡的南極圈故事？ |
| 2022-08-08 | 【VLOG 字做日誌】#21 持續做字中 鹵和鬯的再調整 |
| 2022-08-05 | 【Stray / 浪貓】#3 (end) 前半段精彩大結局 後半段 2h speed run 挑戰失敗 |
| 2022-08-01 | 【Glyphs 3】用可變字型也可以做出填色效果？Google 可變圖標字型研究和試做 |
| 2022-07-29 | 【電腦硬體】滑鼠開始亂連點怎麼辦？先不要急著物色新滑鼠 試試看這些方法 |
| 2022-07-29 | 【Stray / 浪貓】#2 給你滿滿的貓貓探險 |
| 2022-07-24 | 【VLOG 字做日誌】#20 字型vs標準字？從造型修改得到的一些想法 |
| 2022-07-22 | 【Stray / 浪貓】#1 貓貓的夜城散步 無情插播 橘貓x2077 |
| 2022-07-15 | 【變異小鎮】#1 繼續玩夏特買的美美的小遊戲 |
| 2022-07-08 | 【圖中畫 / 說故事者 試玩版】夏特買了一些美美的小遊戲來玩 |
| 2022-07-08 | 【VLOG 字做日誌】#19 肉部完成走過五千大關 / 幾個造型修改 |
| 2022-07-01 | 【用心修補 / 圖中畫】夏特買了一些美美的小遊戲來玩 |
| 2022-07-01 | 【Glyphs 3 / 拆字小組 / 全字庫】漢字的奧妙就在拆字和組字 / 拆字系統 IDS 和 Glyphs 外掛拆字小組的應用方法 |
| 2022-06-24 | 【完美的一天DLC - 少年宫秘事】 重回振華 看看新劇情 |