以下介紹幾種科技感按鈕及背景的製作技巧
更多方法可參照畫面解析
大家可以自由應用在想要製作的畫面當中
[hr]
1. 圓角按鈕製作
1.製作圓角
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc009.jpg[/IMG]
2.縮小90%,複製
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc010.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc011.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc012.jpg[/IMG]
3.以美工刀工具切割成圓形
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc013.jpg[/IMG]
4.外框改成無填色
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc014.jpg[/IMG]
5.搭配漸層色,使之產生立體感
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc015.jpg[/IMG]
[hr]
2. 圓形按鈕製作
同樣利用漸層工具產生立體感
可以多觀察並嘗試,製作更有質感的按鈕
1.最外層圓形漸層示意圖
2.上層放置一橢圓,並製作更對比的漸層
3.成品
[hr]
更多現成按鈕可直接在Illustrator的符號中取得,並加以修改成適合的顏色與樣式
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc019.jpg[/IMG]
[hr]
3. 科技感背景製作
1.利用網格工具製造漸層及光亮感
2.利用線條及漸變工具製造具科技感的網絡線
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc002.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc003.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc004.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc005.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc006.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc007.jpg[/IMG]
[IMG]http://i556.photobucket.com/albums/ss1/whc915/sc008.jpg[/IMG]
Edited 2 time(s). Last edit at 06/07/2012 12:27AM by JinJin.
(
編輯記錄)