您現在的位置是:電腦技術吧?>? 基礎知識 ??>??化妝品網站,化妝品論壇網站首頁??>??正文詳情

化妝品網站,化妝品論壇網站首頁

公孫子帆2019-11-19 13:11:19 人圍觀
簡介化妝品備案網站在這個例子中,我們向我們的朋友介紹如何使用煙花合成設計制作化妝品網站的主頁。在這個例子中,我們將學習焰火位圖工具的應用以及合理使用材料設計網頁設計草

本例向朋友介紹運用Fireworks合成設計制作一個化妝品網站首頁,在本例中我們將學習到Fireworks位圖工具的應用、合理運用素材設計網頁設計稿的方法,希望能給朋友們帶來幫助~~  本例是一個以女性化妝品為主打產品的企業宣傳網站的形象頁面效果圖設計。

該公司一直致力于結合科技和自然的化妝品產品的研發,主打自然健康的產品理念,因此在整體的頁面設計中以綠色為主要的風格,同時配以女性模特、植物和蝴蝶的素材來體現清新、自然的感覺。

如圖1.1所示。

  1.1 效果圖  素材如下

  設計過程:  1.新建一個Fireworks文件。

  2.在彈出的【新建文檔】對話框中設置畫布的寬度為760像素,高度為430像素,背景顏色為白色。

如圖1.2所示。

  圖1.2 【新建文檔】對話框  3.選擇繪圖工具欄中的【選取框】工具,在【屬性】面板中進行相應的設置,如圖1.3所示。

  圖1.3 【選取框】工具的屬性設置  4.使用【選取框】工具在畫布的右側繪制一個矩形選區,如圖1.4所示。

  圖1.4 使用【選取框】工具繪制選區  5.選擇繪圖工具欄中的【漸變】工具 ,這時【屬性】面板會自動變成漸變色的調節屬性。

設置漸變的類型為線性漸變,漸變顏色為白色過度到綠色。

如圖1.5所示。

  圖1.5 【漸變】工具的屬性設置  6.使用【漸變】工具,在畫布右側的選區中單擊鼠標左鍵,漸變色即可填充到當前選區中。

如圖1.6所示。

填充完畢,按快捷鍵【Ctrl D】推出位圖編輯模式。

  圖1.6 給選區填充漸變色  【說明】使用【漸變】工具在選區單擊,得到的漸變色方向默認為水平方向,如果希望得到不同方向的漸變色,可以使用【漸變】工具在選區中拖拽填充。

  7.在Fireworks 8的新窗口中打開事先準備好的圖像素材花草.jpg,選擇繪圖工具欄中的【橢圓選取框】工具,在【屬性】面板中進行相應的設置,如圖1.7所示。

  圖1.7 【橢圓選取框】工具的屬性設置  8.使用【橢圓選取框】工具在圖像花草.jpg中繪制一個正圓的選區。

如圖1.8所示。

  圖1.8【漸變】工具的屬性設置  9.按住鍵盤的【Shift】鍵,這時在鼠標指針的右下角會顯示一個小【 】號,表示添加選區。

使用【橢圓選取框】工具在當前選區的基礎上增加一個新的選區。

如圖1.9所示。

  圖1.9 使用【橢圓選取框】工具增加選區  10.現在得到的是有點類似于望遠鏡的兩個橢圓連接在一起的選區,如果需要調整選區在圖像中的位置,在【橢圓選取框】工具選中的狀態下,直接用鼠標移動即可。

把選擇的像素區域,復制到前面新建立的畫布中來。

如圖1.10所示。

  圖1.10 把選中的像素區域復制到畫布中  11. 在Fireworks 8的新窗口中打開事先準備好的圖像素材模特.jpg,選擇繪圖工具欄中的【多邊形套索】工具,在【屬性】面板中進行相應的設置,如圖1.11所示。

  圖1.11 【多邊形套索】工具的屬性設置  12.使用【多邊形套索】工具,把圖像素材模特.jpg的人物區域選中,如圖1.12所示。

在選擇的過程中,不需要完全的壓邊,因為有羽化的設置。

同時如果不小心選擇錯誤的話,必須重新繪制選區。

  圖1.12 使用【多邊形套索】工具選擇像素區域  13.把選中的像素區域復制到前面新建的畫布中,如圖1.13所示。

  圖1.13 復制選中的像素區域到新的文檔中  14.選擇繪圖工具欄中的【橢圓選取框】工具,其屬性設置和前面一致。

在畫布中繪制一個橢圓的選區。

如圖1.14所示。

  圖1.14 使用【橢圓選取框】工具繪制選區  15.選擇【選擇】【反選】命令(快捷鍵為【Ctrl Shift I】),對選區進行反選操作,這樣選中的就是橢圓選區以外的部分。

如圖1.15所示。

  圖1.15 對選區進行反選操作  11.在圖層中選擇圖像素材模特.jpg所在的圖層,按鍵盤的【Delete】鍵,即可刪除所選中的像素區域。

