第一篇：Photoshop自學(xué)進(jìn)階2：唯美手機(jī)壁紙制作

Photoshop唯美手機(jī)壁紙制作

社旗縣教師進(jìn)修學(xué)校

張曉全

素材：

效果圖：

制作過(guò)程：

1、打開(kāi)素材圖片：手機(jī)，如圖：

2、“文件”、“置入”素材圖片，置入的圖片為智能圖片，如圖：

3、按shift鍵等比例調(diào)整圖片大小。

4、按回車鍵釋放選區(qū)；“編輯”、“變換”、“變形”，調(diào)整智能圖片的位置如圖：

5、回車鍵釋放選區(qū)。如圖：

6、“圖層”、“圖層樣式”、“外發(fā)光”，設(shè)置參數(shù)：漸變模式為“紅色到透明”漸變，如圖：

7、“擴(kuò)展”100%，“大小”234，“范圍”89%，“抖動(dòng)”66%。

8、效果如圖：

第二篇：Photoshop自學(xué)進(jìn)階4：置入AI格式文件的技巧

Photoshop置入AI格式文件

打造夢(mèng)幻新娘

社旗縣教師進(jìn)修學(xué)校

張曉全

AI是Adobe Illustrator的矢量文件格式，將Illustrator文件置入photoshop時(shí)，可以保留對(duì)象的圖層、蒙版、透明度、復(fù)合形狀、切片等屬性。此外，置入以后，如果用Illustrator修改該圖形，photoshop中的圖形會(huì)自動(dòng)更新到與之相同的狀態(tài)；置入文件的過(guò)程中（按下回車鍵確認(rèn)之前），對(duì)矢量對(duì)象進(jìn)行的縮放、定位、斜切或旋轉(zhuǎn)時(shí)，不會(huì)降低圖像品質(zhì)。

1、啟動(dòng)photoshop，打開(kāi)一幅素材文件，如圖：

2、執(zhí)行“文件、置入”命令，打開(kāi)“置入”對(duì)話框，選擇AI格式的矢量文件，單擊“置入”按鈕，打開(kāi)“置入PDF”對(duì)話框，在“剪切到”下拉中選擇“邊框”，如圖：

3、用移動(dòng)工具調(diào)整位置，如圖：

4、按回車鍵，確定，如圖：

5智能圖像的圖層樣式為：

6、置入另外一副素材文件，如圖：

7、按shift鍵等比例縮小圖像，用移動(dòng)工具調(diào)整到合適位置，按回車鍵確定，如圖：

8、執(zhí)行“圖層、圖層樣式、外發(fā)光”命令，按下圖設(shè)置參數(shù)值：

9、效果如圖：

第三篇：自學(xué)手機(jī)網(wǎng)站開(kāi)發(fā)教程 手機(jī)網(wǎng)頁(yè)設(shè)計(jì)和制作（本站推薦）

網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】

自學(xué)手機(jī)網(wǎng)站開(kāi)發(fā)教程 手機(jī)網(wǎng)頁(yè)設(shè)計(jì)和制作

本手機(jī)網(wǎng)站開(kāi)發(fā)教程主要介紹：手機(jī)網(wǎng)頁(yè)設(shè)計(jì)和制作的七個(gè)方面的知識(shí)，讓你避免走一些現(xiàn)在的手機(jī)網(wǎng)頁(yè)的彎路，學(xué)完本教程后，你就能對(duì)手機(jī)網(wǎng)頁(yè)的制作和設(shè)計(jì)有大概的了解，然后有針對(duì)性地學(xué)相應(yīng)知識(shí)。

1.手機(jī)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言

WML

因?yàn)閃ML大部分針對(duì)早期和低端的手機(jī)，現(xiàn)在已經(jīng)逐步被其他的技術(shù)取代了，現(xiàn)在學(xué)習(xí)手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作完全可以忽略WML。

XHTML

未來(lái)智能手機(jī)的市場(chǎng)份額會(huì)越來(lái)越大，考慮到這點(diǎn)，現(xiàn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)，我們會(huì)用到更加熟悉的標(biāo)記語(yǔ)言Xhtml。

現(xiàn)在大部分智能手機(jī)的瀏覽器都能正確處理Xhtml，它會(huì)識(shí)別兩種類型的Html。

① Xhtml：基礎(chǔ)的，和桌面瀏覽器相同的Xhtml

② Xhtml-MP：針對(duì)智能手機(jī)的Xhtml

這兩種類型的不同之處，Xhtml-MP包含比較少的要素和相對(duì)寬松的限制，能適合手機(jī)平臺(tái)的渲染，現(xiàn)在很多手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作直接用Xhtml，也沒(méi)什么大問(wèn)題。

2.手機(jī)類型

網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】 網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】

手機(jī)市場(chǎng)上既有非常高端的iPhone手機(jī)和谷歌的Android手機(jī)，也有諾基亞一些單色點(diǎn)陣顯示的低端機(jī)。這些低端機(jī)在瀏覽手機(jī)網(wǎng)頁(yè)時(shí)有很多的限制，如屏幕分辨率、渲染Xhtml的性能等，因此如果你的手機(jī)網(wǎng)頁(yè)是針對(duì)這部分用戶，最好還是用WML。

另一方面，類似于iPhone和Nexus One這種高端智能機(jī)，擁有可以和桌面瀏覽器相媲美的渲染網(wǎng)頁(yè)的性能。對(duì)這部分用戶而言，良好的用戶體驗(yàn)是很重要的，受限于手機(jī)的傳輸速度，如果直接用一般的電腦上瀏覽的網(wǎng)頁(yè)來(lái)代替手機(jī)網(wǎng)頁(yè)，對(duì)手機(jī)網(wǎng)頁(yè)的目標(biāo)客戶來(lái)說(shuō)，并非明智之舉。

可以把手機(jī)根據(jù)屏幕尺寸分成幾種常見(jiàn)的類型，如：

x 160 pixels

176 x 220 pixels

240 x 320 pixels

320 x 480 pixels

3.手機(jī)網(wǎng)頁(yè)的目標(biāo)群體

任何網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)時(shí)都應(yīng)該明白自己的目標(biāo)群體，以便向他們傳輸最合適的信息。這點(diǎn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)更為重要。因?yàn)槟悴粌H要知道你的目標(biāo)群體，還要知道他們?yōu)g覽手機(jī)網(wǎng)頁(yè)時(shí)的情景。瀏覽傳統(tǒng)的網(wǎng)站，訪客會(huì)坐在桌上，有著大分辨率的屏幕。手機(jī)網(wǎng)頁(yè)的訪客則有可能是在排隊(duì)、等交車、坐在地鐵等。

手機(jī)網(wǎng)頁(yè)的目標(biāo)群體，谷歌的開(kāi)發(fā)者將看手機(jī)網(wǎng)頁(yè)人群分為三大類，這對(duì)我們進(jìn)行手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)和制作，很有參考意義。

網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】 網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】

4.根據(jù)具體需要提供網(wǎng)站內(nèi)容

一個(gè)很常見(jiàn)的誤區(qū)是很多網(wǎng)頁(yè)開(kāi)發(fā)者認(rèn)為只需要簡(jiǎn)單的設(shè)置，就可以將一個(gè)傳統(tǒng)的網(wǎng)頁(yè)變成可以適應(yīng)手機(jī)瀏覽的網(wǎng)頁(yè)，他們認(rèn)為只需要在CSS樣式表將media=”screen”變成media=”handheld”就能使網(wǎng)頁(yè)神奇般地適用于手機(jī)。

這是錯(cuò)誤的想法。

雖然針對(duì)手機(jī)用戶變更網(wǎng)頁(yè)的CSS可以過(guò)濾一部分的內(nèi)容，或者一些CMS網(wǎng)頁(yè)也提供了相應(yīng)的轉(zhuǎn)換插件。但這些方案并不完善。

