014_文字工具

這個教學我們來講一下文字 文字工具 文字工具其實有很多種 我們先從最簡單的文字工具說起 我在這邊點下去 它就會出現如果你常用動詞錘 當然這不是我要 只是示範說 你字就會出現在這個地方 那我就把它選起來 我打一個poppy 那我可以把這個字 把它放大 我把它變成72點 然後字體我也可以去選 字體我可以去選 我去選這個 所以它的字體就變成這樣 然後另外這個顏色我也可以去選 比如我選成這樣 這個顏色 那所以這個就是 就是一個poppy的英文字 那如果你要放大 你也可以直接在這邊把它拉大 另外如果你要把它 就是調整一些 字體的其他一些選項的話 你可以在字源這邊去選 然後你可以 你可以把這個 或者是你把視窗 你把這個字源 文字把它叫出來 字源 你可以在這邊去改 比如說這個 你把它改成假設變成48 這個就字體的大小 那我現在是110 因為我是直接用拉的 你只要拉動的話 你會發現這邊就改了 那這個呢? 這是什麼? 是行具 如果你有好幾行的話 還有行具 那這個是什麼東西? 這個呢? 就是可以把這個字 拉高一點這樣子 然後這個呢? 是什麼? 可以把這個字 比如說 拉的寬一點這樣子 那這個是什麼? 這個是 就是 視覺對不對? 或是自動 或者是把它變成0 這個你可以調整 就是這個視覺 自動 或者是變成0 這是目前可以調整的東西 還有一個這個東西 這個很重要 我可以把字變得緊密一點 我也可以把字變得寬鬆一點 現在目前是0 變負的就是 字變得緊密一點 比如我把它這樣子 變成正了 字就變得寬鬆一點 比如我要的是這個 那這樣子 這個一個PUPPY就出來了 那可是呢? 這裡面會 使用文字上有一點非常重要 要跟大家特別去講解一下的 就是說 我現在用的是這個 CenturyGothic這個字 這個字型 那如果 這個大概是一個很普遍的字型 可能大家電腦裡面都會有 那可是它有很多字型 是比較不是那麼常見的 甚至說你可能 你可能會安裝一些 怎麼講? 就是特殊的 你自己從網路上下來的字型 那於是乎這個字型 可能就會變得 非常的特別 非常特別 那這個特別的字型 如果到了別人的電腦裡面 會遇到一個什麼樣的問題呢? 別人的電腦裡面 要是沒有這個字型的話 它就會 沒有辦法顯現那個字型 應有的樣子 比如說這個字型 我假設 假設我用一個 一個比較有趣的字型 好了 比如用這個字型好了 用這個字型 我用的是這個字型 可是如果 我這個AI檔案 把它存檔之後 我給了別人 那別人電腦裡面 要是沒有這個字型的話 那它就不會顯現出這個樣子 它可能就會用 替代的字型去呈現 那於是乎 這個字型的設計樣子就會不見了 那於是乎我的版面 可能就會亂掉 因為我原本的版面配置 是用這個字型來做配置的 那這個字型跑掉了 那我整個版面可能就會 失去它當初的樣子 所以怎麼辦呢? 就是 這個情況下 就有一個技巧 就是我可以把這個字 你不能夠這樣選 你要把它整個 整個圖形 整個區塊選起來 然後文字這邊 你把它選擇建立外框 文字選擇建立外框 那這樣子 它整個 整個圖形 就會變成是一個 外框字 也就是說 這個字它變成是圖 因為它有加了外框 所以它這個字 已經不是一個字了 它是圖形 這就是建立外框 的一個用意 就是把文字變成圖形 那既然是圖形 那你這個圖形如果到別人的電腦裡面 它即使沒有這個字體 它也 這個樣子也不會跑掉 因為它是一個圖 所以就是 在 業界在輸出 illustrator給印刷廠的時候 它往往會把 這個文字 轉成外框 就是怕說到 印刷廠 印刷廠要是沒有那個字體的話 那它的版面 可能就會亂掉 這個是建立外框的 一個好處 可是好處的同時也有缺點 就是它既然是外框 我要去修改它就不能修改了 你看我要去修改它 怎麼這邊變成有很多節點 因為它就變成是外框字了 你就沒有辦法說 你再把它選起來再去做修改 就沒有辦法了 比如我要把 PUPPY變成 PUPPIES變成複數 我要去改Y變成IES 沒有辦法改了 除非你再重新再去 再去 製作 這個PUPPIES 然後再把它轉成外框 你沒有辦法直接去改這個外框 改成其他的字沒有辦法 這個是 轉外框的一個缺點 那優點就是說 字不會跑掉 字型不會跑掉 它永遠維持這個樣子 還有另外優點就是 我可以把它解散群組 解散群組 那這樣子的話 每一個字就變成獨立的 所以我可以把這個字放大一點 然後這兩個字 我把它 往下移 那這個字呢 我就往 往上移一點 那同時呢 我甚至還可以 我甚至還可以在這個地方 這個錨點 我可以把它變成這樣子 或者是我可以 在這邊呢 增加一個錨點 然後我再 用這個 這樣子 把它變成這樣子 甚至說我用 用這個就是 錨點轉換工具 我可以把它這樣子 拉開來 變成一個弧形 這樣子 所以你就可以去變化 因為它變成是外框字 外框字它其實就是 一個 有點像是 用這個 鋼筆工具畫出來的字體 它有不同的節點 那你就可以針對這些節點 去做一些改變 讓這個字體變得 非常有趣 所以總結的來講 為了避免 這個字體 到印刷廠那邊 或到別人電腦那邊 它沒有這個字型 我們往往在 檔案輸出之前 我們會先把它 轉成外框 那轉成外框有好處 也有缺點 好處就是它每一個都變成圖形 所以你可以去編輯這個圖形 不管是編輯它的大小 或者是甚至說是改變 改變它其中的顏色 對不對? 比如變成是這樣子 變成它這樣子 這顏色改變過來了 不管是大小、顏色 甚至說你可以把它的 這個曲線 整個都變掉 位置等等 所以你就可以去 對這個字型 變成圖像後的圖像 去做一些很有趣的 一些變化跟處理 這個就是圖片轉外框 的一個好處 那缺點呢 就是你就不能夠再去 編輯這個圖 比如你要改成 IES 就沒有辦法了 就這樣子 除非你另外再做三個 IES 把這個拿掉 那你另外再做三個 IES 比如這樣 我在這個地方 我再去做三個 IES 對不對? IES 那我就把它這個 這個去 吸取它的顏色 然後這個字型我也變成是 G GOT G OT 這樣子 然後把它 拉過來 然後把它轉成 就是建立外框 建立外框 然後我就可以 去 移動個別的字 要把它解散群組 我就可以去移動 這些字 這個變成這樣 這個變成這樣子 除非是這樣子 反正你就是沒有辦法去編輯這個字體 就對了 那假設我們把這個字 變成這樣子 那這邊我再把它拉長一點 就針對這個點 再把它拉長一點 比如說這樣子 OK 那這樣子 這個自假的時候就做完了 那我現在要跟大家 順便講另外一個東西 叫做濾鏡 那如果有用過 Photoshop的人應該會對濾鏡 相當的清楚 那濾鏡 不只在Photoshop裡面有 在illustrator裡面也有 假設我把這個字 我把它選起來 我在效果這邊 我這邊 變成是一個 紋理 我變成是這個 焊磚效果 就變這樣 就變這樣子 等一下喔 這個要 效果 紋理 焊磚效果 變成這樣子 確定 那這個字就變成這樣子 那我當然可以去改它的顏色 比如說改成這個顏色 這個顏色 甚至說我要加上一個外框 都可以 加一個外框 這個外框呢 我把它變成是 五點 變成這樣都可以 那當然除了這個P之外 其他字你也可以去把它做改變 因為現在 目前它已經不是文字了 而是一個一個的圖形 而且是獨立的 因為我們解散了群組 所以它已經是獨立的字型 所以你可以對每一個字體 字體去 做你想要的變化 那就是 你這邊可以用不同的濾鏡效果 去try 接下來我們再講 文字裡面的其他的 幾個工具 區域文字工具 入境文字工具等等 因為要方便說明 所以我把它拉出來 最基本的就這個 點下去它會出現一些 一些字串 然後我把字體 放大一點 到24點 那 我可以去 把這些字改掉 比如像雲端科技所有行銷 那這個就是這個工具 那這個呢其實就是 比如說我這樣子 變這樣子 這個就是直式的 這個橫式的 那還有呢 這個是入境文字工具 那入境文字工具的話 你就需要有個濾鏡 那我就先把這個 就是 筆畫 把它變成是黑色 然後這個填色變成是五 那我來畫一個濾鏡 然後濾鏡呢 我就從這邊開始 到這裡拉一條 拉一個水平線 然後到這邊 拉一個水平線 這樣子 到這邊 拉一個水平線 然後再到這邊 再拉一個水平線 就這樣子 然後到這邊呢 要結束了嘛 我要把它結束 然後就按esc鍵 就結束了 那為了讓大家看清楚這個濾鏡 我把它放大 這樣子放大 然後呢 請注意我用濾鏡文字工具 我如果 在這個地方 任何一個地方 你只要 你只要移下去看到濾鏡的時候 移下去看到濾鏡的時候 你就點一下 就會有一個濾鏡文字工具 那當然這個字你都可以去改 你都可以去改 那如果 你到這邊 你還沒有看到濾鏡那個字的時候 就是 沒有看到濾鏡的時候 你就點下去 它就會出現說 你必須選取無複合 無遮色片濾鏡 以建立沿濾鏡排列文字 也就是說 你要選取到濾鏡 如果你只是在這邊 點一下它就會這樣出現 可是如果你有出現濾鏡這兩個字 那這樣你就有選取到濾鏡文字工具 比如說我到這個地方來好了 從頭開始 有看到濾鏡了對不對? 我把它點下去 你就會看到青山依舊在幾度夕陽紅 灌看秋月春風 就這樣子 那這個是要請大家特別注意 可是如果說 你在沒有看到濾鏡的時候 沒有看到那個紅色的 濾鏡或是錨 如果沒有看到 你只是在這樣子的情況下 你點下去就會出現這個 你必須選取無負荷無折射片濾鏡 所以這個地方是很容易 會出現問題的 所以請大家務必要注意 所以為什麼要放大 就讓大家看到這樣子有濾鏡了 那這樣OK 如果說沒有濾鏡的時候 沒有出現那個紅字的時候 你直接點下去 就會出現這個錯誤 再來我們來看一下 這個跟這個的差別 那這個 大家看一下 變這樣對不對 那這個呢 看一下 一樣出現錨的時候 點下去 你看它這個字 一個是濾鏡文字工具 這個是垂直濾鏡文字工具 垂直濾鏡文字工具 也就是下面這個 它就是跟這個字體 它是 跟這個濾鏡本身 方向是一樣的 那這個呢 是跟濾鏡是垂直的 大家看這個濾鏡在這邊 這個字跟這個濾鏡 是垂直的 那這個字跟這個濾鏡 是水平的 再來我有一個圓形 從這邊畫一個正圓形出來 然後這個 也是濾鏡 這種圈形也是濾鏡 因為它都有這些錨點 那所以怎麼辦 這些濾鏡一樣可以 出現錨的時候 或是出現濾鏡的時候 你一樣可以點一下 它就會圍繞這個 這個去 建立這個文字 那既然圓形可以 那任何一個形狀 也都可以 比如我用心形好了 我在這邊建立一個心形 然後把它變成是這個 然後一樣我在這邊 只要去選到這個錨 點下去 它就會建立這樣子的 一個濾鏡的文字 那這些 其實都還蠻簡單的 再來呢 我選擇這個 多邊形工具 然後我在這中心點 按ALT SHIFT ALT加SHIFT 它就會從中心 建立一個往外擴張的 正的六邊形 然後把它 變成是這樣子 然後我現在要介紹的是 這個工具叫區域文字工具 剛才的工具 都是沿著濾鏡 去建立文字 那如果我要在 區域裡面建立文字 那要怎麼辦呢? 那就要用這個 區域文字工具 到這邊 點一下 就會出現這樣子 我把這個移開一點 我在這邊再畫一個 ALT SHIFT 然後再拉一個 然後一樣 變成是 壁畫 我這次不用這個 我用這個 那我從這邊開始 大家看一下 我點下去 它變成是這樣子 所以這個區域文字工具 跟這個垂直區域文字工具 它們兩個的 使用方法是一樣的 唯一的差別就在於 這個文字跟這個文字 一個是水平的排列 一個是垂直的排列 就是這樣子而已 那接下來在這個 雲端科技的維基百科裡面 我取一段文字 取一段文字 我把它複製 然後呢 我一樣要建立一個 形狀 我這次用矩形 就在這邊這樣子拉一個 然後改變一下 然後這邊 用這個區域文字工具 然後看到路徑呢 點一下 它還是會出現青山依舊在幾度西洋 那沒關係 我只要按一下Delete 把它刪除掉 按一下Ctrl V 那雲端科技就會出現在這邊 可是呢 請特別注意 它這邊會有一個 這個就是 加號 在一個方的框框裡面 那這什麼意思呢 就表示說 我剛才這些字 其實是比較多的 然後它塞不進去 這裡面 所以它會 還有剩餘的字在後面 那怎麼辦呢? 很簡單 你只要選取 本來是這個區域文字工具 你只要改成 選取工具 然後對著 加號這個地方 你給它點一下 你就會發現 再點一下 要遊標變成是 像這樣子 那其實它就代表說 你可以去貼後面的文字 因為這個遊標底下 是一串文字 那我就在這個地方 比如在這裡 我把它對齊 在這邊點一下 這樣子這個字就下來了 那如果說還不夠 你可以把它拉大一點 拉大一點 這樣就夠了 如果這小一點 不太夠 那你還可以再點一下 那再把它點 就結束這樣子 再把它結束 所以是這樣子 那這個對於排版 就很有好處了 比如說我這邊把它 弄多一點 後面的第三個 就是方塊就沒有用了 那我把它 這個 就是 稍微對齊一點 那 因為這邊字已經結束了 所以這個地方 這個框框你就可以不要了 那我 我可以怎麼辦 我可以利用這個圖片 這邊有個圖片 我把它 圖片 另存新檔 我把它存在桌面上 那我的桌面 就會有一個 Cloud Computing PNG 那我這怎麼辦呢 我就檔案這邊 選擇置入 那我就可以到桌面上 把這個圖片放進來 圖片放進來之後 它會出現這樣的一個符號 有沒有 那我就在這邊點一下 這個圖片就進來了 當然這個圖片太大了 所以我按ctrl-減 我要把它這個 整個版面縮小 然後我要把這個 版面縮小的原因是因為要方便我去 去縮放這個 這個圖形 所以我就可以按住Shift 然後把它縮 縮到這樣子 那我在 檢視底下 使用 使工作區域符合視窗 或者是按ctrl-0 ctrl-0 然後我就 把這個 比如說 我就把它 變成這樣子 把它變成這樣子 然後 這邊我把它 縮小一點 對不對 這樣子 那這樣子就是一個 排版 圖文整合的排版 圖文整合的排版 那這個我可以再把它 弄得更剛好一點 這樣子 那請注意 這邊使用和 交互模式 通常設計 所以通會接到這個長 那如果你 把這個 這個圖片 你把它變大一點 變大一點 變成這樣子 然後這個變成 這樣子 那你這邊也要改 這邊就要縮小 然後這個 可能要拉大一點 那你這邊 就會變得不夠 所以會出現一個夾 那你就可以在這邊再把這個 拉大 拉到說 字全部都有進去 所以這邊 就變成不是通常 而是描述 一下 可是它字不會斷掉 它這個 有這樣的好處就是說 它是連續的 不管你前面怎麼動 前面後面都會連續 也需要直接 有沒有 所以大家應該就可以體會到這個好處 它有這樣的一個東西的話 就是你不管這兩個區塊 怎麼去動 它後面 它整個字都是 連接在一起的 它不會掉字 所以這個在圖文 整合的排版上面 會很方便 再來就是文字工具裡面 最右邊一個 這個工具叫什麼呢? 它的名字叫做 觸控文字工具 這個觸控文字工具 怎麼用呢? 其實很簡單 你只要把它 這個觸控文字工具選起來 然後你點選任何一個字 你就可以對這個字 去做變形 比如說拉寬 比如說 往上拉 拉高 比如說往下 或是往某個方向移動 甚至是說 把它做一個旋轉 做個旋轉 其他字也都一樣 都可以去把它做變形 然後把它移到這邊 所以這些字都可以去 任意的改變 它的位置 跟它的形狀 你只要看到 有它這樣的符號就是變寬 只要看到這樣的符號 就是拉高 看到這樣的符號 就是往這邊拉 只要看到這個符號 就是知道可以往這邊移動 只要看到這個符號 就是知道可以旋轉 所以這個是 非常方便 去變動你的文字 讓文字變得更有趣 的一個工具 好那這樣子 我們這一二三四五六七 這七個文字工具 我們都 介紹完畢了 而且我們也講到了 就是利用這個區域文字工具 加上圖片 可以就很方便的 做圖文整合 就是 圖片跟文字 可以去任意的調動 它的位置 而不會讓那個字 逃掉 即使你變動 那個文字區塊的大小 那個文字也會 自動的銜接起來 這就是所謂的圖文整合 好 那所有的文字工具 我們都介紹完了 那這個教學 我們就介紹到這邊