
看上去精致漂亮的葡萄酒瓶,其實制作起來非常簡單,用fireworks只需幾步,就能輕松打造。
首先,用形狀工具畫出相應(yīng)的形狀,通過這些形狀的組合,我們能夠得到一個瓶身。

接著,我們開始制作瓶頸,用鋼筆工具勾畫出半個瓶頸的形狀,通過復(fù)制-水平翻轉(zhuǎn),得到右邊半個,這樣制作的瓶頸看起來對稱平整,比完整勾勒的更好。用路徑面板中的組合路徑拼合他們。

把制作完成的瓶身和瓶頸組合起來,得到完整的葡萄酒瓶子,這里由于在做包裝紙的時候我需要用瓶頸部門形狀,所以暫時不需要把他們合并路徑。

添加高光是很關(guān)鍵的一部,因為有了光影變化,才會有立體感,使用漸變填充,調(diào)整透明度,使高光看起來更自然,更符合現(xiàn)實情況,如果平時注意觀察,就可以做的更好。

復(fù)制瓶頸形狀,切去不需要的部分,我們得到瓶頸包裝紙的形狀,是不是很方便。

標(biāo)簽由3部門組成,這里你可以自由發(fā)揮,可以做一個自己品牌的葡萄酒,讓酒瓶更有個性。

現(xiàn)在,葡萄酒瓶制作完成啦,是不是很容易,有些細(xì)節(jié)其實還可以更加細(xì)化些,比如瓶口部分的透視還不是非常好,希望大家看了我的教程后,可以做出更好,更有創(chuàng)意的各種瓶子。


這里先說下制作要注意的地方:筆者感覺竹子最重要的部分就是關(guān)節(jié)部分(2段竹子的結(jié)合處)這也是竹子的特點;還有就是竹段中,類似絲狀的紋理。
下面我們就用Fireworks來繪制清新翠綠的竹子:
1、首先畫一個27*105的矩形(數(shù)值近似就可以),然后調(diào)節(jié)四腳的結(jié)點,使矩形中間的位置向內(nèi)凹。

圖1
2、加上漸變色,由于筆者想做的效果并不是那種很真實的竹子效果,所以顏色淺了些;而且只是簡單的漸變:#009000 #00cc00 。

圖2
3、在變形的矩形上加一些105高的豎線,注意間距要是不相同的,用來做竹子上竹絲的感覺。顏色要深些:#006600 透鏡度調(diào)到20。

圖3
4、這一步用來給竹子的上下邊緣加陰影,用來突出竹段之間接合的部位;在上端邊緣的部分畫一個長10像素的線段,顏色#006600,高斯模糊1;

圖4
5、這一步與上一步基本相同,只不過是在底部邊緣的部分畫一個長10像素的線段,顏色#ffffff,高斯模糊1;

圖5
6、到這一步竹段的部分就已經(jīng)制作完成了,全選Ctrl+G,然后復(fù)制一個竹段,使它和第一個竹段首尾相接,但之間要留一個像素的空隙,在這個空隙中填充一條線段,顏色#006600,透明度30%。

圖6
7、這一步制作竹葉:畫一個寬35高8的橢圓;刪除上下2個結(jié)點;調(diào)節(jié)右邊的結(jié)點,使圖形左尖右寬;

圖7
8、給竹葉加內(nèi)側(cè)發(fā)光,顏色#ccff00,最后再在竹葉的靠右邊畫一條白色的橫線,高斯模糊0.7,透明度60;

