Illustrator 活用技巧 1 漸變風格【中文字幕】

| 跟Adobe學Illustrator |
Adobe 線上雜誌Create Magazine 最近介紹了一位義大利的插畫家Andrea Minini安德利亜 米尼尼，他在2014製作了一系列動物的插畫，簡單而優美的線條立刻受到全球矚目，他使用Illustrator的漸變工具讓平面插畫看起來有3D立體效果， 影片中我將為你介紹如何用漸變工具製作出同樣的效果。
原文出處- goo.gl/FbCJRD
Andrea Minini插畫作品- www.behance.ne...
Adobe Create Magazine線上雜誌 - create.adobe.com/
適用軟體：這個功能從 CS6 到最新的 CC 2017 都可以用
錄影版本：Illustrator CC 2017 Mac繁體中文版
~~~
這個KZbin頻道主要介紹一些軟體功能及使用技巧，國外網站有許多很棒的學習資源，但是大多是英文的， 我會精選內容翻譯消化後，用中文版重新錄製適合初學者的教學影片，有些是我自己的使用心得。
| 訂閱頻道 |
goo.gl/NZzSgM ，只要有新影片上架，你就會收到通知，立刻可以觀賞精彩內容。
| FB 粉絲頁 | / jimmyh519
我在FB會介紹Adobe軟體教學影片、設計師精彩作品、學習筆記
| 好學校 |【Photoshop最重要的基本課】 hahow.in/cr/jh...

[@洪國峰-g7t]

您好 請教老師，請教 我成功漸變後，中間的線 線頭與線尾 都還是粗粗的一致線條， 只有最外圍剛開始拉的曲線，是線頭與線尾都是尖細的，我有什麼設定沒有調整到嗎?~

[@jimmyh519]

之前有位網友Min ji回覆如下 ，你可以試試看 forums.adobe.com/message/5661699#5661699 這裡有簡答，基本上兩條線要框起來一起做stoke的設定。 分開設定即使變數相同，漸變也只會抓到預設的數值。

[@洪國峰-g7t]

好的，老師，您的影片講解真的好清楚，都一看就馬上會了，真的很謝謝 ~!

[@jimmyh519]

洪國峰 謝謝，歡迎你訂閱我的頻道喔！

[@洪國峰-g7t]

老師，我都有訂閱 這不訂閱太可惜了 XD

[@ko75395109]

非常實用的教學 十分感謝老師的分享!!

[@jimmyh519]

謝謝你，歡迎訂閱我的頻道喔😄

[@aiaigina1]

