Photoshop設(shè)計(jì)與制作項(xiàng)目教程課件項(xiàng)目十一

Photoshop設(shè)計(jì)與制作項(xiàng)目教程課件項(xiàng)目十一網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站一、網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)1．鮮明的主題2．明確的目標(biāo)3．精彩的網(wǎng)頁(yè)版式4．合理的色彩應(yīng)用5．內(nèi)容與形式的完美統(tǒng)一網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十知識(shí)加油站一、網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)知識(shí)加油站二、網(wǎng)頁(yè)欄目布局1.網(wǎng)頁(yè)布局的結(jié)構(gòu)標(biāo)準(zhǔn)2.網(wǎng)頁(yè)布局的類(lèi)型“國(guó)”字型布局“匡”字型布局“三”字形布局“川”字形布局海報(bào)型布局Flash布局標(biāo)題文本型布局網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站二、網(wǎng)頁(yè)欄目布局網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十知識(shí)加油站三、網(wǎng)頁(yè)導(dǎo)航結(jié)構(gòu)設(shè)計(jì)1．網(wǎng)頁(yè)導(dǎo)航形式標(biāo)簽式導(dǎo)航按鈕式導(dǎo)航彈出菜單式導(dǎo)航無(wú)框圖標(biāo)式導(dǎo)航Flash形式的導(dǎo)航2．導(dǎo)航方向

網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站三、網(wǎng)頁(yè)導(dǎo)航結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十網(wǎng)頁(yè)圖標(biāo)與按鈕設(shè)計(jì)任務(wù)一網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)任務(wù)二個(gè)人博客網(wǎng)站設(shè)計(jì)任務(wù)三天貓旺鋪界面設(shè)計(jì)任務(wù)四網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一項(xiàng)目解析網(wǎng)頁(yè)圖標(biāo)與按鈕設(shè)計(jì)任務(wù)一網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)任務(wù)二個(gè)人博客網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)中使用按鈕是十分普遍的，按鈕的設(shè)計(jì)一定要醒目，能夠吸引用戶(hù)眼球。優(yōu)秀的按鈕一般都會(huì)顏色更亮、更大，位于更容易找到的地方，文字表達(dá)更簡(jiǎn)潔，使用了一定的特效。網(wǎng)頁(yè)設(shè)計(jì)中使用按鈕是十分普遍的，按鈕的設(shè)計(jì)一定要醒目，能夠吸相關(guān)知識(shí)點(diǎn)講解：1.圓角矩形工具2.圖層樣式的應(yīng)用3.“編輯”→“定義圖案”命令相關(guān)知識(shí)點(diǎn)講解：1.圓角矩形工具關(guān)鍵步驟：1.新建文件，制作底層，繪制圓角矩形。2.添加“漸變疊加”、“斜面和浮雕”、投影”圖層樣式。

關(guān)鍵步驟：1.新建文件，制作底層，繪制圓角矩形。3.制作透光層，添加“斜面和浮雕”、“描邊”、“內(nèi)發(fā)光”、“光澤”、“漸變疊加”樣式。4.為了增添按鈕的質(zhì)感，我們可以制作一種圖案填充進(jìn)去。5.制作高光層，繪制橢圓，執(zhí)行高斯模糊，調(diào)整位置和不透明度，添加“顏色疊加”圖層樣式，反向選擇，刪除按鈕以外的高光部分，復(fù)制高光層。

3.制作透光層，添加“斜面和浮雕”、“描邊”、“內(nèi)發(fā)光”、“6.制作文字特效。輸入文字“DOWNLOAD”，添加“漸變疊加”樣式，添加“投影”樣式。

6.制作文字特效。輸入文字“DOWNLOAD”，添加“漸變疊網(wǎng)頁(yè)導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，導(dǎo)航欄能讓我們非常容易地瀏覽不同的頁(yè)面，是網(wǎng)頁(yè)元素的重要組成部分，所以導(dǎo)航欄一定要清晰、醒目。一個(gè)網(wǎng)站，導(dǎo)航欄的設(shè)計(jì)成功與否，直接決定了用戶(hù)的進(jìn)一步閱讀。

