手機QQ美化教程() 作者: 2010.4.13 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 完成效果:桌面圖標登陸界面 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 連接服務器~主界面 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 一、準備工作 1.用到的軟件: 1.5Java運行庫Adobe 手機版安裝包 2.建立工作空間:建立一個文件夾用于保存過程中修改的圖片。
應至少包含,-land,-hdpi及任意名文件夾A和B。解壓縮QQ安裝包到A,將下載的素材保存到B。 3.素材:構思好自己想做的主題,搜索下載相關的圖片。例如我用了黑暗游俠的主題,就需要找高品質豎版(或適宜裁剪成豎版)的圖片兩張用作登錄界面和背景。線條簡單的相關圖片一張或若干張修改后做為頭像圖標等。登錄界面用到魅族logo,需要找含有清晰魅族logo且logo部分背景較單一方便提取的圖片一張或若干張。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 二、登錄界面制作 1.桌面圖標制作 下載的素材圖片。我們可以看到這張圖片的頂部缺失了一部分,并且背景色是白色而不是透明。 用魔棒工具點擊外圍白色部分 選擇后按刪除白色部分 如果你沒有看見魔棒工具,請右鍵點擊這個按鈕,就會讓你選則魔棒工具 用矩形選擇工具選擇整個界面,右鍵自由變換,調整圖片到中心位置。
only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd.用矩形選擇工具選擇下部圓弧,大小約與上部缺失部分相當,點擊右鍵,通過拷貝的圖層。這是下方會顯示多了一個圖層,點擊它,這時所有的操作都只能在選定圖層上進行,而不會影響原圖層的內容。拖拽新圖層到原圖層之下,這樣兩圖片的重疊部分原圖層就會遮擋新圖層??梢酝ㄟ^點擊圖層左側的眼睛來顯示/隱藏圖層,方便被遮擋圖層的處理。用矩形選擇選擇整個圖片,右鍵,自由變換,在選區之外按住鼠標左鍵拖拽,這時圖片就會跟著鼠標旋轉,把它調到翻轉180度的位置,并拖到適合位置填補原圖層上的缺失,雙擊左鍵來應用變動。用畫筆工具或仿制圖章工具,按住alt取色,涂抹掉多復制的部分。這樣圖像內容的修改就完成了,接下來修改圖片尺寸和格式。點擊圖像,圖像大小,調整尺寸到72*72(注意單位選像素)。接下來點文件,存儲為,目錄選擇-hdpi,文件類型選png,文件名icon.png。再把圖像大小修改為48*48存儲到文件夾下。
only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 2.載入頁面的修改 完成后的界面只要摳出需要的部分就好。這里的問題是用作背景的素材圖片長寬比例不合適。直接修改圖像大小會導致圖片被壓扁,所以我們需要截取其中比例合適的一部分。用矩形選擇工具,按住shift隨便畫一下,得到一個正方形選區,右鍵變換選區,調整比例為48:80,再改變選區大小,移動到要選定的區域,雙擊左鍵應用。再點編輯,拷貝。點擊文件,新建,直接確定,系統會自動建立一個等于選區大小的圖像,編輯,粘貼。右鍵點擊背景圖層,刪除圖層。再調整圖片尺寸到480*800. only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd.現在我們有提取好的logo和背景圖片了,接下來要把它們調色并組合。
同時打開這幾個文件,逐個拷貝粘貼到背景圖片的文件上??截愡^來的圖片會是獨立的圖層,根據遮擋關系調整各圖層的上下位置。從最上方的圖層開始做自由變換,調整到需要的位置,大小。接下來調整顏色使其與背景搭配。 這是我提取出來的logo 我們可以通過 圖像,調整,通道混合器來調整圖片顏色ppt 取消粘貼圖片陰影 qq截圖,注意這里的輸出通道,輸出通道是紅,無論你改變下面的紅綠藍中的哪個,都會造成紅色的改變不會影響綠色和藍色。例如我要把圖中的黑色變為紫色,可以把紅通道的紅色調為200,再把藍通道的紅色調為200. only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 我們還可以通過ctrl+m調出曲線來調整圖片的明暗效果。 或者用漸變工具為logo添加漸變 矩形選擇,自由變換,隨意拖動一下。系統自動選擇了logo,而且還頗為精確~向其中填充漸變吧,不會填充到logo以外哦。 你還可以為logo添加陰影來增加立體感,這里就不詳細描述了。需要的童鞋請百度“ps陰影制作”。
將制作好的圖片存儲為.9.png存放在目錄下。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 3.登錄條的制作登錄條的動畫由類似的10張圖片組合而成。例中的M字可以把圖像調整為剛好占據橫向的20個黑白格,第一張圖片填充漸變時漸變先由第一格拉到第二格ppt 取消粘貼圖片陰影 qq截圖,一次類推,完成十張圖片,保存為l1.png - l10.png到目錄下。漸變工具填充時一次填充整個黑白格,所以劃線時只要在格中點擊就行,不用精確到格子邊緣,矩形選擇工具也一樣。圖像尺寸為320*102.我們提取出來的logo肯定不會是這個比例,可以先按比例縮小圖片,再點圖像,畫布(不同于前面的點擊圖像大小,畫布大小只會擴展或縮小畫布,不會改變上面圖片的尺寸)大小來調整圖片尺寸。例中的圖片顏色較淺,可以先圖像,調整,反相處理以清楚的看到圖像,或新建一個深色的背景圖層。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 二、主界面的制作 1.背景制作將背景圖片調整為320*480和480*800兩種尺寸,命名為.jpeg和.jpeg存儲到目錄。
從素材中截取橫向圖片,調整為480*320和800*480兩種尺寸,存儲到-land文件夾中,文件名同上。下邊欄背景的修改:從解壓的文件中復制.9到自建的目錄,右鍵用打開。例中直接編輯,調整,黑白將原來的藍條改為黑條,并 調整不透明度到60%。想獲得更加通透的邊欄效果 可以把不透明度再往低調。 好友分類的背景修改可以用同樣的方法修改.9.png和r.9.png兩文件。其中over為按下去后的效果,其他文件命名方式相同。各位童鞋可以自己從文件夾中找到其它想修改的文件用同樣方法修改。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 2.頭像的制作 我們要從這張圖片中提取出頭像,這時由于前景色和背景色接近,魔棒工具和快速選擇工具就不好用了。這時我們可以用鋼筆工具勾勒出輪廓,右鍵建立選區,選擇反向,按刪除選區。
再用矩形選擇工具選擇一個頭像居中的正方形拷貝到新建文件中,進行尺寸調整。 用鋼筆工具勾出輪廓,右鍵建立選區,為了使邊緣不那么生硬,可以根據圖片大小情況設置羽化,小圖片1像素即可。 選擇反向前要點到任意選擇工具上,右鍵才會出現相關選項。 裁剪好的頭像調整圖像大小。例中調整為40*40替換了名為h001.png的企鵝頭像。實際可根據喜好找到想替換的頭像,調整為相同的大小和名字保存在目錄下。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 3.圖標的制作任何一個圖標都有未點擊和點擊兩種狀態,需要分開制作。由于圖標在手機上顯示出來很小,這就要求我們用來做圖標的圖片線條必須簡單,例中把用來做頭像的圖片經過了簡單修改替換了企鵝圖標。 這張圖片線條有些多,且與背景色接近,不適合做圖標,接下來我們來修改它。 先新建兩個圖層,原圖層放在最下方,中間的圖層用油漆桶工具填充為與背景色相近的顏色,點擊左邊的眼睛隱藏這一圖層。
此步驟是為了在背景色為深色時方便清楚的預覽畫好的圖標效果,若使用的背景圖片為淺色則只需要建立一個圖層。 選擇鉛筆工具,調整為1像素,選一個和背景反差大的顏色。點擊最上方的圖層。用鋼筆勾出邊緣線條,右鍵,描邊路徑,選到鉛筆,(可以勾選上模擬壓力),1或2像素,確定。再刪除背景圖層,調整尺寸,保存到-hdpi。文件名同想要替換的圖標名。例為.png only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd. 新建圖層,放在圖標圖層的下方,畫筆選到5像素以上(根據需要及圖形復雜程度),類型選成中心向周圍漸淡那種,換成藍色,用鋼筆建立并描邊路徑。 若所制作的圖標輪廓較為容易選取,可用陰影圖層來簡化制作。 用同樣的方法制作其它圖標。所需要的隱身等標志可從安裝包中提取。 only. with . for .NET 3.5 5.2.0.0. 2004-2011 Pty Ltd.