Illustrator 制作web 2.0風格標簽

2020-04-17 23:33:23

字體：大中小

來源：轉載

供稿：網友

提示
本教程實例由CS 3制作。但是所有CS版本都可以實現這些特效。
本文僅顯示Windows系統快捷鍵步驟1：創建標簽和折痕形狀
使用圓角矩形工具創建一個圓角方形。接著再創建一個稍小一點的圓角方形。使用選擇工具，抓住第二個方形的一角，按住Shift旋轉45度。把第二個方形放在第一個方形的右下角，放在需要做折痕的地方。復制兩個方形粘貼在前面。選中原先制作的方形和原先旋轉的方形，使用交集并擴展形狀，創建出折痕形狀。把復制出來的那兩個方形選中，使用減去頂層并擴展，創建出標簽。現在選中折痕抓住一角，按住Shift旋轉180度。

步驟2：創建發光部分形狀
使用橢圓工具在標簽形狀上半部畫一個橢圓，覆蓋住標簽的上部及左右邊。復制標簽粘貼在前面。選中一個標簽形狀和橢圓，然后取交集并擴展。創建出發光區域形狀。

步驟3：創建發光效果
這一步簡要解釋一下使用漸變創建發光效果，如須進一步說明，請查詢舊貼《不使用混合和透明制作發光按鈕》的步驟3.

使用以下步驟制作發光效果

選中發光區域的形狀并創建線性漸變，第一個顏色樣本取20%的蘭綠，第二個取100%。使用漸變工具調整漸變。去除描邊。選中標簽形狀填充漸變，第一顏色樣本取100%蘭綠，第二取100%蘭綠和50%紫紅。使用漸變工具調整漸變。去除描邊。
如果以上步驟過于簡潔。請參閱《發光按鈕》的步驟3.

步驟4：為折痕添加細節
現在為折痕添加一些深度，選中折痕形狀填充線性漸變。第一個顏色樣本取白色，第二個取20%的黑，然后去除描邊。調整漸變的時候，從折痕形狀的中間開始拉，按住Shift，以45度角拖拽到折痕的右下角。
折痕看上去已經很不錯了，還可以為折痕添加一個陰影以顯示出立體感。選中折痕形狀，按住Alt，向左下方輕輕拖動。復制標簽形狀粘貼在前面。選中新標簽副本和折痕副本，取交集并擴展。把折痕陰影色設定為100%蘭綠50%紫紅。選中原始折痕形狀排列到頂部。一個時髦的web 2.0 標簽就做好了。

步驟5：擴展閱讀
標簽上加上圖標和文字更酷炫！試一試吧！加點不同的顏色，形狀或別的什么玩意兒。如果懶得麻煩又需要標簽圖標，可以在iStock上買得到。

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

上一篇：Illustrator基礎教程之簡單制作金屬紋理

下一篇：Illustrator CS3把作品轉化和編輯為灰度模式