根據需要,可以適當移動選區,對圖像素材模特.jpg的邊緣部分進行多次刪除,最終效果如圖1.16所示。

  圖1.16 刪除選中的像素區域  17.選擇【修改】【變形】【水平翻轉】命令,改變模特素材的水平方向。

并且使用【縮放】工具適當調整圖像的尺寸,對齊到相應的位置。

  18.打開【屬性】面板中的【亮度/對比度】濾鏡命令,適當增加其【亮度】和【對比度】屬性,使圖像素材更清晰明亮。

如圖1.17所示。

  圖1.17 對圖像素材進行色彩調整  19.使用繪圖工具欄中的【直線】工具,在畫布中繪制一個十字坐標,并且在【屬性】面板中設置其筆觸樣式為虛線。

如圖1.18所示。

  圖1.18 繪制十字坐標  20.在Fireworks 8的新窗口中打開事先準備好的圖像素材向日葵.jpg,選擇繪圖工具欄中的【多邊形套索】工具,其屬性設置和前面一致,把向日葵選擇下來,并且復制到當前畫布中。

如圖1.19所示。

  圖1.19 使用【多邊形套索】工具選擇像素區域  21.首先把向日葵復制一個,選中復制的向日葵圖像,在【屬性】面板的【濾鏡】菜單中選擇【模糊】【運動模糊】命令。

  22.在彈出的【運動模糊】對話框中設置好相應的屬性,效果如圖1.20所示。

  圖1.20 給圖像添加【移動模糊】濾鏡  23.在【圖層】面板中調整模糊后向日葵的排列順序,拖拽到所有對象的下方,并且同時設置其【透明度】為40。

如圖1.21所示。

  圖1.21 調整圖像的排列順序和透明度  24.把另外一張向日葵的圖像縮小到適當的尺寸,并且移動到十字坐標上,如圖1.22所示。

  圖1.22 縮小向日葵圖像的尺寸,并且移動到相應的位置  25.使用繪圖工具欄中的【選取框】工具,選中圖像中多余的像素區域,依次刪除。

如圖1.23所示。

  圖1.23 使用【選取框】工具,刪除圖像多余的部分  21.最后,在畫布中添加文本和網站標志,整個頁面效果圖就制作完畢了。

效果如圖1.1所示。

版權聲明:本文由 公孫子帆 整理編輯。

原標題:360化妝品網站首頁,國家化妝品網站首頁

轉載注明出處:http://www.dn9ww09s.icu/basics/13636.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 話費q幣,如何用話費充q幣

    話費q幣,如何用話費充q幣 相關圖片移動話費充值q幣事實上,小編很長一段時間都不注意手機充值q幣,直到之前去注銷號碼。結果,手機賬戶上有話務員出示的話費,無法取款,于是他又開始了手機充值q幣的過程,充值...

  • 絕對路徑 相對路徑,相對路徑跟絕對路徑

    絕對路徑 相對路徑,相對路徑跟絕對路徑 相關圖片絕對路徑和相對路徑的特點如果在引用文件(例如添加超鏈接或插入圖片)時使用了錯誤的文件路徑,則引用將失敗(無法瀏覽鏈接的文件,或無法顯示插入的圖片等)。為了避免這些...

  • 貓咪發腮期是什么時候,貓什么時候可以洗澡

    貓咪發腮期是什么時候,貓什么時候可以洗澡 相關圖片貓什么時候掉毛近日,為了迎接“雙11”,淘寶官方又推出了一項名為“抓貓”的活動。那么淘寶雙11抓貓活動什么時候開始呢?淘寶雙11抓貓活動如何參與?現在,讓我們和超人軟件編...

  • 網站廣告條制作,圖片制作

    網站廣告條制作,圖片制作 相關圖片制作banner本例的思路是進口汽車材料,然后制作汽車外觀動畫廣告。在SWiSHmax制作文本動畫,flash的輔助軟件。導入汽車型材材料,制作汽車型材廣告第一部分制作汽車廣告banner如何制作...

  • 百度云盤文件怎么迅雷下載,百度云盤如何用迅雷下載

    百度云盤文件怎么迅雷下載,百度云盤如何用迅雷下載 相關圖片怎么將百度云盤轉迅雷現在我們存儲和共享資源,更習慣使用百度在線磁盤。毫無疑問,百度在線磁盤擁有的資源最多,但百度在線磁盤的下載速度太慢,這讓人頭疼。有時,即使在會...

  • byval和byref的區別,列表框和組合框的區別

    byval和byref的區別,列表框和組合框的區別 相關圖片局部變量和全局變量的區別在VB中,ByVal與byref有何不同?簡而言之,ByVal是要傳遞的值,byref是要傳遞的地址,ByVal:表示參數是按值傳遞的。Byref:表示參數是通byval和byref...

  • 手機迅雷包含違禁內容破解,115違規鏈接資源破解

    手機迅雷包含違禁內容破解,115違規鏈接資源破解 相關圖片115資源違規最新解決當一些霹靂用戶使用霹靂下載時,結果是霹靂非法內容導致資源無法下載。我們該怎么辦?通常,由于要下載的資源是非法的,或者已經被刪除,或者被thunderbolt禁用...

  • microsoft office,office

    microsoft office,office 相關圖片microsoft是什么Table是我們工作中經常使用的office組件之一(對于那些只想安裝excel的人,可以在本文中直接下載excel 2007)。然而,有時令人沮喪的是,微型計wps office...

  • 網頁常用版式設計,優秀網頁版式設計

    網頁常用版式設計,優秀網頁版式設計 相關圖片好的版式設計網站通過對網頁版式的色塊劃分設計,整潔有序。如何網頁排版設計...

  • ppt怎么換另一個的模板,如何整體更換ppt模板

    ppt怎么換另一個的模板,如何整體更換ppt模板 相關圖片ppt整體換模板PPT是我們日常會議和教學所需的工具。有些人的PPT很精致,但有些卻簡單得多。為了讓你的PPT脫穎而出,你需要選擇一個合適的PPT模板,而對于成型的PPT模板,ppt怎么一鍵...

