資源描述:
《ps網(wǎng)頁設(shè)計(jì)教程在photoshop中設(shè)計(jì)優(yōu)雅的網(wǎng)站布局設(shè)計(jì)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、PS網(wǎng)頁設(shè)計(jì)教程III——在Photoshop中設(shè)計(jì)優(yōu)雅的網(wǎng)站布局設(shè)計(jì)作為編碼者,美工基礎(chǔ)是偏弱的。我們可以參考一些成熟的網(wǎng)頁P(yáng)S教程,提高自身的設(shè)計(jì)能力。套用一句話,“熟讀唐詩三百首,不會(huì)作詩也會(huì)吟”。本系列的教程來源于網(wǎng)上的PS教程,都是國外的,全英文的。本人嘗試翻譯這些優(yōu)秀的教程。因?yàn)榉g能力有限,翻譯的細(xì)節(jié)上還有待推敲,希望廣大網(wǎng)友不吝賜教。約定:1、本文的軟件是PhotoshopCS5版本2、原教程的截圖是英文的,本人在重新制作的基礎(chǔ)上,重新截了中文版的圖3、原文中有些操作沒有給出參數(shù)。本人在反復(fù)測(cè)試的情況下測(cè)定了一些參數(shù),以紅色的文字顯示。有些錯(cuò)誤的參數(shù),直接以紅色文字顯示正
2、確的參數(shù)例如:(90,22,231,77),表示矩形的左上角的坐標(biāo)是(90,22),寬231,高77例如:(90,22),表示矩形的左上角的坐標(biāo)是(90,22),矩形的其他兩個(gè)參數(shù)教程里已經(jīng)指定4、在教程的最后會(huì)附上本人的心得。有些是對(duì)教程中的一些步驟的優(yōu)化等。?Let’sstartthetutorial.?OpenPhotoshopandcreateanewdocument1020by1100px讓我們開始教程打開Photoshop,新建一個(gè)文檔,尺寸:1020*1100px?NextselectRectangleToolandcreatealargerectangleoveryour
3、document.Ihaveusedthiscolor:#e5e4e4接下來用矩形工具創(chuàng)建一個(gè)覆蓋整個(gè)文檔的矩形,顏色:#e5e4e4這一步可以斟酌一下,個(gè)人覺得用油漆桶工具比較好女包、名牌包、背包:www.naitiao.com
4、冬裝新款、流行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net?Step1IwillselectellipsetoolandIwillcreatethiswhiteshape步驟1選擇橢圓工具創(chuàng)建如下的白色橢圓?Step2IwillgotoFilter>Blur>GaussianBlurandIwillapplyaradiusofabout35px
5、步驟2用濾鏡>模糊>高斯模糊,半徑設(shè)置為35px?Step3From?PremiumFiles,availabletoour?PremiumMembers?Iwilluse?HandDrawnVectorOrnaments?andIwilladdanelementonmydocument.?Iwilllowertheopacityto4%also步驟3在PremiumFiles,到達(dá)我們的?PremiumMembers?,我將用?HandDrawnVectorOrnaments?里的圖案放在我的文檔里?把它的不透明度調(diào)到4%女包、名牌包、背包:www.naitiao.com
6、冬裝新款、流
7、行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net?Step4NextIwillselectRectangleToolandIwillcreatethis3shapesatthetop:步驟4接下來,用矩形工具在頂部創(chuàng)建3個(gè)矩形。3個(gè)矩形高度為6px,顏色分別為:#cdaeac、#ad8b8a、#a18280?Step5WithTypeToolIwillwrite“ElegantWebsite”andasataglineIwilluse“adesignbytrendyTUTS”.ThefontusedisAriston,with48ptinsize.?For“Elegant”
8、Ihaveappliedthislayerstyles:步驟5用文字工具添加文字elegantwebsite,對(duì)下面的標(biāo)志行添加文字adesignbytrendyTUTS。字體用Ariston,48號(hào)字。對(duì)Elegant添加下面的圖層樣式:女包、名牌包、背包:www.naitiao.com
9、冬裝新款、流行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net女包、名牌包、背包:www.naitiao.com
10、冬裝新款、流行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net顏色疊加:顏色:#c7c1c1女包、名牌包、背包:www.naitiao.com
11、冬裝新款、流行冬裝、
12、今年流行秋冬裝:dongzhuang.qqxk.net?For“Website”thislayerstyles:對(duì)website添加如下的圖層樣式:女包、名牌包、背包:www.naitiao.com
13、冬裝新款、流行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net女包、名牌包、背包:www.naitiao.com
14、冬裝新款、流行冬裝、今年流行秋冬裝:dongzhuang.qqxk.net顏色疊加:顏色:#d38475女包、