圖8
9、基本的元素都完成了,下面就是擺放啦,這里就不具體說了,大家可以自己隨意。不過有幾個要注意的地方:竹葉的大小不能全部一樣,要適當(dāng)?shù)恼{(diào)節(jié)使之有所區(qū)別;竹子擺放的時候要上下錯開,看起來自然些,就這樣了。

圖9
在黑暗中拿個手電簡對著相機揮舞,拍下光線的軌跡……這種不用噴漆的“光線涂鴉”大受歡迎,它的魅力不僅表現(xiàn)在黑夜里光彩奪目的絢爛,更多的是人們對一種隨時會幻滅的美好畫面的著迷。 簡單地說,就是在黑暗中,拿個手電簡對著相機,揮舞,拍下來的東西,當(dāng)然,事先要將相機調(diào)整到合適的狀態(tài),用什么手電筒,以及揮舞的路線,那還是要花點時間計劃一下的。
下面我們用Fireworks來模擬這種“光線涂鴉”的效果。
先看一下最終效果:

最終效果
1、創(chuàng)建一個新文檔,打開下面的圖:

圖1
2、再導(dǎo)入一張行人過馬路的圖片素材:

圖2
3、使用fireworks中的鋼筆工具勾出人物的輪廓,使用鋼筆時請不要選擇任何填充與邊框顏色

圖3
4、隨后在描邊色邊上的下拉框中選擇“筆觸選項”,設(shè)置參考如下英文設(shè)置,這里這么做的目的是將之前鋼筆輪廓進行描邊

圖4
Fireworks中制作炫光效果
1、新建畫布600×400,填充黑色
2、設(shè)置畫筆大小,柔化邊緣,用畫筆工具在畫布中涂畫,如圖

3、對剛才的圖形做運動模糊,設(shè)置角度90,距離100,效果如下

4、平面化剛才的圖形,通過復(fù)制和變形工具達到如下效果

5、新建矩形框,填充漸變,圖層模式為疊加,效果如圖

6、克隆剛才的矩形框,改圖層模式為柔光,效果如下

7、選擇鋼筆工具,設(shè)置筆觸,按需要繪制相關(guān)路徑,效果如下

8、最后再添加一些細(xì)節(jié),效果如下

最終效果圖:



第一步:畫一個圓
啟動Fireworks -> 將背景調(diào)成“黑色”,在畫布中畫一個圓。

第二步:添加輻射漸變
像圓內(nèi)添加漸變,漸變的方式選為“放射狀”,顏色填充值為#000000 ->#FFFFFF。同時設(shè)置透明度為55%。

第三步:改變圖像混合模式:疊加
現(xiàn)在我們把剛才畫好的那個圓復(fù)制一個副本,并且將它的透明度調(diào)整為100%,將它放到最頂層并向左偏移,“圖像混合模式”改為“疊加”。

說到摳圖,一般大家第一反應(yīng)都會是Photoshop,但是PS的龐大體格,有的時候使用起來并不是很方便。本文中,就為大家介紹使用Fireworks摳圖的全技巧,方便一些習(xí)慣FW的朋友做摳圖之用。
方法一:利用魔術(shù)棒、套索工具摳圖
這方法比較簡單,處理一些簡單的摳圖時大家都會用到它們。
1.魔術(shù)棒的應(yīng)用:
簡要步驟:(1)選魔術(shù)棒工具;(2)點擊空白區(qū)域;(3)反選;(4)羽化;(5)后期處理;

2.套索的應(yīng)用:
由于Fireworks沒有磁性套索工具,只有套索和多邊型套索以及兩個選區(qū)框工具,因此用它來摳圖很笨拙,有那個時間還不如用鋼筆工具方便,所以此工具多用來刪除圖片上一些不必要的東西,如一些比較突兀的文字。
簡要步驟:
選擇套索工具;
勾需要刪除的區(qū)域;
調(diào)整輪廓區(qū)域;
刪除;
后期處理;
利用魔術(shù)棒、套索工具摳圖,邊緣部分效果不是很好,通常通過縮小圖片尺寸,蒙版,增加適當(dāng)?shù)谋尘暗群笃谔幚矸椒▽⑦吘壧摶?/P>
方法二:利用鋼筆工具摳圖:
利用鋼筆工具勾輪廓線,然后“將路徑轉(zhuǎn)化為選取框”是FW和PS在進行摳圖時比較常用的一種方法,而鋼筆工具使用,則是最基礎(chǔ)的東西。
簡要步驟:
選鋼筆工具,設(shè)置線條的顏色,填充方式為透明;
勾輪廓線,并進行細(xì)微調(diào)整;
選取命令“修改–將路徑轉(zhuǎn)換為選取框”,邊緣通常設(shè)置為“消除鋸齒”;