網(wǎng)頁(yè)導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，導(dǎo)航欄能讓我們非常容易地瀏覽不同相關(guān)知識(shí)點(diǎn)講解：1.魔棒工具的應(yīng)用2.修改選區(qū)3.橫排文字工具的使用4.圖層樣式的使用相關(guān)知識(shí)點(diǎn)講解：1.魔棒工具的應(yīng)用1.新建文件，新建圖層，選擇“自定義形狀工具”，創(chuàng)建環(huán)形，選擇“魔棒工具”，填充白色。2.復(fù)制“圓環(huán)”圖層，添加“顏色疊加”樣式。3.復(fù)制出兩個(gè)更小的圓環(huán)，修改顏色和選區(qū)大小。1.新建文件，新建圖層，選擇“自定義形狀工具”，創(chuàng)建環(huán)形，選4.選擇內(nèi)圓圖層和所有的圓環(huán)圖層，編組。復(fù)制組，并且一字排開(kāi)。5.新建圖層，創(chuàng)建一個(gè)綠色的長(zhǎng)方形，添加“漸變疊加”樣式。4.選擇內(nèi)圓圖層和所有的圓環(huán)圖層，編組。復(fù)制組，并且一字排開(kāi)6.新建“過(guò)渡線條”圖層，繪制矩形，填充為淺綠色，再新建一個(gè)“次背景”圖層，繪制一個(gè)矩形放到過(guò)渡線條的下面，并填充為深綠色。7.選擇“橫排文字工具”，輸入網(wǎng)站名稱(chēng)“小精靈”，添加“描邊”樣式。8.輸入其他導(dǎo)航文字，并設(shè)置合適的樣式。

6.新建“過(guò)渡線條”圖層，繪制矩形，填充為淺綠色，再新建一個(gè)人博客是博客們個(gè)人思想、情感、心得、見(jiàn)聞的收藏和展覽室，是擺放個(gè)人資料的網(wǎng)絡(luò)硬盤(pán)，是個(gè)人進(jìn)入網(wǎng)絡(luò)的入門(mén)處，也是世人了解個(gè)人博客主人的窗口。因此個(gè)人博客網(wǎng)站的設(shè)計(jì)應(yīng)能實(shí)現(xiàn)個(gè)人博客的上述功能，首頁(yè)的設(shè)計(jì)應(yīng)簡(jiǎn)而全，避免搞的花里胡哨，讓人分不清東南西北，要給人清爽、條理的感覺(jué)，還要具有一定的個(gè)性。