W3c定義了“一個(gè)網(wǎng)站”的概念，意思是手機(jī)網(wǎng)頁(yè)不一定要提供和傳統(tǒng)網(wǎng)站完全一樣的內(nèi)容和設(shè)計(jì)，而是要根據(jù)手機(jī)的性能、帶寬等方面的不同提供一些差異化服務(wù)。

根據(jù)這個(gè)定義，一些傳統(tǒng)網(wǎng)頁(yè)的內(nèi)容和功能不能在手機(jī)上實(shí)現(xiàn)是很合理的。不同手機(jī)能處理的內(nèi)容和功能也都是不一樣的。所以也可以根據(jù)這些手機(jī)進(jìn)行相應(yīng)的網(wǎng)頁(yè)制作。

5.選擇域名

為手機(jī)網(wǎng)頁(yè)選擇什么域名取決于你的目標(biāo)群體是如何進(jìn)入網(wǎng)站的。這里有三種域名可供選擇：

A：為手機(jī)網(wǎng)頁(yè)使用獨(dú)立域名

B:為手機(jī)網(wǎng)頁(yè)使用子域名

網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】 網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】

C：為手機(jī)網(wǎng)頁(yè)注冊(cè)mobi的頂級(jí)域名

D：判斷客戶端，并自動(dòng)顯示對(duì)應(yīng)內(nèi)容

6.為手機(jī)網(wǎng)頁(yè)驗(yàn)證標(biāo)記語(yǔ)言

電腦的網(wǎng)頁(yè)瀏覽器對(duì)錯(cuò)誤比較寬容，一些html標(biāo)記的忘記書(shū)寫(xiě)或者沒(méi)有正確嵌套在電腦瀏覽器都會(huì)正確顯示，當(dāng)然容錯(cuò)率高意味著消耗更高的cpu和內(nèi)存。

手機(jī)瀏覽器的性能還無(wú)法和電腦相提并論，所以手機(jī)瀏覽器對(duì)手機(jī)網(wǎng)頁(yè)的錯(cuò)誤要嚴(yán)格一些。所以在設(shè)計(jì)和制作手機(jī)網(wǎng)頁(yè)時(shí)，你必須不斷進(jìn)行檢查、驗(yàn)證和糾錯(cuò)。驗(yàn)證手機(jī)網(wǎng)頁(yè)和驗(yàn)證一般傳統(tǒng)的網(wǎng)頁(yè)沒(méi)什么區(qū)別，如果你使用Xhtml編寫(xiě)，可以使用相同的工具。W3C驗(yàn)證器可以驗(yàn)證一些簡(jiǎn)單的錯(cuò)誤，當(dāng)然這里有一個(gè)更適合驗(yàn)證手機(jī)網(wǎng)頁(yè)的版本。

7.為手機(jī)網(wǎng)頁(yè)不斷測(cè)試

當(dāng)通過(guò)了手機(jī)網(wǎng)頁(yè)的驗(yàn)證之后，就要針對(duì)幾種不同的手機(jī)進(jìn)行各種測(cè)試了。用電腦的瀏覽器雖然可以進(jìn)行模擬測(cè)試，但是并不完善。這種方式通過(guò)的手機(jī)網(wǎng)頁(yè)不能適用于某些手機(jī)。

有些手機(jī)文件尺寸的限制可能會(huì)很小，所以你制作的手機(jī)網(wǎng)頁(yè)在這些設(shè)備上甚至無(wú)法顯示。另外瀏覽器支持的文件類型也會(huì)不同，支持的圖像格式也會(huì)不同。測(cè)試時(shí)候手機(jī)網(wǎng)頁(yè)當(dāng)然不可能擁有所有手機(jī)，所以制作網(wǎng)頁(yè)時(shí)可以使用一些替代手段。

網(wǎng)站建設(shè)_app開(kāi)發(fā)_手機(jī)網(wǎng)站開(kāi)發(fā)【國(guó)互網(wǎng)】