利用鋼筆工具勾輪廓,然后轉(zhuǎn)選取的摳圖方法操作比較簡單,效果也不錯,但是轉(zhuǎn)選取框后需要再修改的時候還得重新勾。當(dāng)然,轉(zhuǎn)選取框之前可以備一份備用。
方法三:利用蒙版摳圖:
利用蒙版摳圖不僅可以隨時修改,而且不破壞原圖,基本原理和夜行衣差不多,黑的部分看不見,白的地方能看到,灰的地方若隱若現(xiàn)。
簡要步驟:
利用鋼筆工具勾輪廓線;
將輪廓線設(shè)置為透明,將填充設(shè)置為白色;
選擇白色的圖形和底圖,選擇命令“修改–蒙版–組合為蒙版”;
細(xì)致調(diào)節(jié)及后期處理。

這個“鋼筆+蒙版”的摳圖方法可以應(yīng)付絕大部分棱角分明的對手,但是當(dāng)面對陰柔多變的女性角色,特別是有著一頭飄逸發(fā)絲的對手時,就有點力不從心了。
方法四:利用通道摳圖:
通道摳圖一直是PS的絕學(xué)之一,F(xiàn)W在這方面要遜色很多。其精髓就是“以彼之道,還施彼身”。
詳細(xì)步驟:
(1)復(fù)制原圖;

(2)利用色階濾鏡保留一個對比度較高的通道;
a.選擇色階路徑;
b.選擇要去掉的通道;
c.將輸出色階的最高值設(shè)置為0;

上圖中選擇使用綠色通道(此圖該通道對比度較高),因此將紅色、藍色通道的輸出色階最高值設(shè)置為0。
(3)利用顏色填充濾鏡形成灰度圖;
a.選擇顏色填充濾鏡;
b.填充顏色選擇黑色,混合模式為“飽和度”;

上圖為進行顏色填充后的效果圖,該圖與PS中綠色通道的灰度圖基本相似,今后我們模擬PS通道時就可以采用上述的兩個濾鏡。
(4)利用曲線濾鏡增強對比度;

(5)利用色階濾鏡增強對比度,方法是利用底部的滑塊調(diào)節(jié)“輸入色階”的最高值;

(6)利用鋼筆工具勾內(nèi)部輪廓,選中內(nèi)部輪廓和上圖,使用“修改–平面化所選”命令形成位圖;

(7)利用反轉(zhuǎn)濾鏡得到用于蒙版的位圖,并進行“平面化所選”操作;

(8)選擇用于蒙版的位圖和底圖,選用“修改–蒙版–組合為蒙版”命令進行蒙版操作;

(9)添加背景,形成最終效果圖。

方法五:利用Knockout外掛濾鏡摳圖:
Knockout濾鏡感覺和PS的抽出濾鏡比較相似,一般有官方版和綠色版兩種,通常官方版要到商店購買,
安裝方法:將含有該濾鏡的文件夾放到Fireworks安裝路徑下的Plug-Ins目錄下放,如“C:\Program Files\Macromedia\Fireworks 8\Plug-Ins”
簡要步驟:
選擇“濾鏡–knockout2–載入工作圖層”;
勾內(nèi)部對象,即內(nèi)部需要保留的區(qū)域;
勾外部對象,即外部需要保留的區(qū)域;
選擇底色,細(xì)節(jié),并執(zhí)行該操作;
選擇“文件–應(yīng)用”,形成透明背景的圖象,完成摳圖工作。

上圖為該外掛濾鏡的基本使用方法,只是為了說明問題,所以做的不是很細(xì)致,見諒。
作為一名Fireworks使用者,如果能夠熟練使用上述五種方法進行摳圖,那么相信足可以應(yīng)付絕大多數(shù)的摳圖需求。
]]>先看下最終效果:

1、先新建600*400圖檔,背景白色,畫一圓形;

