Sketch文字漸層色教學
Published in
4 min readMay 15, 2019
兩種方式：文字轉線框上色、覆蓋漸層色塊圖形。
在 Jhane Chou 的付費牆文章，淺談版面設計技巧（二）運用篇，其中一張配圖有用到文字漸層色：
雖然並不是該篇重點，但視線突然停留在這張，想說要怎麼用Sketch做出來？以後自己做文章配圖可能會用到呢。
所以這篇就誕生啦～摸索後方便日後回顧、避免下個月就忘記 囧
作者付費牆去年這篇好讀的排版指南，也推薦給大家。
Sketch直書排版
我選擇的句子是：「在孤獨中成形的事物，往往也能用來救贖孤獨。」出自《孤獨的城市》。
書並沒有看過，之前在日曆看到蠻喜歡、有特別拍下來。
原先要用的句子是《不認輸的骨氣》裡的：「有一天，或許你會發現，最感動的不是你完成了，而是你終於鼓起勇氣開始。」
這本書很非常勵志，大推。
但如此正面的句子、用帶有消失意味的效果感覺很不妙…
Sketch本身沒有直書排版，但做法也很直覺：拉出文字框按Enter換行就可以排出來了。
或是直接縮放文字框更快。
直書的行高右邊可以調整。
方法一：文字轉向量線框
在工具列點右鍵，從自訂工具列中把Outlines拉到捷徑。
選擇右邊文字，點Outlines將文字轉換成向量線框就可以直接上色了。
右邊的填充色選漸層，第二個線性漸層。
將起始點設成和背景色相同，結束點設成透明度0%，拉出控制軸調整成自己喜歡的角度和深淺位置就好囉！
方法二：覆蓋漸層色圖形
這個方法最直覺，在簡報軟體也能做出來：用圖層概念直接疊一個漸層色塊就可以了，參考我在截圖下方的示意。
拉出漸層色塊的範圍，完成～！
成品
與孤獨相關的句子蠻適合這樣消失消失的邊緣感。
技巧不難但看了別緻，越來越多Medium文章都有精美配圖，也要學個幾招增加文章質感(´・ω・`)/
在文章首圖用的可愛字型是Mamelon，在好字型心情好有分享過。
之前Sketch系列還有寫過 Symbols新手起步走、Zeplin與Slices切圖。
我喜歡透過分享幫助更多朋友，文章回饋、或是任何想法，歡迎透過臉書訊息與我聯繫。如果文章有所幫助，別忘了鼓掌灌溉、手指留香喔！ ✧*｡٩(ˊᗜˋ*)و✧*｡
