012_漸層色

這個教學我們來講一下漸層與漸變 那之前我們在填色的時候 不管是這個 就是 邊框 就是這個筆畫 筆畫就是邊框 筆畫的顏色或者是這個填色 就是 裡面的部分 我們都是用 單一的顏色 比如說用藍色對不對 這都單一的顏色 不管是 筆畫或者是填色 我們之前都是用單一的顏色 那其實呢 在illustrator裡面 這個不管是筆畫或者是填色 我們都可以應用漸層色 漸層色 那用漸層色的好處就是說 它的顏色的質感會 更 優美 更漂亮 所以 就是在很多illustrator的實作的作品當中 作者們往往會 喜歡使用漸層色去填色 那我們就來講一下漸層色要怎麼使用 那如果有學過Photoshop的話 那其實illustrator的漸層色跟Photoshop 有很多的共通性 那學起來就會更快 那我們現在的工作區是這個 基本功能 我們就把它轉到這個傳統基本功能 然後呢這邊會有一個 符號 我們把符號點開 然後這邊會有一個 照亮橘色 我們就把這個拉過來 這就是一個符號 然後這個符號我們來看一下 很明顯這個符號的中心點的部分 它就是一個 漸層色 這個漸層色 那我們就來看一看 這樣的一個漸層色 我們要如何去製作 那首先我們把這個就是色票把它叫出來 色票叫出來 那這邊 這個符號其實它有 在色票上面它其實是有不同的顏色 比如說 這外面的筆畫 或是最後面的環它是一種顏色 然後裡面還有一層白的 然後再來裡面還有漸層色 漸層色又分為淺的 然後深的 然後介於這兩個中間的 比較淺一點 就比這個深然後比這個淺 的這個顏色 所以它起碼有五種顏色 那我們就先把這五種顏色先把它 記錄在色票裡面 那要怎麼把顏色記錄在色票裡面其實很簡單 我們只要去點這個填色這個部分 點填色這個部分然後呢 你就把這個 檢測滴管工具 去點一下 這個 那你就發現說這個 填色 它就會變成是這個 外環的顏色 那其實在Photoshop裡面 它叫前景色跟背景色 那可是在Illustrator裡面 它叫做填色跟筆畫 所以這個是Photoshop跟Illustrator不一樣的地方 不過它放的地方 都在這個區域 所以其實還蠻好 做一個Photoshop到Illustrator轉換的 如果你熟悉Photoshop的話 你會覺得這個Illustrator的填色 其實也蠻好用的 那怎麼樣把這個東西 拉到這邊 拉到這個色票裡面來 一個方式是你這樣直接拉 拉過來 拉過來放掉對不對 這是一個方式 那我按Ctrl自己把它復原 另外一個方式就直接在這邊 按一下新增色票 因為我現在 的前景這個就是填色這個顏色 所以你只要按一下新增色票 然後你就發現這個前 填色顏色就過來了對不對 然後你就按一下確定 它就新增到這邊來了 這個就是新增色票的方式 然後這樣子已經有一個顏色了 那我們再來 做第二個顏色 就這個顏色 然後新增色票 確定 再來第三個顏色 點一下對不對 新增色票 確定 就這個顏色然後再來第四個顏色 點一下 新增色票 確定 然後呢再來 點一下這個顏色 然後呢新增色票 確定 那這樣子它就有五個顏色 這五個顏色這個顏色跟這個顏色 還蠻有點像的 不過這個顏色感覺比較深 它是C M YK是1854 你看我點開來 它是 就是 接近17.9所以就1854 910 然後這個呢 它是什麼 1144780其實它們兩個雖然看起來有點 有點接近可是其實它顏色是不一樣的 好那這樣子有了這個 這個顏色之後我們就可以來把這個 環把它做出來 我們就用一個橢圓形工具 然後到這邊你就會看到 你會不會移過來因為我這邊 檢視這裡我有開啟 自行參考線嘛 那有做自行參考線的好處就是說 你可以很容易的找到 它的參考點比如說我在這個地方 我把它放大一點 這樣比較好看 我一般移到這邊就發現出現一個中心點 所以我就知道這邊中心點 那我就按 按ALT加SHIFT 如果按SHIFT它會做一個等比的 可是它不會從中心 做為起點 所以我會 Ctrl Z 我會在這個地方對不對 中心點這裡 加上個ALT就ALT加SHIFT 那就會從中心 延伸一個 正圓形出來 大概就這麼大 好那我就把這個遊標 把這個 移過來 然後呢 要 要用什麼用這個顏色 用這個顏色 那這個其實 你可以把它當作是這個圖形的 筆畫 你可以把它當作是這個 就是這樣一個圖形對不對你可以把它 把它作為 就是把它視為是這個圖形圓形的筆畫 所以呢我就把這個圓形選起來 把這兩個對調 把填色換成 筆畫 它就會 這個顏色就會到筆畫這邊來 那只是它的粗細不夠所以我要把它這個SHORT這邊 我把它變成是10PT 這樣大概就差不多了 那如果你覺得不夠的話你還可以再去改變 這個你把它選起來對不對 你把它變成比如說是12 這樣子 這個大家自己決定 好然後呢 這樣子這個這個外圈就出來了 好再來就裡面 大家看一下裡面它是這個 就是比較淺的 淡黃色對不對 所以我就可以把這個東西 就這個淡黃色視為是 這個東西它的填色 所以我就一樣選這個 一樣選這個然後呢 現在填色是在前面嘛 所以我就用這個滴管工具 去到這個就是 淺黃這個地方 在這邊給它點一下 那你看這個 前面的這個填色 必須要在前面喔 如果說是這個這個在後面的話 比如說填在後面然後筆畫在前面的話你點下去的話 它改變的是筆畫的顏色必須要在前面 在前面的情況下 你去 點這個 顏色對不對 那這個顏色就會變成跟這個顏色一樣 那同時呢 因為我這個有選起來嘛 所以這個顏色就會變成這邊的填色就這樣子 接著呢我要做中心這個漸層的圓 那一樣用 這個 中心點工具然後找到這個中心點 然後跟剛剛一樣 按住Auto加Shift Auto加Shift 然後拉一個圓出來 大概這樣子 那這個圓 我先把它變成是 就是 這個 把它變成這樣子 然後中心 這個都把它移過來 中心這個圓我給它拉出來 我要來 針對這個做漸層 那怎麼做漸層呢就先選起來 然後把這個 填色叫到前面來 本來也許是這樣子你把填色叫到前面來 然後呢你就去點這個漸層 就會跳出一個這樣的視窗 然後它就變成是一個 預設的 黑到白所以這個就變成黑到白然後這邊你就看到填色變成黑到白 那可是黑到白並不是我們要的顏色所以我們要去改顏色 那怎麼改顏色呢 你可以第一個是你可以從這邊按兩下對不對 按兩下 然後在這邊你可以去選 CMYK 那你就可以去改這個顏色有沒有 變成這樣子 那這個也是一樣 我也可以去改顏色 那我這邊選CMYK 然後我就把M 這個K把它弄這樣子 M這樣子然後這個深一點這樣子 這個就變成是 選顏色的一種方式 那也不一定要用這種方式 我也可以用這個 我把這個拿下來 我把這個色票叫出來 我把這個拉下來一點 然後呢你看 他這邊現在目前藍 到紅 那我都要改變的顏色我可以當然可以去點點對不對 然後去選顏色 那可是呢 我現在要的用的是這個三個顏色 所以我就把這個顏色 拉到這邊來這樣就好了 然後右邊這個顏色 就拉過來 這樣就好了 中間的顏色呢我就拉到中間 這樣就可以了 那這樣子這個漸層 就出來了不過 這個漸層出來之後你會發現跟這個不一樣 這個是白的 淺色在上面這個淺色在左邊 他是淺 深 到 這個就是中間對不對 那這邊也是淺 深到中間所以他是一個 跟這個是 有一個90度的差別 所以我這邊可以去改一下角度 我改一下-90度 -90度 如果你是用正90度的話 正90度變這樣子 這個深在上面 那你用-90度的話 就是淺在上面 那這樣子我就把可以把這個搬回來 搬到中心點因為他就因為有智慧型超導線嘛 所以就很容易對齊 對中心點那這樣就做好了 這樣就做好了或者是你也可以這樣你把這兩個選起來對不對 然後你如果不要用智慧超導線的話你可以用對齊的功能 對齊對不對 對齊的功能 然後我這邊選擇對齊至 選取物件 因為他原來是選對齊至工作區嘛 對齊至工作區的話那這兩個他會以這個工作區為準去做對齊 那我是要這兩個本身對齊就好了所以我就選對齊 選取的物件 對齊選取的物件 那所以我這兩個選取對不對 那這邊是選擇對齊至選取物件然後呢 我就 這個水平居中 然後垂直居中那這樣子這兩個就對齊了 好那這個漸層色現在在這邊 我也可以把這漸層色也把它變成色漂 那怎麼做呢你就直接在這邊因為他在他目前是在 在填色的前面 所以你可以直接這樣子按一下對不對 那你這個漸層色你可以給他改一個命名 他就會出現在這裡面 或者是說你就直接把他 拉過來 拉過來這邊也可以 比如說這個我把他delete掉 這個 我把他刪除掉了 你把他直接 把他拉過來 這樣也可以 或是你把他因為這邊都漸層色你把他移到這個地方來 移到這個地方來這樣也可以 那所以這個就是漸層 色的一個使用的方式 當然啦如果 你要把漸層色用到筆畫上面可不可以當然也可以 怎麼用呢我示範一下 我把這個 這個 按alt把他複製出來一個 就這個外圈 好這外圈他目前是 都是用 單一顏色 筆畫也是單一顏色 好那如果我把這個這個外圈對不對 對調這邊這樣子 好那我現在主要是要把這個筆畫 筆畫 叫到前面來 如果是這樣子的話是填色叫在前面 我要把筆畫叫在前面 然後呢 我在這邊 按一下漸層 那你就發現說這個筆畫變成漸層了 那我再去看這個 這個呢 這個你就發現說 這個筆畫 就變成是漸層色 然後 那你如果按alt再複製一個過來 中心點 再中心點對齊 他就變成這樣子 所以這兩個是比較一樣的 那這個呢第三個是連 他的 筆畫 都用 漸層的 好這就是漸層色 的一個使用方式 那當然漸層色不只是可以應用在 就是我們這種就是 圓形啊橘形啊或星形 他也可以用在這個鋼筆工具上面 好比如說我在這邊 好我點一個 然後在這邊再 點一個 我拉一個弧形出來對不對 拉一個弧形出來 然後呢我把他 按alt把這個 截斷 然後呢我再到這邊來點一下 拉一個弧形出來 比如這樣子 好 那這個弧形目前是黑色對不對 我也可以把他色調交出來把這個弧形 改成漸層色這樣子 好那我就把這個弧形刪掉 我把這個移過來一點 那我要再 就是把這兩個選起來 然後alt我再複製一個過來 我要再對這個做一個改變 好那這個我如果把他選起來 我如果把他選起來 你看到這邊有漸層類 放射性漸層對不對 這邊有漸層類型 那目前我們用的是線性漸層 那當然你也可以 改成放射性漸層他就變這樣子 這都可以去選 按ctrl自己把他復原 好然後呢 我這選起來之後還有一個編輯漸層 好那這個你就可以去 比如說去調整這個位置 你看他漸層就改變了 漸層就改變了 他的這個深色地方就會 會有所調整那這個也可以去改變 比如說我把這個移到上面一點對不對 然後這個移到下面一點 你就發現說整個下面這個部分 都是比較深 就是這邊的漸層 本來是深到淺 他變成是整個 深的部分越來越多 如果你把這個弄到最底下來 那就是這塊深的地方會變得很大 所以這個漸層你可以 去做你想要的修改 好那這個就是我們講的編輯漸層 還有一個很有趣的東西是這個 重新上色圖稿 就是我可以針對這個漸層去把它做一個重新的顏色的調配 比如說這個這個顏色對不對 我如果選這個他這邊就變這個 那我如果選這個的話 他這邊就變這個如果選這個的話這邊就變這個然後既然是 變成這樣子他有HSB甚至你也可以把它改成就是 CMYK 那你就可以去改他的顏色 你就可以去改顏色比如說我把這個這個顏色對不對 我把它變成是像往這邊調整 你看他這裡整個顏色就變了 因為他就變成是 是一個就是 綠色的情況本來是這樣 本來是這樣對不對 如果你改這個的話他上面的顏色就會變 那這個是指定 那一個更有趣的是這個東西叫編輯 編輯你現在選的是這個 就是這個比較 土黃色的色系的 好那我把這邊 這個顯示平滑色我把它改成 顯示區段色你就看到他這邊其實 他的顏色是 分成不同的區段如果是改成這樣子的話他就變這樣子 我用這個 那這樣子的話我可以把整個色系 把它做一個修改比如說我這個變成是 綠 這個變成是這個 這樣子他就變成是這樣子 或是我把他這個變成這樣子 這個變成是這樣子 就完全改變他的色系 那可是他還是一樣是漸層 那甚至說對於我就假設我是確定了 那甚至是對於這個外面的這個 外面這個對不對 外面這個那我也可以去一樣去 去改變比如說編輯對不對 那我把他這個 這本來是這樣的顏色嗎 我就把他變成是這樣子 這樣子 這就變確定 這就外框的顏色也改了 好然後呢如果你覺得這個顏色你很喜歡 你想要把它拿來 重複使用的話 你可以把它變成一個符號因為 你看符號 你看我們符號有個這個這個照亮橘色對不對 如果你覺得這個東西你很喜歡的話 你也可以把它拉到 拉到符號裡面 你就新增符號比如說 你就是你可以給他一個有一個名稱 然後就按確定 那以後這個就變成是你的符號 那 用做符號的好處就是說你就不用說把他選起來對不對 按 ALT 去把它做複製你不用這樣子你可以直接 在符號裡面就把他 拉出來去做使用 好那我把這些全部都刪掉那這個符號還在對不對 好那 符號還有一個好處就是你可以用這個 就是符號 噴灑氣工具 我選到這個符號對不對 我用這個符號噴灑氣工具 我可以從這邊 從這裡好了 做一個到這邊 這樣子這個就是符號噴灑氣工具 就是你可以把他這個符號 當作噴槍裡面的 就是 像是墨汁啊 或是他的裡面的元素來去做使用 Ctrl A 把整個縮小一點 好那這個就是 就是符號 噴灑氣 這個教學我們就介紹到這邊