個(gè)人博客是博客們個(gè)人思想、情感、心得、見(jiàn)聞的收藏和展覽室，是相關(guān)知識(shí)點(diǎn)講解：1.“自定義形狀工具”的使用2.“圓角矩形工具”的使用3.“濾鏡”的使用4.網(wǎng)格線5.圖層樣式相關(guān)知識(shí)點(diǎn)講解：1.“自定義形狀工具”的使用關(guān)鍵步驟：1.新建文件，油漆桶工具填充淺咖色。2.新建透明文件，“自定義形狀工具”定義心形圖案，新建心形背景圖層并填充。3.新建主體圖層，繪制圓角矩形，使用前景色填充。關(guān)鍵步驟：1.新建文件，油漆桶工具填充淺咖色。4.新建圖層，漸變工具填充，執(zhí)行高斯模糊，調(diào)整圖層的不透明度為50%，同樣的方法，制作右邊導(dǎo)航欄背景。5.新建babj圖層，繪制圓角半徑路徑，修改選區(qū)，漸變色填充。6.拖入素材文件，繪制路徑反選，變成圓角圖形，打開(kāi)網(wǎng)格線，繪制同心圓環(huán)，填充不同顏色，調(diào)整不透明度。4.新建圖層，漸變工具填充，執(zhí)行高斯模糊，調(diào)整圖層的不透明度7.選擇“橫排文字工具”，輸入“葉子的博客”及其他文字，使用“自定義形狀工具”繪制一個(gè)紅色回收形狀，拖入素材文件，輸入文字，畫(huà)一條橫線。8.新建圖層，繪制藍(lán)色圓形，添加“漸變疊加”、“描邊”、“投影”樣式并復(fù)制，繪制藍(lán)色按鈕。7.選擇“橫排文字工具”，輸入“葉子的博客”及其他文字，使用9.選擇“橫排文字工具”，輸入文字。新建圖層，繪制虛線圖形，輸入其他的文字。10.拖入素材文件，輸入文字，設(shè)置其屬性。兩次復(fù)制“橫線”圖層，移動(dòng)位置，進(jìn)行高斯模糊，鉛筆工具繪制一條短一點(diǎn)的直線。11.輸入段落文字。輸入文字“MORE”，完成按鈕制作。9.選擇“橫排文字工具”，輸入文字。新建圖層，繪制虛線圖形，12.繪制右邊欄，收縮選區(qū)，漸變色填充，輸入頂部的文字。13.選擇“圓角矩形工具”，繪制藍(lán)色長(zhǎng)條按鈕。14.拖入素材圖片“camra.png”，輸入文字“圖片故事”，制作其他幾個(gè)按鈕。12.繪制右邊欄，收縮選區(qū)，漸變色填充，輸入頂部的文字。15.新建圖層，選擇“圓角矩形選框工具”，繪制相冊(cè)背景圓角矩形，輸入文字。16.拖入素材文件“ph.jpg”、“merry.png”，修改選區(qū)，描邊填充，輸入文字。。17.使用“橢圓工具”繪制中間按鈕，向下復(fù)制四個(gè)，進(jìn)行排列，整體排列所有圖形。15.新建圖層，選擇“圓角矩形選框工具”，繪制相冊(cè)背景圓角矩天貓旺鋪網(wǎng)站屬于購(gòu)物網(wǎng)站，既要展示豐富的圖片信息，也要展示相關(guān)的文字信息，所以通常采用能夠展示最多信息的拐角型頁(yè)面布局版式。在色彩搭配方面，為了能更突出圖片和文字信息，網(wǎng)頁(yè)的基本色調(diào)一般采用中性色調(diào)，對(duì)于針對(duì)性較強(qiáng)的購(gòu)物網(wǎng)站，如服飾網(wǎng)站，玩具網(wǎng)站等，則可以在色彩方面采用具有一定含義的顏色，但在主題展示區(qū)仍采用中性色調(diào)。天貓旺鋪網(wǎng)站屬于購(gòu)物網(wǎng)站，既要展示豐富的圖片信息，也要展示相相關(guān)知識(shí)點(diǎn)講解：1.“鋼筆工具”繪制路徑2.“橫排文字工具”，對(duì)文字進(jìn)行變形3.“自定義形狀工具”的使用4.圖層蒙版5.圖層樣式相關(guān)知識(shí)點(diǎn)講解：1.“鋼筆工具”繪制路徑關(guān)鍵步驟：1.新建白色空白文件，繪制圓形選區(qū)，黑色，圖層命名為光盤(pán)。2.新建圖層，鋼筆工具繪制路徑，用前景色填充路徑，為路徑填充紅色，新建橫線圖層，鉛筆工具，繪制一條紅色橫線，橡皮擦工具將橫線中間部分擦除，輸入文字少女衣櫥。關(guān)鍵步驟：1.新建白色空白文件，繪制圓形選區(qū)，黑色，圖層命名3.新建搜索框圖層，繪制矩形選框，紅色描邊，在步驟5繪制的矩形內(nèi)部右側(cè)繪制一個(gè)小矩形選框，填充前景色，輸入白色文字“GO”。4.輸入文字“收藏店鋪”、“BOOKMORK+”等文字，鉛筆工具，繪制三條直線。5.矩形選框工具、油漆桶工具和橫排文字工具，繪制導(dǎo)航背景。3.新建搜索框圖層，繪制矩形選框，紅色描邊，在步驟5繪制的矩6.矩形選框工具，繪制白色矩形選框，自定義形狀工具，繪制會(huì)話形狀，輸入文字。7.拖入多個(gè)素材文件，移動(dòng)調(diào)整位置。6.矩形選框工具，繪制白色矩形選框，自定義形狀工具，繪制會(huì)話8.新建白色背景圖層，繪制修改矩形選區(qū)，新建圖層，淺黃色填充，合并兩個(gè)圖層。9.輸入“少女出游穿搭”調(diào)整每個(gè)文字的位置和角度，添加“投影”樣式，使用文字工具，輸入其他文字，并設(shè)置屬性。10.新建粉背景圖層，拖入素材文件，復(fù)制新圖層。新建t恤專(zhuān)區(qū)圖層，繪制矩形選框，白色填充，創(chuàng)建剪貼蒙版。8.新建白色背景圖層，繪制修改矩形選區(qū)，新建圖層，淺黃色填充11.分別新建幾個(gè)圖層，繪制幾個(gè)區(qū)域，用來(lái)布局展示圖片，拖入需要展示的圖片，放置到上面繪制的矩形上。12.選擇圖片層，創(chuàng)建剪貼蒙版。13.新建圖層，使用矩形工具和橫排文字工具制作超值反饋標(biāo)簽，新建圖層，制作新品尚新標(biāo)題。11.分別新建幾個(gè)圖層，繪制幾個(gè)區(qū)域，用來(lái)布局展示圖片，拖入14.拖入素材文件，復(fù)制圖層，新建圖層，繪制多個(gè)矩形區(qū)域，用來(lái)布局需要展示的新品圖片，打開(kāi)素材文件夾，將需要展示的圖片文件打開(kāi)，分別按“Alt+Ctrl+G“鍵創(chuàng)建剪貼蒙版。15.拖入多個(gè)素材文件，輸入文字信息。新建圖層，繪制矩形選區(qū)，填充淡黃色。新建幾個(gè)圖層，繪制選區(qū)，用來(lái)布局需要展示的圖片，打開(kāi)需要展示的圖片，創(chuàng)建剪貼蒙版。14.拖入素材文件，復(fù)制圖層，新建圖層，繪制多個(gè)矩形區(qū)域，用16.輸入多個(gè)文字信息，拖入素材文件夾中的圖片，調(diào)整圖片位置和大小。17.采用定義圖案命令，繪制斜線背景圖案。16.輸入多個(gè)文字信息，拖入素材文件夾中的圖片，調(diào)整圖片位置18.打開(kāi)素材文件夾中的相關(guān)素材，移到斜線背景上相應(yīng)的位置，調(diào)整大小，輸入文字，使用“矩形工具”、“橫排文字工具”等制作頁(yè)面效果。18.打開(kāi)素材文件夾中的相關(guān)素材，移到斜線背景上相應(yīng)的位置，網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一技能實(shí)戰(zhàn)為自己的系部設(shè)計(jì)一個(gè)網(wǎng)頁(yè)效果圖，網(wǎng)站導(dǎo)航結(jié)構(gòu)可以參考現(xiàn)有的系部網(wǎng)站，相關(guān)文字素材和圖片素材可以從系網(wǎng)站上復(fù)制，其他素材自己搜集。一、設(shè)計(jì)任務(wù)描述1．界面設(shè)計(jì)有新意：圖標(biāo)、圖片設(shè)計(jì)有較多的原創(chuàng)成分；2．版面和排版布局合理；3．色彩搭配諧調(diào)；4．內(nèi)容豐富完整、主題突出；5．導(dǎo)航、結(jié)構(gòu)和鏈接界面親切友好，方便用戶(hù)使用；6．網(wǎng)站結(jié)構(gòu)清晰，采用模塊化的結(jié)構(gòu)，易于被用戶(hù)理解；7．運(yùn)用菜單、圖標(biāo)、按鈕、窗口、熱鍵等，增強(qiáng)人機(jī)交互功能。8．具有一定的創(chuàng)新性和藝術(shù)性。網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十技能實(shí)戰(zhàn)為自己的系部設(shè)計(jì)一個(gè)網(wǎng)頁(yè)效果圖，網(wǎng)網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一技能實(shí)戰(zhàn)二、評(píng)價(jià)標(biāo)準(zhǔn)網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十技能實(shí)戰(zhàn)二、評(píng)價(jià)標(biāo)準(zhǔn)Photoshop設(shè)計(jì)與制作項(xiàng)目教程課件項(xiàng)目十一網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站一、網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)1．鮮明的主題2．明確的目標(biāo)3．精彩的網(wǎng)頁(yè)版式4．合理的色彩應(yīng)用5．內(nèi)容與形式的完美統(tǒng)一網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十知識(shí)加油站一、網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)知識(shí)加油站二、網(wǎng)頁(yè)欄目布局1.網(wǎng)頁(yè)布局的結(jié)構(gòu)標(biāo)準(zhǔn)2.網(wǎng)頁(yè)布局的類(lèi)型“國(guó)”字型布局“匡”字型布局“三”字形布局“川”字形布局海報(bào)型布局Flash布局標(biāo)題文本型布局網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站二、網(wǎng)頁(yè)欄目布局網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十知識(shí)加油站三、網(wǎng)頁(yè)導(dǎo)航結(jié)構(gòu)設(shè)計(jì)1．網(wǎng)頁(yè)導(dǎo)航形式標(biāo)簽式導(dǎo)航按鈕式導(dǎo)航彈出菜單式導(dǎo)航無(wú)框圖標(biāo)式導(dǎo)航Flash形式的導(dǎo)航2．導(dǎo)航方向

