Photoshop打造精致的Ipad正面圖
活力盒子 發(fā)布時間：2011-02-24 13:01:45 作者：佚名 
我要評論
我要評論本教程介紹Ipad電腦的繪制方法。其中包括電腦的框架及操作界面兩個大的部分。制作的時候可以先從電腦部分做起，利用圖層樣式等來增強質(zhì)感。界面部分制作比較簡單，圖片及桌面等都可以選用其它素材。
6、現(xiàn)在我們添加屏幕壁紙。首先我們下載pkarwowski 提供的背景圖，導(dǎo)入到Photoshop中，置于“screen”圖層的上方，然后按住Alt+Ctrl+G創(chuàng)建剪貼蒙版。
7、前景色設(shè)為白色，新建圖層，重命名為“Dock”，畫一個長方形，然后執(zhí)行“編輯-變形-扭曲”，拖動上方的兩個角點向中間移動如下圖。
8、選中“Dock”圖層，添加圖層樣式“漸變疊加”，顏色設(shè)置為#454637到#fafbfc的漸變。
9、把“dock”圖層不透明度降低為58%。我們繼續(xù)制作屏幕頂部的信息欄并且添加ipad圖標(biāo)。
10、現(xiàn)在我們添加些Icon圖標(biāo)到桌面，下載本文所用圖標(biāo)(當(dāng)然您可以使用谷歌搜索滿意的圖標(biāo))。打開下載好的 Safari 圖標(biāo)，把它導(dǎo)入Photoshop并且放置在“dock”層的上方，調(diào)整其大小。
11、為 Safari 圖標(biāo)創(chuàng)建倒影。復(fù)制圖標(biāo)，然后執(zhí)行“編輯-變形-垂直翻轉(zhuǎn)”。
12、降低圖層的不透明度為21%，創(chuàng)建黑色到透明的漸變疊加。
13、選取并刪除溢出屏幕的倒影部分。
14、重復(fù)相同的過程，為桌面添加其他3個圖標(biāo)。
15、下面來添加按鈕以完善我們的ipad界面。畫一個白色的圓作為開始按鈕，然后繼續(xù)在其內(nèi)部畫一個圓角半徑為2px的圓角矩形。
16、對小圓應(yīng)用漸變疊加，顏色設(shè)置如下：#4c4d51-#060606。然后給小的圓角矩形添加描邊和漸變疊加，同時降低圖層不透明度到19%。
17、選擇圓角矩形工具，圓角半徑設(shè)為2px，然后分別繪制按鈕A和按鈕B。
18、制作按鈕C時，首先在頂部-圓角矩形工具設(shè)置面板上選擇“形狀圖層”(最左側(cè)的一個)，然后設(shè)置圓角半徑2px 畫出按鈕C。
19、使用鋼筆工具為按鈕C增加錨點如下圖所示，然后使用直接選擇工具選中錨點，按左方向鍵向左側(cè)移動3個像素。最后把所有按鈕都置于“border”層的下方。
最終效果：
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨立的，下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非常基礎(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進(jìn)行調(diào)節(jié)，具體該如何操作呢？詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
