資源描述:
《《實(shí)用平面創(chuàng)意設(shè)計(jì)與技法》》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、《實(shí)用平面創(chuàng)意設(shè)計(jì)與技法》主講:袁超信息技術(shù)系軟件教研室上節(jié)回顧第9章制作網(wǎng)頁(yè)A.設(shè)計(jì)網(wǎng)頁(yè)應(yīng)該注意的問(wèn)題:注意整體的把握,色彩的運(yùn)用要適當(dāng),不宜太多,要有秩序感。B.制作網(wǎng)頁(yè)大體上包含的環(huán)節(jié):a.設(shè)計(jì)素材的搜集與整理;b.創(chuàng)建靜態(tài)畫(huà)面;c.進(jìn)入ImageReady設(shè)置動(dòng)作,完成制作。C.結(jié)合PS軟件知識(shí)點(diǎn):a.鋼筆路徑工具的應(yīng)用b.色彩漸變編輯器的設(shè)置c.圖層調(diào)板的綜合應(yīng)用第10章繪制網(wǎng)頁(yè)廣告效果預(yù)覽10.1客戶要求客戶需求:零點(diǎn)都市廣告的網(wǎng)頁(yè)廣告主題內(nèi)容:網(wǎng)頁(yè)廣告1、客戶要求A、“獵人娛樂(lè)互動(dòng)世界“網(wǎng)站網(wǎng)頁(yè)廣告效果要求:突出互動(dòng)
2、的特點(diǎn)以及娛樂(lè)、時(shí)尚的特點(diǎn)。2、對(duì)客戶要求的界定※網(wǎng)頁(yè)廣告與現(xiàn)實(shí)廣告的區(qū)別:網(wǎng)頁(yè)廣告受到網(wǎng)速的限制。廣告畫(huà)面的尺寸不能太大,顏色不能太豐富,畫(huà)面的內(nèi)容也不允許復(fù)雜。A、繪制一個(gè)畫(huà)面教為簡(jiǎn)潔的圖象,從顏色上來(lái)和廣告所要求表現(xiàn)的效果相呼應(yīng)10.2設(shè)計(jì)思路1、設(shè)計(jì)主題的傳達(dá)獵人娛樂(lè)互動(dòng)世界這則廣告,通過(guò)文字的顏色來(lái)和時(shí)尚呼應(yīng),以背景中不停擺動(dòng)的小球和網(wǎng)絡(luò)互動(dòng)的特點(diǎn)相適應(yīng)。2、具體思路表述獵人娛樂(lè)互動(dòng)世界的廣告中整個(gè)畫(huà)面的色彩以黑、白、灰為主,只是在位于畫(huà)面正中的廣告語(yǔ)中加了一些紅色。黑色、白色、紅色的搭配,給人以時(shí)尚、前衛(wèi)的感覺(jué)。再加上
3、整個(gè)網(wǎng)頁(yè)畫(huà)面中簡(jiǎn)潔的圖象與布局,以及背景中不停擺動(dòng)的小球,處處和獵人網(wǎng)互動(dòng)、娛樂(lè)的特點(diǎn)想吻合。10.3設(shè)計(jì)前的準(zhǔn)備工作1、設(shè)計(jì)素材的收集與整理比較一下網(wǎng)頁(yè)廣告與常見(jiàn)的一些廣告的區(qū)別2、設(shè)計(jì)技巧概述A、“獵人娛樂(lè)互動(dòng)世界“網(wǎng)站主要是對(duì)文字的設(shè)置和調(diào)整,以及細(xì)心的繪制出動(dòng)畫(huà)中需要的每一個(gè)圖象元素。然后是在ImageReady中設(shè)置動(dòng)畫(huà)。(通過(guò)在動(dòng)畫(huà)調(diào)板中添加動(dòng)畫(huà)幀,以及更改每一幀的停留時(shí)間和調(diào)整”圖層“調(diào)板中的顯示與否來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果的。第一節(jié)繪制網(wǎng)頁(yè)圖像制作動(dòng)畫(huà)前的圖像10、4獵人網(wǎng)網(wǎng)站制作目的:使更多的人知道該網(wǎng)站,以增加該網(wǎng)站的知
4、名度和點(diǎn)擊率。10.4.1繪制靜態(tài)的網(wǎng)頁(yè)畫(huà)面制作步驟:圖10.1”新建“對(duì)話框(1)啟動(dòng)photoshop7.0,在菜單欄中選擇”文件“
5、”新建“命令,打開(kāi)”新建“對(duì)話框,參照?qǐng)D10.1所示,新建一個(gè)”獵人網(wǎng)“的空白文檔。(2)在工具箱中選擇”矩形選框“工具,在視圖的下端繪制一個(gè)矩形的選區(qū),如下圖10.2所示效果。圖10.2繪制矩形選區(qū)(3)保持工具箱中前景色為黑色,在鍵盤(pán)上按下Alt+Backspace快捷鍵,使用前景色將矩形選區(qū)填充(如下圖10.3所示)。小帖士:快捷鍵復(fù)習(xí)前景色填充:ALT+Backspace/Delete背
6、景色填充:CTRL+Backspace/Delete圖10.3填充后的效果一(4)繼續(xù)使用:“矩形選框”工具,在視圖的頂端再繪制一個(gè)大些的矩形選區(qū),并用淺灰色將其填充,取消選區(qū)后的效果(如下圖10.4所示)。圖10.4填充后的效果二(5)使用“矩形選框”工具在如圖10.5所示位置,繪制選區(qū)。圖10.5繪制選區(qū)(6)在工具箱中單擊前景色按鈕,打開(kāi)“拾色器”對(duì)話框。如圖10.6所示,將顏色調(diào)整為深一些的灰色。圖10.6“拾色器”對(duì)話框參考如圖所示參數(shù)較上面深一些的灰色(7)使用“矩形選框”工具在視圖中右擊鼠標(biāo),在彈出的快捷菜單中選擇“
7、描邊”命令,打開(kāi)“描邊”對(duì)話框,如圖10.7所示。在“描邊”選項(xiàng)組中,將“寬度”設(shè)置為3像素,位置為“居內(nèi)”,單擊“好”按鈕,對(duì)選區(qū)進(jìn)行描邊操作。圖10.7描邊選區(qū)(8)在菜單欄中“選擇”
8、“取消選擇”(CTRL+D),將圖像中的選區(qū)取消。填充像素(9)選擇工具箱中的工具,單擊其選欄中的黑色三角形按鈕,在彈出的“幾何選項(xiàng)”面板中,選中“終點(diǎn)”復(fù)選框,然后再將“粗細(xì)”參數(shù)欄設(shè)置為5像素,如圖10.8所示:(10)使用“直線”工具,在如圖10.9的位置繪制箭頭圖像。圖10.8設(shè)置選項(xiàng)欄圖10.9繪制箭頭5(10)選擇工具箱中的“橫排文
9、字”工具,在如圖10.10的位置輸入“獵人娛樂(lè)互動(dòng)世界”,然后單擊選項(xiàng)欄中的“提交所有當(dāng)前編輯”按鈕,完成文字的設(shè)置。圖10.10添加文字(11)在“字符”調(diào)板中,將文字的顏色設(shè)置為白色,并將“水平縮放”選項(xiàng)設(shè)置為150%,如圖10.11所示效果。圖10.11設(shè)置文字(13)在菜單欄中選擇“圖層”
10、“圖層樣式”
11、“投影”命令,打開(kāi)“圖層樣式”對(duì)話框,參照?qǐng)D10.12所示,為文字圖層添加投影效果。圖10.12添加投影效果(14)繼續(xù)使用“橫排文字”工具,在視圖中輸入兩段文字——“加入娛樂(lè)互動(dòng)世界”和“盡享無(wú)窮樂(lè)趣”,將字體顏色設(shè)置為
12、黑色,并將字體大小設(shè)置為50點(diǎn),如圖10.13所示效果。圖10.13設(shè)置文字接下來(lái)為這兩段文字添加上相同的樣式。(15)執(zhí)行“圖層”
13、“圖層樣式”
14、“投影”命令,打開(kāi)“圖層樣式”對(duì)話框。如圖10.14所示效果,為文字添加投影效果。圖10.14添加投