網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一知識(shí)加油站三、網(wǎng)頁(yè)導(dǎo)航結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十網(wǎng)頁(yè)圖標(biāo)與按鈕設(shè)計(jì)任務(wù)一網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)任務(wù)二個(gè)人博客網(wǎng)站設(shè)計(jì)任務(wù)三天貓旺鋪界面設(shè)計(jì)任務(wù)四網(wǎng)頁(yè)界面設(shè)計(jì)項(xiàng)目十一項(xiàng)目解析網(wǎng)頁(yè)圖標(biāo)與按鈕設(shè)計(jì)任務(wù)一網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)任務(wù)二個(gè)人博客網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)中使用按鈕是十分普遍的，按鈕的設(shè)計(jì)一定要醒目，能夠吸引用戶(hù)眼球。優(yōu)秀的按鈕一般都會(huì)顏色更亮、更大，位于更容易找到的地方，文字表達(dá)更簡(jiǎn)潔，使用了一定的特效。網(wǎng)頁(yè)設(shè)計(jì)中使用按鈕是十分普遍的，按鈕的設(shè)計(jì)一定要醒目，能夠吸相關(guān)知識(shí)點(diǎn)講解：1.圓角矩形工具2.圖層樣式的應(yīng)用3.“編輯”→“定義圖案”命令相關(guān)知識(shí)點(diǎn)講解：1.圓角矩形工具關(guān)鍵步驟：1.新建文件，制作底層，繪制圓角矩形。2.添加“漸變疊加”、“斜面和浮雕”、投影”圖層樣式。