熱評文章

  • 顯卡損壞檢測工具,顯卡顯存故障檢測工具

    顯卡損壞檢測工具,顯卡顯存故障檢測工具 相關圖片顯卡性能測試工具如今,一臺電腦是否容易使用,能否玩上流行的網絡游戲,除了CPU,很大程度上取決于顯卡的性能。要了解計算機顯卡的信息,可能需要顯卡檢測工具的幫助。顯卡的...

  • skype是什么軟件,skype怎么用

    skype是什么軟件,skype怎么用 相關圖片skype 是什么隨著三大運營商紛紛降低收費,合同套餐的分鐘數也在不斷增加,很多人已經忘記了手機的神器:Skype。很多人不知道,Skype是什么意思?Skype是什么軟件skypeapp可以關閉嗎...

  • 漫天花雨套裝效果,漫天花雨

    漫天花雨套裝效果,漫天花雨 相關圖片漫天花雨能觸發濺射嗎在淡藍色的天空下,花瓣隨風飄落,在屏幕上緩緩飄動。你必須說這個效果可以通過flash來實現。事實上,Dreamweaver也可以輕松實現!Dreamweaver夢幻西游所有套裝效...

  • 全民K歌如何發起合唱,全民K歌怎么和好友合唱

    全民K歌如何發起合唱,全民K歌怎么和好友合唱 相關圖片全民k歌怎么一起合唱最近,很多國家級卡拉OK的用戶和朋友都反映,他們在使用該軟件的過程中不知道如何唱歌。所以接下來,超人軟件編輯想為大家解答如何處理全國k歌合唱團的低分...

  • 公共空間設計優秀案例,優秀景觀設計案例分析

    公共空間設計優秀案例,優秀景觀設計案例分析 相關圖片展廳設計案例分析ppt單頁應用是指用戶通過瀏覽器加載獨立的HTML頁面而不離開這個導航頁面,這也是它的獨特優勢。對于用戶操作,單頁應用程序一旦加載并執行,通常會有更多的響應...

  • 貓眼電影卡怎么查余額,貓眼電影卡

    貓眼電影卡怎么查余額,貓眼電影卡 相關圖片貓眼電影折扣卡劃算嗎如今,許多年輕人在購買電影票時選擇使用貓眼電影。你知道怎么檢查貓眼電影的平衡嗎?現在,超人軟件編輯想為您介紹如何為貓眼電影充電。讓我們看看如何...

  • 底片有什么用,底片

    底片有什么用,底片 相關圖片底片什么意思效果如下:  在AS3中顯示對象都有一個transform屬性,設置這個屬性可以改變顯示對象的大小,旋轉,顏色等特性.transform屬性還有它自已的屬性,其底片效果...

  • 魯D,摩拜單車

    魯D,摩拜單車 相關圖片摩拜單車怎么用今天,想必各位小伙伴都可以感受到生活中濃郁的萬圣節氣息了吧!摩拜單車官方就為各位推出了拯救僵尸車活動。那么摩拜拯救僵尸車怎么玩呢?下面,超人軟件小編就為...

  • 蘋果日記本軟件哪個好,蘋果手機日記本軟件哪個好

    蘋果日記本軟件哪個好,蘋果手機日記本軟件哪個好 相關圖片日記本哪個軟件好用很多人仍然保持著記日記的習慣,但使用物理記事本不僅不方便,而且不安全。現在,除了空間和博客,你還有另一個選擇,在你的日記中留下你寶貴的記憶。小編...

  • 炫酷文字圖片,文字背景

    炫酷文字圖片,文字背景 相關圖片霸氣文字控在網頁設計中,如果處理好網站主頁的顏色,可以使整個網站變得更好。巧妙地運用一些交互效果,不僅可以使網頁瞬間變得明亮,而且在提高用戶感知和感官體驗方面發揮...

關注微信

变脸官网查询