Photoshop設(shè)計(jì)銷售iPhone5應(yīng)用程序的網(wǎng)

1、今年蘋(píng)果公司將推出新的iPhone5。與往年一樣，相應(yīng)會(huì)有很多配套Apps推出，所以蘋(píng)果運(yùn)用程序的網(wǎng)絡(luò)營(yíng)銷也會(huì)如火如荼的展開(kāi)。這就是為什么我們要有與眾不同的Idea，去創(chuàng)建一個(gè)iphone相關(guān)的網(wǎng)站。假設(shè)他想經(jīng)過(guò)網(wǎng)店來(lái)銷售公司的Apps。假設(shè)他有很多iphone5 Apps。我們將教他如何創(chuàng)建一個(gè)美觀的規(guī)劃，用電子商務(wù)網(wǎng)站出賣他的iphone運(yùn)用程序。老方法，先看看整體款式。1、新建文檔，Size：1100*721px，填充背風(fēng)光 #2b2b2b。2、下一步是填充背景，與第3篇所教的一樣，運(yùn)用添加圖層款式工具。3、如果他沒(méi)有看過(guò)上一篇教程?？梢詥为?dú)建立個(gè)新文件，Size：2*2px，背景透明，

2、運(yùn)用鉛筆工具繪制兩個(gè)成對(duì)角方式的1*1px像素點(diǎn)。然后點(diǎn)擊編輯定義圖案，選擇一個(gè)稱號(hào)，單擊確定。然后回到該文檔，可以在填充圖案中找到他剛畫(huà)的圖形，填充到背景層。4、在背景層上方，運(yùn)用圓角矩形繪制一個(gè)外形。半徑：5px，Size：940*226px，填充色：#010101。5、在左側(cè)，繼續(xù)用圓角矩形工具創(chuàng)建一個(gè)小外形圖形，Size：69*81px。6、添加以下圖層款式。 7、繼續(xù)運(yùn)用一樣的工具，創(chuàng)建新的外形。然后做出透視的縱深效果，可以運(yùn)用編輯變換透視角度工具。運(yùn)用圖層款式，參與橫向漸變色 #010101-#2222228、復(fù)制第一個(gè)外形，運(yùn)用濾鏡添加雜色，數(shù)量3，平均分布，單色。并更改復(fù)制層的

3、方式為疊加。(注：英文教程這里寫(xiě)的很模糊，做的效果也不夠理想，我做了適當(dāng)?shù)母膭?dòng)。建議大家看教程時(shí)也不要死板去學(xué)，教程是死的，人是活的。發(fā)明力掌握在我們本人手中)9、用直線工具創(chuàng)建兩條傾斜的細(xì)線。小技巧：可以先畫(huà)一條傾斜線，復(fù)制垂直翻轉(zhuǎn)得到下面的線。(注：英文教程這步的描述同樣模棱兩可，我做了新的補(bǔ)充：線運(yùn)用漸變色添加，設(shè)置如以下圖)10、復(fù)制兩條斜線，格式化。運(yùn)用濾鏡模糊高斯模糊。(注：老外在這步又玩起了奧秘手法，沒(méi)引見(jiàn)如何實(shí)現(xiàn)效果。不過(guò)這樣挺好，激發(fā)我們的學(xué)習(xí)發(fā)明力，反復(fù)實(shí)驗(yàn)后，我找到了一些方法：?jiǎn)我粡?fù)制層的高斯模糊不能到達(dá)這種朦朧光暈的效果，所以我延續(xù)復(fù)制了一些圖層，運(yùn)用的高斯模糊的值分別

4、是2、5、5、7、7)11、在左邊，新建一個(gè)縮進(jìn)按鈕。運(yùn)用圓角矩形，然后參與一些圖層款式。12、圖層款式參數(shù)如下。 13、到目前為止的款式。(注：箭頭的圖層款式設(shè)置英文教程未給。比較簡(jiǎn)單，就是調(diào)整了一些數(shù)值，詳細(xì)請(qǐng)看我做的源文件)14、用鋼筆工具,創(chuàng)建一個(gè)簡(jiǎn)單的白色的外形。15、運(yùn)用模糊濾鏡，并把白色外形置于下方。16、復(fù)制左側(cè)區(qū)域的所有圖層，挪動(dòng)到右側(cè)。(注：除了簡(jiǎn)單的程度翻轉(zhuǎn)能變動(dòng)大部分效果，還有一些圖層款式要單獨(dú)設(shè)置，把漸變款式“反向勾選上.)17、在中間新建個(gè)矩形，填充顏色 #2a2a2a。18、用鋼筆工具勾勒出以下圖這樣的外形。19、添加如下的圖層款式。 20、用圓角矩形工具,創(chuàng)建如

5、下圖的外形。21、右鍵單擊他的圖層面板，格式化該層，刪除底部的圓角部分。 22、運(yùn)用濾鏡雜色添加雜色，平均分布，數(shù)值2，單色。(注：這步同樣比英文教程做了擴(kuò)展操作，篇幅有限，詳細(xì)請(qǐng)見(jiàn)附帶源文件內(nèi)的設(shè)置)23、可以添加一個(gè)簡(jiǎn)單的1像素程度線。運(yùn)用顏色:#8d8d8d。24、運(yùn)用鋼筆工具，在幻燈片底部繪制另一個(gè)外形，如以下圖。25、在頂部參與Logo。27、在Logo右側(cè)參與導(dǎo)航文字。28、在每個(gè)文本菜單下添加一些簡(jiǎn)單的線條。29、然后用橢圓工具在對(duì)應(yīng)每個(gè)標(biāo)題位置，繪制一些小圈。30、兼顧到導(dǎo)航區(qū)域的一致性，在logo下方同樣加些類似的設(shè)計(jì)內(nèi)容。31、如今開(kāi)場(chǎng)填入一些iPhone Icons。32

6、、為每個(gè)圖標(biāo)放一個(gè)簡(jiǎn)單的影子。制造這個(gè)陰影效果是非常簡(jiǎn)單的。選擇圓角矩形工具,填入黑色,然后運(yùn)用一個(gè)模糊濾鏡。33、運(yùn)用一次圓角矩形工具來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的黑影。34、運(yùn)用鋼筆工具創(chuàng)建一個(gè)外形，構(gòu)成透視效果。35、運(yùn)用以以下圖層款式。 36、創(chuàng)建另一個(gè)外形像下面的圖像。37、運(yùn)用以以下圖層款式。 38、復(fù)制這個(gè)層,添加一些雜色。39、用鋼筆工具,創(chuàng)建以下外形。請(qǐng)運(yùn)用一樣的圖層款式如上。40、填充一樣的圖層款式。(注：這步驟我做了些改良，格式化圖層。用了涂抹、模糊、加深等工具一點(diǎn)點(diǎn)修飾)41、用圓角矩形工具，創(chuàng)建一個(gè)新的外形。42、運(yùn)用以下的圖層款式。 43、創(chuàng)建一個(gè)簡(jiǎn)單的陰影。44、添加一些黑暗的外形,和一些文