ＹＡ恭喜訂閱破6000 (我是第6000個 ）開心～～ 謝謝老師分享＾＾ 學習中～ 製作完成品再與老師分享

[@jimmyh519]

哇，謝謝你的鼓勵，我會繼續努力的～！

[@kehu51]

1、畫兩線條→ 路徑→簡化路徑(使線條更平滑) 2、點【漸變】→ 分別點兩條線 （出現＋號）→ 即增加第三條線段 → 雙擊【漸變】→指定階數

[@羅玉環-o9y]

老師您好！ 請問這花朶有AI檔案可以下載嗎？我進官網好像不能下載了

[@jimmyh519]

哈哈，原作者沒有提供檔案耶，我也是看了這篇文章- creativecloud.adobe.com/cc/discover/article/simple-yet-stunning-how-to-create-artwork-with-illustrator-s-blend-tool?locale=en ，然後自己試出來的，畫得沒有原作者好，你也可以試看看。

[@leeloohsu5891]

你好 請問老師 我試著做Andrea Minini插畫之松鼠線條作品, 但只有松果成功, 身體跟尾巴一直漸變不出來類似的樣子. 請教有什麼建議作法嘛？謝謝

[@jimmyh519]

嗯，我覺得他應該有個獨門技巧是我們不知道的。可能是錨點的數量和位置（增加更多的錨點），或者他會不會分兩次做，然後再加遮色片，這可能要你自己嘗試或者問他本人了🤔

[@leeloohsu5891]

@@jimmyh519 謝謝老師的說明 我也都來試試看

[@qiangwu2674]

夏老师，麻烦请教一下技术性问题，我的电脑是最新的imac pro。学习illustrator 2019版本，最近发现建立2000多一点分辨率的文件时，做一些操作的时候，感觉电脑很慢，我很困惑，感觉电脑配置应该还行，不知道什么原因，希望您在工作之余能帮我解答，非常感谢。

[@jimmyh519]

電腦變慢的原因有很多，有時和硬體有關，有時和軟體有關，有時和字型有關，我上網看了一下，請參考這兩份文件試看看 改善 Illustrator 在 Windows 上的效能- helpx.adobe.com/tw/illustrator/kb/optimize-illustrator-performance-windows.html 提升 Illustrator 在 macOS 上的效能 - helpx.adobe.com/tw/illustrator/kb/optimize-illustrator-performance-mac-os.html

[@qiangwu2674]

@@jimmyh519 非常感谢老师的回复，您辛苦啦。

[@shanfung9762]

你好，請教老師，如何按照一定弧度切割線或面，讓兩個圖案完美貼合，沒有出現重疊，謝謝！另外問如何反選遮色片，例如只要背景不要內容，謝謝！

[@許佳韋]

2020/02/15 現在才看到，根本救世主，謝謝，超受用！

[@jimmyh519]

很開心對你有幫助😉

[@BEAUTIFULJIANGLIFE]

夏老師我又來發問了，想問一下AI這個軟體的功能是否已經足夠我使用，因為我之後主要想編輯設計的風格為 將現有的照片轉換成像是Andy Warhol那種普普藝術風格。比較少自己去畫出來的東西，頂多加上文字。還有不曉得illustrator裡面的PS特效多不多，主要會想使用的效果應該是轉換成油畫 素描 水彩之類的。目前已經仔細再思考是否要購買Mac筆電和購買軟體的階段，因為直接操作比較不會像在紙上談兵，也才會有一定的學習壓力

[@jimmyh519]

通常一開始做設計大概用Photoshop和Illustrator就足夠了，如果你想把照片變成普普藝術效果，有幾種做法給你參考 1. 用Photoshop的動作效果- kzbin.info/www/bejne/p2q6iI2aZcx_lck ，這種就是你要知道在哪裡去改才會有變化。 2. 用Illustrator的鋼筆工具自己畫- kzbin.info/www/bejne/bZu2c42taM6lbaM ，這個案例是極簡風格，不過也可以做出Andy Warhol的效果。 買電腦是重大投資，你可以先找學校或工作的地方是否有機器可以讓你先練習看看，再決定你要的機型，加油！

[@BEAUTIFULJIANGLIFE]

夏榮慶Jimmy 謝謝！夏老師真的很熱心，應該找不到像您這麼厲害又願意分享的人才了。我之前是有使用免費軟體photocap將照片調整對比和改顏色，做出來的效果還蠻Andy Warhol的，我很喜歡，但圖檔是一般的點陣圖，我想說能否使用免費軟體photocap將圖做好，然後再用illustrator使用描圖功能變成向量檔，可行性不曉得ok嗎

[@BEAUTIFULJIANGLIFE]

夏老師眼睛也要記得多休息，30分鐘休息10分鐘。現代人真的很方便，有3c能夠使用，但眼睛也真的很重要

[@jimmyh519]

一開始可以用描圖做，等你希望做更多變化時，就用鋼筆工具畫🙂

[@jimmyh519]

謝謝你

[@yu-sianweng4050]

請問老師，我拉第二條線的時候，第一條的部分線段卻消失了! 不知道問題出在哪裡，求解 此外即使兩條線都完整，漸變後部分原始的兩條線卻消失了，導致漸變 也不完整，非常苦惱

[@jimmyh519]

沒有看到你的做法，也沒法幫你抓哪裡凸槌，只能建議你，另外開個新檔案，重新做一次，你要注意線條本身不要有填色，只要有筆畫色就好，再試看看囉😃

[@yu-sianweng4050]

好的，謝謝老師

[@yu-sianweng4050]

報告老師，我把白色填色取消就解決了，謝謝提醒

[@jimmyh519]

太好了，恭喜你自己解決問題👍

[@stanosherman3350]

老师，照您讲的做好了渐变图形，我还想把图形做成渐层彩色的，但怎么调都是黑色的，求解！

[@jimmyh519]

如果就這這例子來看，你要先設定好兩條線條是不同的顏色，再去做漸變，才會有色彩漸層的效果😀

[@stanosherman3350]

@@jimmyh519 谢谢老师，我试看看

[@juanmauricioperez2036]

SCREEN ILUSTRATOR ON ENGLISH PLEASEEEEEEEEE MAGNIFICENT VIDEO

[@jimmyh519]

Thanks for your comment🙂 Please refer to text version in English - goo.gl/FbCJRD

[@xiangyan-ct1ue]

2020好象没有这功能啊老师

[@jimmyh519]

這部影片用了很多功能和工具，不知道你指的是哪一個？

[@jimmyh519]

2020的工具列會看起來不太一樣，但是工具都還在，你要找找看

[@guaguasha5223]

老師好，請問封面那張圖也是用AI繪製的嗎? 請問有教學嗎?

[@jimmyh519]

是的，都是用類似的技巧，只是調整你的線條就好了。 原始文章在這裡- create.adobe.com/2017/3/22/simple_yet_stunning_how_to_create_artwork_with_illustrator_s_blend_tool.html

[@guaguasha5223]

@@jimmyh519 不好意思，我沒有描述清楚。想問的是影片開頭0:01-0:05 有雲彩、夕陽的那張

[@jimmyh519]

Guagua Sha 哈哈😄誤會了。 這張我不知道，我只看過2018的啟始畫面，請參考 facebook.com/1806551876258711/posts/2199364470310781/?d=n

[@jimmyh519]

啊，找到原作者了- www.cristianeres.com/illustrator-cc/ 但是不知道有沒有教學🤷‍♂️

[@shawndavil]

很實用的案例 !

[@jimmyh519]

謝謝你的肯定😄

[@alice1818100]

你好~請問MAC的鋼筆結束快速鍵是ESC鍵，那Windows版的快速鍵是什麼?謝謝你的教學!很受用喔！感謝回答~

[@jimmyh519]

邱冠茹 沒有試耶，我以為也是ESC，如果不行，請試試看按Enter 或Return鍵，還是不行，就選到選取工具

[@alice1818100]

有喔~使用Enter鍵可以~謝謝喔~不好意思，在請教一個問題，就是花中心的花瓣有蓋住下面的效果，是要在製作一個白底，還是有什麼辦法？因為如果用白色填滿的話，就會有一半的線條不見>

[@jimmyh519]

邱冠茹 呵呵，你問了個好問題。影片中最外圍的大花瓣填色是無，第二層的花瓣，你可以在下方另外畫一個不規則型，填色是白色就好了。

[@jimmyh519]

Jill Wang 是，你可以把原使（還沒做漸變）兩條線拷貝貼上，改變排列順序到下層就好了

[@Celery82730]

請問老師 我在選取平滑顏色之後 有時後做出的效果 會變成兩條線中間多一條介於兩條線段中間色的線 而不是平滑的緞帶效果 為ˋ甚麼會這樣呢 而有時候 在存檔完重開檔案 原本的平滑顏色緞帶效果 會變成指定階數的效果

[@Celery82730]

線條只有選筆畫 沒有填塞效果

[@jimmyh519]

面對這種「有時候」的問題，我沒有什麼好方法。我自己會這樣做，如果這個問題再出現，我會記下剛才的步驟，然後注意下次是否相同的步驟會產生同樣的結果，再去google 找答案或者打Adobe客服電話詢問囉。

[@火星花花]

老師 CC 和 CS6有什麼差嗎?

[@jimmyh519]

很棒的問題！請參考這幾部影片 👉Photoshop CC 2019 十大新功能- kzbin.info/www/bejne/n5WTfYGmhdermq8 👉Illustrator CC 2019 九大新功能- kzbin.info/www/bejne/kGbUhYttpZuegZI 另外，CC 2019已經多了幾個新的軟體，代表現在及未來的設計趨勢，在影片製作，Premiere已經進化調整成為多數知名KZbinr 採用的工具之一；在UI/UX方面，Adobe XD是很認真的要追上其他競爭對手，擺出的陣仗、投入的資源、合作夥伴陣營都讓我嚇一跳；還有Dimension可以把Illustrator包裝設計立體3D化，你也可以看看下列影片 👉Rush CC 2019 輕量級剪片App- kzbin.info/www/bejne/enzHoIFujb2sm5Y 👉Dimension CC 2019 十大新功能- kzbin.info/www/bejne/q56TiKunpat7gcU 👉Adobe XD CC 2019 六大新功能-kzbin.info/www/bejne/Y5bbp2t4pKuLetE 如果你想知道最新的設計趨勢及免費資源，也歡迎你去我的臉書粉專看看- facebook.com/pg/jimmyh519/

[@midaries]

請問我用線條，已改成兩條線條用寬度為兩點小，中間厚的線條形狀，但用漸變時，仍為一樣粗細的線條，而非有變化的線條，請問該如何解決呢？謝謝。

[@jimmyh519]

有時候是選取的問題，建議你先回到還沒套用漸變前的兩條線條，點選寬度描述檔中的第一項『一致』，然後到下拉式選單[選取] >[取消選取]，然後用黑色選取工具再點選線條一次，點選寬度描述檔中不同粗細的描述檔，應該就可以了。 寬度工具的使用可以看這支影片- kzbin.info/www/bejne/p3-5YX58q6mGnas

[@Julie6-6]

請問老師 我找不到形狀的筆刷 不像您的頁面上排有工具列 我該怎麼找呢

[@jimmyh519]

請問你用哪個版本呢？

[@Julie6-6]

@@jimmyh519 應該是2018

[@jimmyh519]

@@Julie6-6 請你到下拉選單，選擇「視窗」>「筆畫」，在「筆畫」面板最下方也有描述檔的選項

[@Julie6-6]

@@jimmyh519 有很多筆刷就是沒有那種的，在想是不是被刪掉了，我去網上找好了。

[@Julie6-6]

@@jimmyh519 謝謝老師

[@feifei6373]

简体中文版上面这个叫“混合工具”，同时也存在“渐变工具”，所以无法理解繁体版本中的渐变工具，总之技巧不错，学习了

[@jimmyh519]

feifei skystar 繁體中文版的漸變工具是Blend tool, 漸層工具是Gradient tool, Adobe在繁體和簡體翻譯會有一些差異的

[@feifei6373]

明白了，thank you!

[@KiKi-mw1ht]

請問老師，為什麼我拷貝貼上、排列至最後，最前面的圖形還是可以看到最底下的圖形? 請問老師可以怎麼解??

[@jimmyh519]

這支影片有答案- kzbin.info/www/bejne/bYe3lJmooMhjfbs

[@KiKi-mw1ht]

謝謝老師

[@曾敏英]

老師，請問你是用哪個版本？

[@曾敏英]

老師，謝謝你。我已經看到你用的版本：Illustrator CC 2017 Mac繁體中文版 (我的工具沒有美工刀，不知是哪個版本？)

[@jimmyh519]

@@曾敏英 一種可能是你用的是2020以後的版本，在界面上有點改變 請到下拉式清單>視窗>工具列 如果你的設定是「基本」，請改成「進階」 這樣就會看到了

[@jorgeluisdavilamalo2588]

¡Muy bueno!

[@jimmyh519]

¡Gracias!

[@劉泓昇-m5e]

您好～請問上下寬度不同的線條（描述檔）是不是無法做漸變效果

[@jimmyh519]

有時候是選取的問題，建議你先回到還沒套用漸變前的兩條線條，點選寬度描述檔中的第一項『一致』，然後到下拉式選單[選取] >[取消選取]，然後用黑色選取工具再點選線條一次，點選寬度描述檔中不同粗細的描述檔，應該就可以了。 寬度工具的使用可以看這支影片- kzbin.info/www/bejne/p3-5YX58q6mGnas

[@minji6650]

forums.adobe.com/message/5661699#5661699 這裡有簡答，基本上兩條線要框起來一起做stoke的設定。 分開設定即使變數相同，漸變也只會抓到預設的數值。

[@劉泓昇-m5e]

歐歐太感謝你了 我找好久還是找不到解答 趕快來去看看

[@劉泓昇-r4n]

所以看來是不行，那作者的動物創作應該是用其他方法了

[@Mao_jin_ping]

機器人出來

[@jimmyh519]

??? 看不懂你的意思耶

[@Mao_jin_ping]

秒回 0.0