關(guān)鍵步驟：1.新建文件，制作底層，繪制圓角矩形。3.制作透光層，添加“斜面和浮雕”、“描邊”、“內(nèi)發(fā)光”、“光澤”、“漸變疊加”樣式。4.為了增添按鈕的質(zhì)感，我們可以制作一種圖案填充進(jìn)去。5.制作高光層，繪制橢圓，執(zhí)行高斯模糊，調(diào)整位置和不透明度，添加“顏色疊加”圖層樣式，反向選擇，刪除按鈕以外的高光部分，復(fù)制高光層。

3.制作透光層，添加“斜面和浮雕”、“描邊”、“內(nèi)發(fā)光”、“6.制作文字特效。輸入文字“DOWNLOAD”，添加“漸變疊加”樣式，添加“投影”樣式。

6.制作文字特效。輸入文字“DOWNLOAD”，添加“漸變疊網(wǎng)頁(yè)導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，導(dǎo)航欄能讓我們非常容易地瀏覽不同的頁(yè)面，是網(wǎng)頁(yè)元素的重要組成部分，所以導(dǎo)航欄一定要清晰、醒目。一個(gè)網(wǎng)站，導(dǎo)航欄的設(shè)計(jì)成功與否，直接決定了用戶(hù)的進(jìn)一步閱讀。

網(wǎng)頁(yè)導(dǎo)航欄是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，導(dǎo)航欄能讓我們非常容易地瀏覽不同相關(guān)知識(shí)點(diǎn)講解：1.魔棒工具的應(yīng)用2.修改選區(qū)3.橫排文字工具的使用4.圖層樣式的使用相關(guān)知識(shí)點(diǎn)講解：1.魔棒工具的應(yīng)用1.新建文件，新建圖層，選擇“自定義形狀工具”，創(chuàng)建環(huán)形，選擇“魔棒工具”，填充白色。2.復(fù)制“圓環(huán)”圖層，添加“顏色疊加”樣式。3.復(fù)制出兩個(gè)更小的圓環(huán)，修改顏色和選區(qū)大小。1.新建文件，新建圖層，選擇“自定義形狀工具”，創(chuàng)建環(huán)形，選4.選擇內(nèi)圓圖層和所有的圓環(huán)圖層，編組。復(fù)制組，并且一字排開(kāi)。5.新建圖層，創(chuàng)建一個(gè)綠色的長(zhǎng)方形，添加“漸變疊加”樣式。4.選擇內(nèi)圓圖層和所有的圓環(huán)圖層，編組。復(fù)制組，并且一字排開(kāi)6.新建“過(guò)渡線條”圖層，繪制矩形，填充為淺綠色，再新建一個(gè)“次背景”圖層，繪制一個(gè)矩形放到過(guò)渡線條的下面，并填充為深綠色。7.選擇“橫排文字工具”，輸入網(wǎng)站名稱(chēng)“小精靈”，添加“描邊”樣式。8.輸入其他導(dǎo)航文字，并設(shè)置合適的樣式。

6.新建“過(guò)渡線條”圖層，繪制矩形，填充為淺綠色，再新建一個(gè)人博客是博客們個(gè)人思想、情感、心得、見(jiàn)聞的收藏和展覽室，是擺放個(gè)人資料的網(wǎng)絡(luò)硬盤(pán)，是個(gè)人進(jìn)入網(wǎng)絡(luò)的入門(mén)處，也是世人了解個(gè)人博客主人的窗口。因此個(gè)人博客網(wǎng)站的設(shè)計(jì)應(yīng)能實(shí)現(xiàn)個(gè)人博客的上述功能，首頁(yè)的設(shè)計(jì)應(yīng)簡(jiǎn)而全，避免搞的花里胡哨，讓人分不清東南西北，要給人清爽、條理的感覺(jué)，還要具有一定的個(gè)性。

