1、輸入文字後ctrl+shift+p,再ctrl+j轉成合成路徑 2、ctrl+shift+c複製一個。為方便我的講解,我對上層文字命名為a,下層文字為b.選中b層文字進行位移,位移後的效果如下: 3、隱藏a層文字,繼續對b層文字進行設定,畫一矩形,放置如圖示位置: 4、同時選中b層和矩形,執行修改>>組合路徑>>聯合,得到如圖示的樣子: 5、選中刀子工具切割這個路徑的下部,切割後刪除下部的那些路徑,再回到層面板,顯示a圖層,最後得到如圖示的樣子: 6、再
濾鏡 在剛接觸EYE candy濾鏡時,我就曾經對幾個常用濾鏡進行執行個體講解,在講解fire(火)濾鏡的時候,用到的執行個體就是燃燒火焰字的動畫,當時是用逐幀製作來實現效果的。後來在寫《FW網頁設計專家門診》的時候,也沿用了這一方法,重點是介紹fire濾鏡,而不是動畫的製作過程。 在看到文字色彩坡形動畫的相關文章時,忽然想起來其實eye
本小節中我們看看怎樣使用Fireworks MX 2004設計一張GIF動畫Banner,以一個宣傳天柱山的Banner為例,主要熟悉Fireworks中幀面板、動畫、元件等工具的使用方法。文章末尾提供.png檔案供大家下載參考。 完成效果如圖: (1) 建立一個大小為468×60的檔案,設定其畫布顏色為透明,並匯入一幅汽車的位元影像映像,得到圖1所示的映像。 圖1 建立檔案並匯入映像 (2)
今天我們來繪製一個飛舞的蝴蝶動畫,讓蝴蝶的翅膀在不停地扇動著,如同一隻現實中的彩蝶在翩翩飛舞。還可以在網頁製作過程中在Deamweaver中將這個GIF動畫插入一個層之中,然後設定時間軸來控制動畫在網頁上的運動路徑,用以實現它在頁面上飛舞的效果。主要用來熟悉Fireworks MX 2004中幀面板中匯出GIF動畫檔案的用法,同時熟悉魔棒工具的用法。文章末尾提供.png檔案供大家下載參考。 完成效果如右圖。 下面我們介紹具體的繪製過程,看看蝴蝶翅膀扇動效果是如何?的。 (1)
形狀 本文執行個體主要和大家一起繪製南開大學的校徽。我們的思路是校徽中心放置“南開”兩個字來代表學校的名字,文字的四周是個八角的星狀映像,星狀圖外切一個圓形,圓形外圍有個“NANKAI UNIVERSITY”和“TIANJIN”等文字,這些文字又是處在另外一個圓環之內的。下面我們就來看看校徽的具體製作步驟,從中熟悉Fireworks MX 2004中形狀、文本、路徑等工具的使用。文章末尾提供.png檔案供大家下載參考。 繪製步驟 (1
特效
特效 二、效果欄的使用 在為繪圖物件添加各種特效後你會發現,在對象屬性框中的效果欄內會將該對象所用到的所有特效一一羅列出來。如圖31中,該橢圓對象即被添加了“內斜角”、“尋找邊”和“新增雜點”三個特效。圖31 特效被添加進來後,若要再次修改其相關數值時,可點擊該特效左側的“編輯特效”
特效 5、“調整顏色” >“亮度/對比” 啟用該特效時會彈出一個設定視窗。通過拖動
網頁 以前用Fireworks輸出的網頁,匯出的表格和自己期望的不一樣,還不方便修改,後來才知道(知道的太晚了)—— 為了能讓Fireworks 匯出更符合DW修改的 HTML 網頁,提高效率,一般要做以下設定: 1.選擇“檔案”>“html 設定”,或者單擊“匯出”對話方塊中的“選項”按鈕。 2.單擊“表格”選項卡。從“間距”快顯功能表中選擇一個間距選項: 這裡有三個選項: “巢狀表格格 -
教程 Fireworks是由Macromedia公司開發的網頁製作軟體利器之一。 在繪圖方面Fireworks結合了位元影像以及向量圖處理的特點,不僅具備複雜的圖象處理功能,並且還能輕鬆地把圖形輸出到Flash,Dreamweaver
設計 看了天極網的用fireworks設計一張屬於自己的郵票,自己也動手試著做了一張。完成效果如下。 完成效果 繪製步驟: 1) 建立一個大小為325×195的檔案,點擊“視圖”菜單,選擇“網格-顯示網格”用以開啟網格方便的編輯。接著選擇“網格-編輯網格”,這時跳出“編輯網格”對話方塊,在其中設定網格顏色為#0000FF,設定網格的寬高均為13,如圖1所示,得到圖2所示的映像。 圖1 設定網格屬性 圖2 網格顯示在畫布中 2)
今天我們帶大家用Fireworks做一個寫實作品:手機。主要技術是用明暗光影表現凹凸和質感,細節的表現要非常仔細。 文章末尾提供.png檔案供大家下載參考。 製作步驟: 在Fireworks中建立一個300*520大小的新畫布,白色背景,解析度為72。因為我們將要畫的這個手機從擺放的角度上看是左右對稱的,因此我們可以先用鋼筆工具勾畫出機身左邊的大至輪廓,然後用“細部”工具做細小的修改和調整後如圖01。
這裡我們使用Fireworks MX 2004來繪製一幅QQ企鵝的映像,這裡主要熟悉一下工具箱上橢圓、選擇、縮放等工具的使用,看看如何通過它們繪製簡單的卡通效果。 繪製過程: (1)建立一個大小為300×300的映像,然後使用工具箱上的橢圓工具 繪製一個大小為139×115的橢圓,設定填充色為黑色,如圖1所示。 圖1 繪製橢圓 (2)同理繪製另外一個橢圓設定大小為164×149,這樣大致得到了“企鵝”的頭部和肚子,如圖2所示。 圖2 繪製第二個橢圓 (3)接著就要繪製“
本文中我們建立一個具有膠片形式的動態影視Banner,首先製作一個具有膠片效果的邊框,接著使用幀面板製作GIF動畫效果。主要熟悉Fireworks MX 2004中組合、幀面板、修改畫布大小、動畫面板等使用。文章末尾提供原檔案供大家下載參考。 下面我們看具體操作步驟。 1) 建立一個353×51的檔案,設定背景顏色為黑色,如圖1。 圖1 建立一個檔案 2)
過程|網頁|詳解|最佳化 網頁映像的要求是在儘可能短的傳輸時間裡,發布儘可能高品質的映像。因此在設計和處理網頁映像時就要求映像有儘可能高的清晰度與儘可能小的尺寸,從而使映像的下載速度達到最快。為此,必須對映像進行最佳化。 在Fireworks
軟體:Fireworks MX 2004 濾鏡:Fireworks內建Edges濾鏡和EYE CANDY4000裡的動作軌跡 第一步:建立檔案大小自定在這裡我建的是(531*433)背景為黑色,輸入字型A(字型為ARIAL BLACK)顏色為(白色)選中字型A將字型轉換為路徑(CTRL+SHIFT+P)充填:(空)描邊:大小(6)描邊顏色:(白色)描邊種類:(1素象柔化)邊緣為(0)得到如下效果: 第二步:選中字型在選效果--->Aline skin splat
先做一支筆,筆的做法很簡單,開啟FW,建立200*200透明的圖象,然後用矩形工具在上面畫二個矩形(筆尖和筆杠),經過使用變形工具,筆就做好了,儲存映像待用: 開啟一幅漂亮的畫,上面寫上你想要的字型,然後儲存.儲存格試為JPG映像,開啟這幅映像,點: 我選了20幀,多餘的以後可以刪去,因為手寫效果,要一筆一畫的寫,所以要一筆劃一幀,多餘的用橡皮擦工具擦掉. 第一幀:第二幀:第三幀:第四幀:最後效果就是這個的:匯入剛才做好的筆,在字的開頭:複製這支筆,粘帖到每一幀,移動到每一筆劃的後面:
先參閱一下效果圖: 1、建立一個檔案,畫布背景顏色選取白色。同時將畫布大小設定稍大些; 2、使用Fwmx2004的向量工具,繪製圓角矩形,自選一種紋理效果填充,如圖: 3、輸入文字“織夢論壇”; 4、在圓角矩形右、左上方繪製小圓形,如圖所示: 5、添加輔助形,找到該圓角矩形的中心點位置,如圖: 6、在中心點上方垂直輔助線上繪製漸層效果的小圓形,以及兩根斜直線段,複選該圓形及斜直線對角,組合并移至最後,使用鋼筆工具,分別在兩個白色小圓形上繪製曲線。如圖: 7、群組(Ctrl+A、
硬碟
微軟