2、新增、調(diào)整節(jié)點,使圓形不規(guī)則,大體符合橙子外形標(biāo)準(zhǔn);

3、放射狀填充,顏色調(diào)為#FFC33E、#FF6600;

4、鋼筆工具畫出橙子的受光面邊緣羽化10,用曲線略調(diào)亮點;

5、復(fù)制橙子外形圖層,重新定義填充顏色,制出橙子背光面的陰影;

6、復(fù)制橙子外形圖層,轉(zhuǎn)成位圖,選中套索工具羽化20勾選底部受光面,顏色調(diào)蛋黃色;

7、將底部受光圖層透明調(diào)成38,全選組合,用曲線略調(diào)亮點;

8、復(fù)制橙子外形圖層,填充色#FF6600,紋理選網(wǎng)格,制出橙子的表皮紋理,設(shè)為色彩增值,透明度18;

9、用鋼筆工具勾出橙子的柄來;

10、調(diào)柄的顏色、光澤,給橙子加陰影、背景,成形。

源文件:

本文中我們用Fireworks軟件對一現(xiàn)成的圖標(biāo)圖像做一些細(xì)節(jié)刻畫,讓圖標(biāo)更加精致漂亮!
使用Fireworks(以下簡稱FW)進行圖標(biāo)設(shè)計主要要留意兩點:
一是FW專注于web設(shè)計,不適合創(chuàng)造一些過于復(fù)雜的PS效果,可以期待FW CS5的PS濾鏡;
二是FW的編輯方式類似于AI,如果您習(xí)慣于工作在PS類的像素著色環(huán)境下,可以忽略這篇教程。
接下來進入正題,我們拿一個比較標(biāo)準(zhǔn)的圖標(biāo)來臨摹做說明,這樣可以方便大家理解。
下圖是國內(nèi)知名的eico design所創(chuàng)作的一套圖標(biāo),我們要臨摹的對象就是圖中被框住的信封圖標(biāo)。事先說明一下,因為教程的主題,我們會對這個圖標(biāo)加入一些細(xì)節(jié),因此我們的最終臨摹結(jié)果會與原圖不太一樣。

Step 01
把需要臨摹的圖標(biāo)剪下來作為參考,鎖定圖層。我這里FW的路徑面板是從Fireworks CS4中提取的,不過對接下來的操作都無影響,因為我使用的全是CS3包含的功能。

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

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

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

Step 04
用白色箭頭選中途中所示那些節(jié)點,然后用鍵盤的方向鍵往下挪兩個像素,這樣使信封看起來長一點(因為這里單個圖標(biāo)不受整體風(fēng)格約束)。

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

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

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

Step 07
底部加個1px高光。

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

Step 09
暫時把背景改成白色,我們可以看到之前一個倒三角因為使用了羽化,有一些像素從信封兩邊溢出了一點。

這里有兩種方法可以對這些像素進行處理,一是Flatten為Bitmap,二是保留路徑的前提下做遮罩,我偏向于后者,因為這樣保留了路徑,以后如有需要可以進行再編輯,操作如下圖所示:

Step 10
我們回到深色背景,有沒有感覺到信封的兩邊顯得有點平?我們用一個Bars或者Radial填充來加點效果上去。

Step 11
接下來為信封的上下三角形加單像素高光,因為之前已經(jīng)反復(fù)講過路徑相減(Punch Path,您可以在Modify ? Combine Paths菜單下找到它)的操作,這里不再作說明,如下圖:

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

Step 13
因為背景是比較深的顏色,我們可以考慮加個發(fā)光。這里我們不去用FW的投影或發(fā)光濾鏡,還是用Path,為什么?因為比較好控制,個人喜好吧。我們可以做一個比信封底層的圓角矩形上下左右多1px的新圓角矩形,不羽化,透明度30。

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

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

Finish
最終效果(信封下方的三角用路徑加了Path作為投影)

這篇教程原本是網(wǎng)上的PS教程,我嘗試用FW實現(xiàn)了這種效果的制作,下面是操作步驟:













