fireworks課程設(shè)計(jì)《手機(jī)宣傳海報(bào)》

1、課 程 設(shè) 計(jì)報(bào) 告 課程名稱：fireworks圖像處理課程設(shè)計(jì) 班 級(jí)： 學(xué) 號(hào)： 姓 名： 完成日期： 2013年12月12日 3課程設(shè)計(jì)任務(wù)書專業(yè)名稱：電子商務(wù)課程名稱：fireworks圖像處理課程設(shè)計(jì)設(shè)計(jì)題目：手機(jī)宣傳海報(bào)效果圖設(shè)計(jì)起止時(shí)間：2013年11月25日至2013年12月12日問(wèn)題描述通過(guò)設(shè)計(jì)并制作手機(jī)宣傳海報(bào)效果圖，掌握利用fireworks cs4軟件制作圖形設(shè)計(jì)與圖像處理的方法，進(jìn)一步了解頁(yè)面、圖層、蒙版、樣式的制作技巧，熟練掌握?qǐng)D像處理的開發(fā)流程，理解濾鏡和切片在圖像效果中使用意義，提高對(duì)fireworks軟件的實(shí)際運(yùn)用能力。基本要求（1）根據(jù)示例完成圖像效果，在

2、處理過(guò)程中強(qiáng)化圖層處理，學(xué)會(huì)使用組合；（2）仿造所給圖片繪制兩張圖像，在繪制過(guò)程中強(qiáng)化基本操作，學(xué)會(huì)使用動(dòng)態(tài)濾鏡、蒙版、樣式；（3）設(shè)計(jì)并制作手機(jī)宣傳海報(bào)效果圖；（4）畫布大小為1748px * 2480px；（5）所選用素材應(yīng)進(jìn)行適當(dāng)調(diào)整及處理，以適合自己的海報(bào)；（6）頁(yè)面主體顏色與題材相符；（7）在網(wǎng)頁(yè)制作過(guò)程中應(yīng)將頁(yè)面元素考慮周全；（8）動(dòng)畫整體美觀大方，效果精致，所有圖片不允許出現(xiàn)變形或失真現(xiàn)象。選作內(nèi)容（1） 對(duì)制作好的圖像進(jìn)行切片，且切片設(shè)計(jì)合理；（2） 在圖像效果中插入熱區(qū)、菜單、圖像變換等內(nèi)容。學(xué)生姓名： 學(xué)號(hào)： 指導(dǎo)教師： 年 月 日手機(jī)宣傳海報(bào)效果圖設(shè)計(jì)1概要設(shè)計(jì)畫布大小為

3、1748px * 2480px；海報(bào)主要宣傳華為ascend雅然手機(jī)，以圖片加文字的方式為主，海報(bào)以橫版制作主要素材為華為手機(jī)的圖片，以及華為的公司商標(biāo)，文字只要有華p6的宣傳語(yǔ)。海報(bào)正面背景顏色為黑藍(lán)的漸變色，左上角為華為公司圖標(biāo)，左下角為華為象征性的一個(gè)圖片水獅。又上部分為華為p6同款三種不同顏色的手機(jī)。右下角為華為的宣傳語(yǔ)：舉重若輕，美值得等待。反面為黑白漸變色，左上角為華為p6的五大優(yōu)點(diǎn)，右下角為手機(jī)不同的頁(yè)面切換，右上角為華為黑色經(jīng)典款手機(jī)。 效果圖如下：圖1-1手機(jī)框架設(shè)計(jì)圖2詳細(xì)設(shè)計(jì)2.1階段一 將相機(jī)的源文件導(dǎo)入，選中相機(jī)，右鍵取消組合，將相機(jī)拆分，了解其大概框架以及各層的順序

4、，對(duì)照源文件將任務(wù)一的相機(jī)零件進(jìn)行拼接，應(yīng)特別注意上下層的關(guān)系拼接以及部分角落的陰影效果，不要丟失微小的零件，將拼接好的部分零件可以按快捷鍵進(jìn)行一個(gè)部分組合，再將組合好的各個(gè)部分集體組合。最后將源文件保存為png格式，導(dǎo)出jpg格式壓包上傳。2.2 階段二2.2.13d立方體重點(diǎn)的制作步驟：將所給源文件打開，建立一個(gè)大小為400px*400px的畫布，畫布顏色調(diào)整為#333333。然后建立一個(gè)400 px* 400px的畫布，將畫布顏色調(diào)整為#333333的顏色，使用矢量圖工具畫一個(gè)無(wú)筆觸的寬慰401px，高為93px的矩形，顏色為#0d2531到#153752的漸變，漸變方向?yàn)橛缮系较?，上?/p>

5、為#0d2531，下面為#153752。用直線繪制出兩條筆觸為1，像素柔化，顏色為白色，寬為160px，高為1px的直線。根據(jù)需要再畫一個(gè)寬為80px，高為40px，顏色為由白色到天藍(lán)色的線性漸變，漸變方向?yàn)橛缮系较?，上面?2a70ae，下面為#b8dce8的矩形。對(duì)其矩形進(jìn)行旋轉(zhuǎn)，傾斜到一定的角度看似成為一個(gè)正菱形為止，然后復(fù)制粘貼一個(gè)，對(duì)其向下對(duì)齊移動(dòng)，再進(jìn)行與下面對(duì)應(yīng)的一定比例的拉伸，拉伸到寬為40px，高為147px的形狀，漸變方向?yàn)橛缮系较拢伾?2a70ae到#b8dce8。再?gòu)?fù)制粘貼一個(gè)進(jìn)行水平翻轉(zhuǎn)，將四個(gè)圖形組合在一起，調(diào)整所需要的漸變顏色。畫一個(gè)組合圖形的高，寬為3px，

6、高為127px的矩形，顏色與原圖相匹配為#a1cade，與其相垂直。整個(gè)立方體的顏色為淺藍(lán)色#b8ecd8與深藍(lán)色#2a70ae的漸變色，將原圖復(fù)制粘貼，將得到的圖向下拖與原圖對(duì)稱，修改其透明度65%，效果為柔化加深。為使其效果更好制作一個(gè)矢量蒙版，上面為白色，下面為黑灰色最后將他們組合為蒙版，注意調(diào)整位置。使顏色對(duì)稱。最后保存源文件png，和導(dǎo)出jpg格式，壓包上傳。2.2.2軟盤重點(diǎn)的制作步驟： 畫布大小為500px*500px.畫布顏色為#ffffff,將原文件導(dǎo)入，右鍵取消組合，了解其大概制作步驟開始作圖。使用矢量工具中的矩形工具的圓角矩形畫一個(gè)大小為416px*416px的圓角矩形，

7、顏色為#666666，紋理為木紋10%，消除鋸齒。再使用 矩形工具組畫三個(gè)大小不一的矩形分別于圓角矩形打孔，得到一個(gè)圓盤的底盤。畫一個(gè)大小為275px*132px的圓角矩形，利用打孔技術(shù)使其上邊緣為直角，使用濾鏡中的斜角和浮雕的凹入浮雕，得到嵌入的效果，利用復(fù)制粘貼得到和它一樣的圖形但改為白色，在新圖形的上面畫一個(gè)大小為48px*113px,任意顏色的圓角矩形，注意不要將其組合，選中小圓角矩形與它下面的圖形進(jìn)行打孔 ，得的新小圓角矩形一定是灰色#666666，使用矩形工具畫一個(gè)箭頭用濾鏡實(shí)現(xiàn)嵌入的效果，使用矩形工具在底盤下部分畫一個(gè)圓角矩形大小為329px*248px，顏色為#666666，同

8、樣使用濾鏡使其凹陷，將圓角矩形復(fù)制粘貼2.3 階段三畫布大小，素材準(zhǔn)備，主題顏色，需要在圖像中體現(xiàn)的內(nèi)容，表達(dá)的思想，重點(diǎn)制作步驟，時(shí)間安排表。圖2-1 手機(jī)海報(bào)效果圖 圖2-2手機(jī)海報(bào)細(xì)節(jié)圖表2-1時(shí)間表階段起止時(shí)間完成內(nèi)容）。3調(diào)試報(bào)告內(nèi)容涵蓋：圖像制作初稿完成之后，從哪些地方進(jìn)行了調(diào)整。打印格式（參見本文檔）：設(shè)置頁(yè)面，b5紙張，左、右頁(yè)邊距設(shè)為2.8cm和2.5cm，其他均為默認(rèn)值；題目（居中）文字用二號(hào)粗楷體，小標(biāo)題用小四號(hào)粗宋體（小標(biāo)題前設(shè)0.5行間距），正文用五號(hào)宋體（小標(biāo)題后的正文另起行）。打印格式（參見本文檔）：設(shè)置頁(yè)面，b5紙張，左、右頁(yè)邊距設(shè)為2.8cm和2.5cm，其他均為默認(rèn)值；題目（居中）文字用二號(hào)粗楷體，小標(biāo)題用小四號(hào)粗宋體（小標(biāo)題前設(shè)0.5行間距），正文用五號(hào)宋體（小標(biāo)題后的正文另起行）。4總結(jié)內(nèi)容涵蓋：課程設(shè)計(jì)過(guò)程中涉及的錯(cuò)誤及總結(jié)的經(jīng)驗(yàn)，不允許超過(guò)一頁(yè)。打印格式（參見本文檔）：設(shè)置頁(yè)面，b5紙張，左、右頁(yè)邊距設(shè)為2.8cm和2.5cm，其他均為默認(rèn)值；題目（居中）文字用二號(hào)粗楷體，小標(biāo)題用小四號(hào)粗宋體（小標(biāo)題前設(shè)0.5行間距），正文用五號(hào)宋體（小標(biāo)題后的正文另起行）。打印格式（參見本文檔）：設(shè)置頁(yè)面，b5