個(gè)人博客是博客們個(gè)人思想、情感、心得、見(jiàn)聞的收藏和展覽室，是相關(guān)知識(shí)點(diǎn)講解：1.“自定義形狀工具”的使用2.“圓角矩形工具”的使用3.“濾鏡”的使用4.網(wǎng)格線5.圖層樣式相關(guān)知識(shí)點(diǎn)講解：1.“自定義形狀工具”的使用關(guān)鍵步驟：1.新建文件，油漆桶工具填充淺咖色。2.新建透明文件，“自定義形狀工具”定義心形圖案，新建心形背景圖層并填充。3.新建主體圖層，繪制圓角矩形，使用前景色填充。關(guān)鍵步驟：1.新建文件，油漆桶工具填充淺咖色。4.新建圖層，漸變工具填充，執(zhí)行高斯模糊，調(diào)整圖層的不透明度為50%，同樣的方法，制作右邊導(dǎo)航欄背景。5.新建babj圖層，繪制圓角半徑路徑，修改選區(qū)，漸變色填充。6.拖入素材文件，繪制路徑反選，變成圓角圖形，打開(kāi)網(wǎng)格線，繪制同心圓環(huán)，填充不同顏色，調(diào)整不透明度。4.新建圖層，漸變工具填充，執(zhí)行高斯模糊，調(diào)整圖層的不透明度7.選擇“橫排文字工具”，輸入“葉子的博客”及其他文字，使用“自定義形狀工具”繪制一個(gè)紅色回收形狀，拖入素材文件，輸入文字，畫(huà)一條橫線。8.新建圖層，繪制藍(lán)色圓形，添加“漸變疊加”、“描邊”、“投影”樣式并復(fù)制，繪制藍(lán)色按鈕。7.選擇“橫排文字工具”，輸入“葉子的博客”及其他文字，使用9.選擇“橫排文字工具”，輸入文字。新建圖層，繪制虛線圖形，輸入其他的文字。10.拖入素材文件，輸入文字，設(shè)置其屬性。兩次復(fù)制“橫線”圖層，移動(dòng)位置，進(jìn)行高斯模糊，鉛筆工具繪制一條短一點(diǎn)的直線。11.輸入段落文字。輸入文字“MORE”，完成按鈕制作。9.選擇“橫排文字工具”，輸入文字。新建圖層，繪制虛線圖形，12.繪制右邊欄，收縮選區(qū)，漸變色填充，輸入頂部的文字。13.選擇“圓角矩形工具”，繪制藍(lán)色長(zhǎng)條按鈕。14.拖入素材圖片“camra.png”，輸入文字“圖片故事”，制作其他幾個(gè)按鈕。12.繪制右邊欄，收縮選區(qū)，漸變色填充，輸入頂部的文字。15.新建圖層，選擇“圓角矩形選框工具”，繪制相冊(cè)背景圓角矩形，輸入文字。16.拖入素材文件“ph.jpg”、“merry.png”，修改選區(qū)，描邊填充，輸入文字。。17.使用“橢圓工具”繪制中間按鈕，向下復(fù)制四個(gè)，進(jìn)行排列，整體排列所有圖形。15.新建圖層，選擇“圓角矩形選框工具”，繪制相冊(cè)背景圓角矩天貓旺鋪網(wǎng)站屬于購(gòu)物網(wǎng)站，既要展示豐富的圖片信息，也要展示相關(guān)的文字信息，所以通常采用能夠展示最多信息的拐角型頁(yè)面布局版式。在色彩搭配方面，為了能更突出圖片和文字信息，網(wǎng)頁(yè)的基本色調(diào)一般采用中性色調(diào)，對(duì)于針對(duì)性較強(qiáng)的購(gòu)物網(wǎng)站，如服飾網(wǎng)站，玩具網(wǎng)站等，則可以在色彩方面采用具有一定含義的顏色，但在主題展示區(qū)仍采用中性色調(diào)。天貓旺鋪網(wǎng)站屬于購(gòu)物網(wǎng)站，既要展示豐富的圖片信息，也要展示相相關(guān)知識(shí)點(diǎn)講解：1.“鋼筆工具”繪制路徑2.“橫排文字工具”，對(duì)文字進(jìn)行變形3.“自定義形狀工具”的使用4.圖層蒙版5.圖層樣式相關(guān)知識(shí)點(diǎn)講解：1.“鋼筆工具”繪制路徑關(guān)鍵步驟：1.新建白色空白文件，繪制圓形選區(qū)，黑色，圖層命名為光盤(pán)。2.新建圖層，鋼筆工具繪制路徑，用前景色填充路徑，為路徑填充紅色，新建橫線圖層，鉛筆工具，繪制一條紅色橫線，橡皮擦工具將橫線中間部分擦除，輸入文字少女衣櫥。關(guān)鍵步驟：1.新建白色空白文件，繪制圓形選區(qū)，黑色，圖層命名3.新建搜索框圖層，繪制矩形選框，紅色描邊，在步驟5繪制的矩形內(nèi)部右側(cè)繪制一個(gè)小矩形選框，填充前景色，輸入白色文字“GO”。4.輸入文字“收藏店鋪”、“BOOKMORK+”等文字，鉛筆工具，繪制三條直線。5.矩形選框工具、油漆桶工具和橫排文字工具，繪制導(dǎo)航背景。3.新建搜索框圖層，繪制矩形選框，紅色描邊，在步驟5繪制的矩6.矩形選框工具，繪制白色矩形選框，自定義形狀工具，繪制會(huì)話形狀，輸入文字。7.拖入多個(gè)素材文件，移動(dòng)調(diào)整位置。6.矩形選框工具，繪制白色矩形選框，自定義形狀工具，繪制會(huì)話8.新建白色背景圖層，繪制修改矩形選區(qū)，新建圖層，淺黃色填充，合并兩個(gè)圖層。9.輸入“少女出游穿搭”調(diào)整每個(gè)文字的位置和角度，添加“投影”樣式，使用文字工具，輸入其他文字，并設(shè)置屬性。10.新建粉背景圖層，拖入素材文件，復(fù)制新圖層。新建