?
手機軟件下載|安卓軟件下載|辦公軟件下載|蘋果軟件下載|電腦軟件下載-手機軟件下載中心!
當前位置:軟件下載 > 綜合資訊 > 軟件教程 >

fireworks建造精美圖標教程

時間:2017-10-17 01:37??來源:網絡整理 ?? 熱度::

  這篇教程教三聯的FIREWORKS喜好者們用fireworks打造精美圖標,教程這種先容圖標的細節修飾。建造難度中等,轉發過來和三聯的伴侶們一起進修。

  利用Fireworks(以下簡稱FW)舉辦圖標設計主要要寄望兩點:

  一是FW專注于web設計,不適合締造一些過于巨大的PS結果,請等候FW CS5的PS濾鏡;

  二是FW的編輯方法雷同于AI,假如您習慣于事情在PS類的像素著色情況下,請富麗的飄過。

  接下來進入正題,我們拿一個較量尺度的圖標光降摹做說明,這樣可以利便您領略。

  下圖是海內知名的eico design所創作的一套圖標,我們要摹仿的工具就是圖中被框住的信封圖標。事先說明一下,因為教程的主題,我們會對這個圖標插手一些細節,因此我們的最終摹仿功效會與原圖不太一樣。

fireworks建造精美圖標教程 三聯教程

  步調01

  把需要摹仿的圖標剪下來作為參考,鎖定圖層。我這里FW的路徑面板是從Fireworks CS4中提取的,不外對接下來的操縱都無影響,因為我利用的全是CS3包括的成果。

fireworks打造精美圖標 三聯網 fireworks教程

  步調02

  用Rounded Rectangle東西畫出一個和樣圖相仿的圓角矩形,利用四個圓角節制點調理好圓角的半徑,然后按下Ctrl+Shift+G把圖形打散。

  隨后把第一個圓角矩形復制一份,用白色箭頭東西往四個偏向移動一像素,建造出如圖所示的兩個圓角矩形(留意用白箭頭處理懲罰好圓角處的八個節點,它們是要對齊的)。

fireworks打造精美圖標 三聯網 fireworks教程

  我們不能用Stroke去給矩形加外邊框,因為虛邊會把你給搞死。假如你用Rounded Rectangle東西畫出來的圓角矩形已經呈現了非Stroke虛邊,那就把節點打散后,用玄色箭頭東西選中誰人Path,點擊路徑面板的Round Points to Pixels把路徑的所有節點歸位到像素交點(也可以用白色箭頭東西選中某個節點單獨舉辦歸位)。

fireworks打造精美圖標 三聯網 fireworks教程

  步調03

  把大的圓角矩形復制一份放到最頂層,用白色箭頭共同Shift+偏向鍵獲得一個倒三角,隨即復制一份,上面的倒三角用Linear填充漸變;下面的倒三角實心填充褐色,并配置1px羽化。

fireworks打造精美圖標 三聯網 fireworks教程

  步調04

  用白色箭頭選半途中所示那些節點,然后用鍵盤的偏向鍵往下挪兩個像素,這樣使信封看起來長一點(因為這里單個圖標不受整體氣勢氣魄約束)。

fireworks打造精美圖標 三聯網 fireworks教程

  步調05

  把之前畫的漸變填充倒三角作垂直翻轉,復制一份擺放好,它們的位置干系如下圖所示。兩個倒三角上下相隔1px多一點。可以用白色箭頭東西選擇深褐色倒三角上方的四個節點,以鼠標拖動的方法共同幫助線挪動把節點往上挪0.3~0.5個像素,這樣可以讓深褐色的先顯得不那么虛(再一次重申,盡早撤銷用 Stroke作邊線的動機,這里不是photoshop)。

fireworks打造精美圖標 三聯網 fireworks教程

  步調06

  寄望樣圖的圖標上方有一道高光,并且不是常見的單像素放射高光(約莫為兩個像素的高光處上面的1px高光要亮于下面的1px),因此可以思量用Ellipse這種橢圓形的放射性填充到達這種結果。

fireworks打造精美圖標 三聯網 fireworks教程

  我們選中并復制最底的圓角矩形兩次,移動位置后獲得兩個上下相隔2px的圓角矩形,用兩個矩形路徑相減的要領獲得一個新的路徑,對其舉辦Ellipse填充(白色0-100透明度),最后把這個高光路徑的疊加方法配置為Overlay。

fireworks打造精美圖標 三聯網 fireworks教程

  步調07

本文地址:http://www.qjkiis.live/zonghezixun/ruanjianjiaocheng/28821.html
最近更新
分類選擇
? 神龙宝石APP下载