adobe fireworks cs5教程下載 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置： 首頁 → 教程下載 → 圖形圖像 → Adobe Fireworks CS5中文教程 pdf格式

Adobe Fireworks CS5中文教程

pdf格式

Adobe Fireworks CS5中文教程下載
  • 軟件大?。?span itemprop="fileSize">7.72 MB
  • 軟件語言：中文
  • 軟件類型：國產(chǎn)軟件 / 圖形圖像
  • 軟件授權(quán)： 免費(fèi)軟件
  • 更新時(shí)間：2018-12-30 18:05:28
  • 軟件等級(jí)：4星
  • 軟件廠商： adobe
  • 應(yīng)用平臺(tái)：WinAll, WinXP
  • 軟件官網(wǎng)：

ITMOP本地下載文件大?。?.72 MB

點(diǎn)贊 好評 0%（0） 差評 差評 0%（0）

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評論下載地址

小編為您推薦： Fireworks

adobe fireworks cs5教程使用Fireworks（以下簡稱FW）進(jìn)行圖標(biāo)設(shè)計(jì)主要要留意兩點(diǎn)：一是FW專注于web設(shè)計(jì)，不適合創(chuàng)造一些過于復(fù)雜的PS效果，請期待FW CS5的PS濾鏡；二是FW的編輯方式類似于AI，如果您習(xí)慣于工作在PS類的像素著色環(huán)境下，請華麗的飄過。

接下來進(jìn)入正題，我們拿一個(gè)比較標(biāo)準(zhǔn)的圖標(biāo)來臨摹做說明，這樣可以方便您理解。

adobe fireworks cs5入門教程

下圖是國內(nèi)知名的eico design所創(chuàng)作的一套圖標(biāo)，我們要臨摹的對象就是圖中被框住的信封圖標(biāo)。事先說明一下，因?yàn)榻坛痰闹黝}，我們會(huì)對這個(gè)圖標(biāo)加入一些細(xì)節(jié)，因此我們的最終臨摹結(jié)果會(huì)與原圖不太一樣。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 01

把需要臨摹的圖標(biāo)剪下來作為參考，鎖定圖層。我這里FW的路徑面板是從Fireworks CS4中提取的，不過對接下來的操作都無影響，因?yàn)槲沂褂玫娜荂S3包含的功能。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 02

　　用Rounded Rectangle工具畫出一個(gè)和樣圖相仿的圓角矩形，使用四個(gè)圓角控制點(diǎn)調(diào)節(jié)好圓角的半徑，然后按下Ctrl+Shift+G把圖形打散?！　‰S后把第一個(gè)圓角矩形復(fù)制一份，用白色箭頭工具往四個(gè)方向移動(dòng)一像素，制作出如圖所示的兩個(gè)圓角矩形（注意用白箭頭處理好圓角處的八個(gè)節(jié)點(diǎn)，它們是要對齊的）。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

　　我們不能用Stroke去給矩形加外邊框，因?yàn)樘撨厱?huì)把你給搞死。如果你用Rounded Rectangle工具畫出來的圓角矩形已經(jīng)出現(xiàn)了非Stroke虛邊，那就把節(jié)點(diǎn)打散后，用黑色箭頭工具選中那個(gè)Path，點(diǎn)擊路徑面板的Round Points to Pixels把路徑的所有節(jié)點(diǎn)歸位到像素交點(diǎn)（也可以用白色箭頭工具選中某個(gè)節(jié)點(diǎn)單獨(dú)進(jìn)行歸位）。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 03

　　把大的圓角矩形復(fù)制一份放到最頂層，用白色箭頭配合Shift+方向鍵得到一個(gè)倒三角，隨即復(fù)制一份，上面的倒三角用Linear填充漸變；下面的倒三角實(shí)心填充褐色，并設(shè)置1px羽化。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 04

　　用白色箭頭選中途中所示那些節(jié)點(diǎn)，然后用鍵盤的方向鍵往下挪兩個(gè)像素，這樣使信封看起來長一點(diǎn)（因?yàn)檫@里單個(gè)圖標(biāo)不受整體風(fēng)格約束）。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 05

　　把之前畫的漸變填充倒三角作垂直翻轉(zhuǎn)，復(fù)制一份擺放好，它們的位置關(guān)系如下圖所示。兩個(gè)倒三角上下相隔1px多一點(diǎn)?？梢杂冒咨^工具選擇深褐色倒三角上方的四個(gè)節(jié)點(diǎn)，以鼠標(biāo)拖動(dòng)的方式配合輔助線挪動(dòng)把節(jié)點(diǎn)往上挪0.3~0.5個(gè)像素，這樣可以讓深褐色的先顯得不那么虛（再一次重申，盡早打消用Stroke作邊線的念頭，這里不是photoshop）。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 06

　　留意樣圖的圖標(biāo)上方有一道高光，而且不是常見的單像素放射高光（大約為兩個(gè)像素的高光處上面的1px高光要亮于下面的1px），因此可以考慮用Ellipse這種橢圓形的放射性填充達(dá)到這種效果。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

　　我們選中并復(fù)制最底的圓角矩形兩次，移動(dòng)位置后得到兩個(gè)上下相隔2px的圓角矩形，用兩個(gè)矩形路徑相減的方法得到一個(gè)新的路徑，對其進(jìn)行Ellipse填充（白色0-100透明度），最后把這個(gè)高光路徑的疊加方式設(shè)置為Overlay。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 07

　　底部加個(gè)1px高光。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 08

　　現(xiàn)在的結(jié)果如下圖，先歇一會(huì)兒，喝口茶，接下來我們進(jìn)行細(xì)節(jié)的添加。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 09

　　暫時(shí)把背景改成白色，我們可以看到之前一個(gè)倒三角因?yàn)槭褂昧擞鸹?，有一些像素從信封兩邊溢出了一點(diǎn)。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

　　這里有兩種方法可以對這些像素進(jìn)行處理，一是Flatten為Bitmap，二是保留路徑的前提下做遮罩，我偏向于后者，因?yàn)檫@樣保留了路徑，以后如有需要可以進(jìn)行再編輯，操作如下圖所示：

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 10

　　我們回到深色背景，有沒有感覺到信封的兩邊顯得有點(diǎn)平？我們用一個(gè)Bars或者Radial填充來加點(diǎn)效果上去。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 11

　　接下來為信封的上下三角形加單像素高光，因?yàn)橹耙呀?jīng)反復(fù)講過路徑相減（Punch Path，您可以在Modify – Combine Paths菜單下找到它）的操作，這里不再作說明，如下圖：

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 12

　　同理給下面的三角形加高光。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 13

　　因?yàn)楸尘笆潜容^深的顏色，我們可以考慮加個(gè)發(fā)光。這里我們不去用FW的投影或發(fā)光濾鏡，還是用Path，為什么？因?yàn)楸容^好控制，個(gè)人喜好吧。我們可以做一個(gè)比信封底層的圓角矩形上下左右多1px的新圓角矩形，不羽化，透明度30。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 14

　　再在加一道1px高光在下面。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Step 15

　　至此圖標(biāo)基本完成，下面進(jìn)入潤色階段。我們把所有圖層全選“復(fù)制”一份，然后迅速按下Ctrl+Alt +Shift+Z把圖層平面化為位圖，然后設(shè)置疊加方式為Overlay，透明度60，這樣就會(huì)發(fā)現(xiàn)圖標(biāo)的飽和度、對比度被提高了，這是我個(gè)人比較喜歡的快速潤色的方法，但并非任何時(shí)候都適用，某些時(shí)候你必須手動(dòng)用FW自帶的濾鏡去調(diào)曲線、對比度、飽和度等參數(shù)。

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

Finish 　　最終效果（其實(shí)信封下方的三角我也用路徑加了Path作為投影，寫完了才發(fā)現(xiàn)，我就不再折騰了……）

fireworks中進(jìn)行圖標(biāo)細(xì)節(jié)刻畫

這篇用fireworks進(jìn)行圖標(biāo)刻畫設(shè)計(jì)細(xì)節(jié)教程已結(jié)束，希望大家看完之后，會(huì)有一定的啟發(fā)和幫助！

更多>> 軟件截圖

推薦應(yīng)用

    更多+ 廠商其他下載 電腦軟件 安卓應(yīng)用 安卓手游 蘋果應(yīng)用 蘋果手游 MAC

        其他版本下載

          精品推薦 網(wǎng)頁三劍客 Fireworks

          網(wǎng)頁三劍客
          更多 (97個(gè)) >> 網(wǎng)頁三劍客 網(wǎng)頁三劍客是Dreamweaver，F(xiàn)ireworks，F(xiàn)lash三款軟件的簡稱，從事網(wǎng)頁設(shè)計(jì)工作的朋友應(yīng)該非常熟悉，基本上最開始都是從網(wǎng)頁三劍客教程開始學(xué)習(xí)，然后開始慢慢會(huì)用的。其中Flash是做動(dòng)畫的，Dreamweaver制作網(wǎng)頁的，F(xiàn)ireworks做圖片的，it貓撲網(wǎng)為
          Fireworks
          更多 (24個(gè)) >> Fireworks Fireworks軟件是一款功能實(shí)用、操作簡單的圖形制作和編輯軟件，擁有強(qiáng)大的圖形編輯功能，包括圖像的創(chuàng)建編輯、優(yōu)化、原型構(gòu)建、web設(shè)計(jì)開發(fā)、濾鏡效果、智能縮放、多頁操作等多種實(shí)用功能，同時(shí)軟件還可以和Adobe其他系列的軟件集成實(shí)用，例如Photoshop、flash、Dre

          相關(guān)文章

            下載地址

            • Adobe Fireworks CS5中文教程 pdf格式

            查看所有評論>> 網(wǎng)友評論

            發(fā)表評論

            (您的評論需要經(jīng)過審核才能顯示) 網(wǎng)友粉絲QQ群號(hào):374962675

            查看所有 0條 評論>>

            更多>> 猜你喜歡