星期二, 9月 01, 2015

Illustrator 第六堂

今日重點:漸層按鈕、漸變工具、金屬感圓形





---------------------------------------------------------------------------------------------------------

  • 網站前導頁
    通常商務網站不會製作網站前導頁,但是活動網站為了營造氣氛可能會。

  • 網站前導頁按鈕
    背景是使用前一堂的 Pattern 做的。
    使用同心圓漸層到透明,混合模式製作暗角,營造氣氛。
    漸層跳超過30效果不佳,金屬效果除外,金屬效果必須對比強烈。





---------------------------------------------------------------------------------------------------------


  • 漸變工具
    點對點對應,可以漸變色彩與形狀。


  • 調整漸變效果
    1. 點兩下漸變工具,可叫出面板調整同心率或離心率,還有漸變階數。
    2. Object -> blend -> release 釋放 (還原)
                                -> expand 展開
                                -> reverse spine 反轉顏色
                                -> reverse front to back 上下層互換 (有重疊情況時)
                                -> replace spine 依照所畫的線漸變 (同時選取漸變物件與線條)




---------------------------------------------------------------------------------------------------------

  • 金屬感圓形

再用漸變工具點這兩個漸層圓形,
然後把小圓的尺寸縮為0,就會出現金屬光澤圓形。
(如果要改變漸層,內外的圓都要調整成一樣)




  • 金屬感圓形的應用
    拉條在網頁與app中都會用到。
    圓形轉盤只有在app中才會用到,因為若在電腦觀看網頁,滑鼠操作不便。
    這個也可以拿來做美國隊長盾牌,詳見下堂課。




沒有留言:

張貼留言

CSS3 will-change 屬性

透過 CSS3 中的 will-change 可以提前讓瀏覽器知道某個區塊將會發生什麼動畫效果, 對於在 Safari 中某些動畫造成文字粗細閃爍的 bug,可以用這個方法修復, 對於其他動畫不夠順暢時,或許可以試試看這個屬性, 但這屬性還滿新的,使用前必須看看有沒有支援。...