Illustrator 繪制更清爽的發光按鈕

2020-04-17 23:33:33

字體：大中小

來源：轉載

供稿：網友

曾有人問過我許多次，我在iStock上出售的發光按鈕是怎么做出來的。盡管還有許多其它的教程，本教程卻教會你制作沒有使用混合和透明度的按鈕。相比其它教程，本技巧應用到其它不同的元素上要相對容易得多。此外，使用發光效果將會創建更清爽，更易用，更協調一致的文檔。提示：
本教程使用CS3制作，大多數功能可以在AI 10及以上版本中應用。CS3中的特殊功能將予提示。
快捷鍵顯示為橙色，蘋果電腦中？表示Command，Ctrl鍵為Windows系統中對應按鈕（譯者注：本文僅顯示Windows系統快捷鍵）步驟1
以CMYK模式新建一個文件（色彩模式以后更改）。使用矩形工具(m)建立一個矩形，使其與你需要創建的按鍵尺寸大致相同。如果需要，可以以合適的數值，使用濾鏡-風格化-圓角使矩形圓角化，我用的值是0.125。（譯者注：搞不清楚老外為什么總愛用濾鏡創建圓角，干嘛不直接用圓角矩形工具，難道AI的早期版本沒有圓角矩形工具？）
在AI中不使用混合和透明度制作發光按鈕

步驟2
這一步我們來建立按鈕的發光區域，用矩形工具(m)在按鈕形狀的下方一半的地方，再拉出一個矩形，新矩形比按鈕形狀的左右邊及底邊都稍長一些，它的位置差不多應該在按鈕的中下部。復制(ctrl+C)按鈕形狀，粘貼在上方(ctrl+F)。選擇要發光的部分和按鈕的副本，取這兩部分的交集，然后點擴展交集（路徑查找器里的最右邊的一個按鍵）。
在AI中不使用混合和透明度制作發光按鈕

步驟 3
現在添加漸變：這里是制作發光的精華部分了。首先在漸變面板里選擇線性漸變，在按鈕形狀里拉出一個漸變。點擊漸變里的第一個顏色樣本，在顏色面板里把顏色改為20%的藍綠?？赡茼汓c擊顏色面板頂部右方的選項來改變CMYK色條。接下來，點漸變面板中的另一個顏色樣本，改為100%的藍綠。選中按鈕形狀，使用漸變工具(g)，從按鈕形狀的頂部向下拉出漸變直到發光形狀的上部。
接下來要做的是讓發光區域的漸變看上去象是一個按鈕。這一次，使用淺一點的100%藍綠和其它顏色的100%藍綠以及50%的紫紅。選中發光區域，使用漸變工具(g),從發光區域的底部向上拖動直到區域的頂部。
我使用顏色面板混合顏色，但是使用拾色器會更舒服些，原理是一樣的，
去除所有描邊，按鈕就做好了。
在AI中不使用混合和透明度制作發光按鈕

步驟 4
可以以任何方式裝飾按鈕。添加邊框啦，文本啦，標識啦等等 ?？纯次姨峁┑倪@些示例，只要重復步驟2和3（改變顏色很容易），你即可把發光添加到須裝飾的按鈕的任何部分中。不要忘了把每個對象的發光區域安排在按鈕的頂部。
在AI中不使用混合和透明度制作發光按鈕step_4

http://img.VeVb.com/file_images/illustrator/201007/2010072123084263.jpg

譯者：藍色理念
Q Q：18268754
翻譯日期：2010.07.15
原文出處：http://vectips.com/tutorials/shiny-buttons-without-blends-or-transparencies-in-illustrator/
備注：”工具”、”菜單”及”選項”的譯文使用”CS 5 官方中文版”默認關鍵詞，在文中加粗顯示。如需轉載，請注明出自”PS真功夫”。不足之處，敬請指正

上一篇：Illustrator 插圖轉化為污穢效果的圖像

下一篇：Illustrator 宣傳Band of Horses的海報