當前位置：首頁>ps實例教程>ps制作實例>海報設(shè)計>教程內(nèi)容

ps手繪HTC手機宣傳海報教程(20)

來源：Iconfans 作者：佚名　學(xué)習(xí)：1367人次

轉(zhuǎn)載一篇關(guān)于手機產(chǎn)品設(shè)計的教程。其實我覺得這個跟做一個復(fù)雜圖標是一樣的。里面很多效果的設(shè)計方法完全可以應(yīng)用到圖標設(shè)計中去。

我必須承認，除了IPHONE，我別無所求，但是，當我第一次看到HTCDiamond的時候，我感到驚訝，因為它看是多么的好。所以，我決定寫一個教程，教程的內(nèi)容是制作一個HTCDiamond。不過制作的過程非常漫長，推薦您泡杯咖啡。

最終效果圖

在開始制作之前，我們來看一看在效果，我們將創(chuàng)造圖片中的效果。點擊下面的截圖，以查看完整大小的圖片。分層一直是我們的慣例。

Step 1

新建一個空白圖像，背景白色，大小為1000*1000

Step 2

現(xiàn)在，我們將做出該手機的主體。使用圓角矩形工具(快捷鍵U)，直徑設(shè)置為20像素，畫出一個形狀，如下圖所示。

Step 3

您需要按住 Alt 的按鈕，注意用上一步所用到的工具繪制。這將從第一個形狀所提取的。此外，使用標尺和網(wǎng)格來幫助定位電話的形狀。當您完成時，請將形狀重命名為"電話形狀 1"。

Step 4

接下來需要復(fù)制此層，填充#5b5b5b ，并將其命名為電話形狀2

Step 5

雙擊"電話形狀 2"并設(shè)置樣式(我根據(jù)個人的喜好設(shè)置，您可以進行適當?shù)母?

Step 6

使新圖層，并將其命名高亮。然后 Ctrl+ 單擊"電話形狀 2"層的縮略圖，進行選擇(創(chuàng)建選區(qū))。然后使用使用Marquee 工具 (M)，進行一些選擇。

Step 7

創(chuàng)建一個圖層，使用漸變工具 (G) 設(shè)置為白色和透明的線性漸變。然后從填充，就像下面一樣。

Step 8

使用橡皮擦工具硬度設(shè)置為0% ，開始擦除，如下圖所示。

Step 9

用鋼筆在底部繪制一個路徑。

Step 10

接下來您需要進行新的層并命名"高光2"。您的畫筆設(shè)置為 1 個像素，并還確保前臺是白色。將畫筆工具，右鍵單擊屏幕和選擇 Stroke 路徑。確保從列表中選擇，筆刷也不必須檢查畫筆壓力。單擊確定。最后，您將需要刪除路徑，就象下圖。

Step 11

刪除端點。然后轉(zhuǎn)到濾鏡 >模糊> 高斯模糊并選擇 0.7 像素的半徑范圍。

Step 12

接下來的步驟，您需要做的是重復(fù)同樣的閃電效果，改變了背景顏色為黑色。按照下面的圖片。

Step 13

我們正在做這部分的手機。移動到一個新文件夾，并將它命名為>外側(cè)。 > ，現(xiàn)在的時間，制作內(nèi)部。首先，我將作出一個新的文件夾，并將它命名為>內(nèi)部。 >在此文件夾中作出新的文件夾，并將它命名為>底部。 > ，這是按鈕。然后使用，圓角矩形工具 (U)，就象下圖

Step 14

使用矩形工具減去形狀的上部.

Step 15

雙擊圖層進入混合設(shè)置, 并使用以面的設(shè)置.

Step 16

下面你要在這個形狀上增加更多光線, 你可以和你在第9步已做的那樣來做, 不過這次你需要使用直線工具.

Step 17

到這一步手機已完成, 現(xiàn)在我們需要創(chuàng)建那些按鈕, 先創(chuàng)建一個新圖層夾(其實是圖層, 這老兄喜歡把圖層叫folder, 我暈. 我后來才發(fā)現(xiàn)的, 如下雷同!!)并命名為"Button". 你需要用橢圓工具創(chuàng)建一個黑色圓形(快捷鍵U), 如你所見的, 我使用了網(wǎng)格線因為我想讓那些按鈕被居中.

Step 18

給這個圖層增加如下的混合設(shè)置.

Step 19

創(chuàng)建一個新圓, 不過這次要讓它小一點, 當你要在另一個圓的正中創(chuàng)建一個圓時, 按下ALT+SHIFT按鍵并拖動, 這將幫你創(chuàng)建圓到正確的位置.

Step 20

再次打開混合設(shè)置并設(shè)置如下.

Step 21

在圓的上面創(chuàng)建一個新圖層, 命名為"Shine 1", 使用漸變工具(快捷鍵G)并設(shè)置為放射漸變白變(白變漸變到透明, 他這沒寫), 點擊并拖動出一個白色漸變 (他寫的是點擊并拖動就像我做的那樣).

Step 22

現(xiàn)在你需要遮住那個光讓它只顯示在按鈕里, 下一步設(shè)置圖層為34%透明度的線性光.

Step 23

創(chuàng)建一個新圖層并命名為"Shine 2". 使用橢圓選區(qū)工具(M)如我那樣創(chuàng)建一個選區(qū), 并用白色填充, 遮住它以便只讓它顯示在按鈕上, 并設(shè)置為70%透明度的柔光.

Step 24

使用鋼筆工具(P)創(chuàng)建一個路徑, 設(shè)置筆刷為100%硬度,2像素, 然后描邊(他寫的是抓住鋼筆工具并制作一個描邊). 確定你創(chuàng)建的描邊是白色的.

Step 25

使用像皮擦工具(E), 擦除線的下部一點點以讓它溶入.

Step 26

設(shè)置線的透明度為70%. 創(chuàng)建一個新圖層并畫一個白塊, 使用濾鏡 > 模糊 > 高斯模糊并選擇18.5%. 然后下一步設(shè)置圖層為柔光.

Step 27

你已完成了圓形按鈕, 現(xiàn)在我們要創(chuàng)建觸摸按鈕, 第一步, 在按鈕夾的上面創(chuàng)建一個新圖層夾, 命名為"Signs". 創(chuàng)建圓形形狀并添加如下的設(shè)置, 另外, 設(shè)置它為20%透明.

Step 28

下面你需要增加這些形狀, 我已經(jīng)使用線工具(U)創(chuàng)建了它們, 那些箭頭我是從自定義形狀工具里拿來用的.

Step 29

下一步的形狀我們將再次使用鋼筆工具(P)和線工具(U)創(chuàng)建, 另外, 使用下面的設(shè)置應(yīng)用到全部這些形狀上.

Step 30

我們已完成了手機的下部. 下面我們需要創(chuàng)建上部. 現(xiàn)在你需要使用圓角矩形來創(chuàng)建一個新形狀并設(shè)置為10%(????我覺得應(yīng)該是角的圓度為10). 另, 你需要用#626262填充它. 然后減去下部(他寫的上部的一面). 預(yù)覽下下面的圖片然后你就知道要減去多少了.

Step 31

給這層設(shè)置混合設(shè)置, 如下所示.

Step 32

新建一個圖層并命名為"Shine", 你需要先創(chuàng)建一個如下的選區(qū), 然后減去上下兩個面相交的地方, 現(xiàn)在你需要使用漸變工具(G)以白色到透明填充該層.

Step 33

下面你需要用鋼筆工具(P)創(chuàng)建一個隨意的路徑, 現(xiàn)在你需要遮住超過電話區(qū)域的部分, 并設(shè)置圖層的透明度為50%.

Step 34

現(xiàn)在我們用鋼筆工具(P)重新創(chuàng)建LOGO, 或者設(shè)計你自己的LOGO.

Step 35

現(xiàn)在創(chuàng)建一個圖層夾命名為"Screen", 在這個夾里用矩形工具(U)創(chuàng)建一個新形狀(我想應(yīng)該在夾里先新建一層吧, 汗,他沒寫). 使用如下的混合設(shè)置來設(shè)置該圖層.

Step 36

創(chuàng)建另一個圖層夾(我想作者老兄喜歡把圖層叫做文件夾.. 我暈.)并命名為"Camera", 創(chuàng)建一個新的圓形并以#111111填充, 并應(yīng)用如下的設(shè)置.

Step 37

復(fù)制該層, 填充為#222222, 并使用如下的混合設(shè)置, 并將填充(透明度下面那個)設(shè)置為0%.

Step 38

創(chuàng)建一個新圓并填充為#222222, 應(yīng)用如下的設(shè)置.

Step 39

再次創(chuàng)建另一個新圓形, 并填充為#3b3b39, 現(xiàn)在你需要使用橢圓工具將圓減去一些, 另外, 應(yīng)用如下的混合設(shè)置.

Step 40

下一步你需要創(chuàng)建另一個圓, 這次填充它為黑色.

Step 41

在第40步的黑圓上創(chuàng)建一個新圖層, 我們將使用筆刷工具創(chuàng)建兩個小圓點以讓它看起來像真的攝像頭一樣, 你需要使用兩個不同的顏色: #47307a, #1a3327.

Step 42

重復(fù)第39步, 不過這次創(chuàng)建一個小一些的圓, 另外顏色也要用#3b3b39, 設(shè)置圖層透明度為40%, 并使用如下的圖層樣式.

Step 43

這步創(chuàng)建另一個白色圖層, 并模糊它, 再將它的透明度設(shè)置為5%.

Step 44

創(chuàng)建另一個圖層夾(又來了)并命名為"Speaker". 在這里使用圓角矩形工具(U)創(chuàng)建一個新形狀. 圓角大小為10px.

Step 45

插入如下的圖層樣式給該圖層.

Step 46

創(chuàng)建一個新圖層并命名為"Pattern", 我使用了一個Fabio在他的一個教程《在PHOTOSHOP中創(chuàng)建一個磨砂金屬表面》中使用過的同樣的一個技術(shù)來創(chuàng)建喇叭的圖案(在那個教程的第三步), 唯一這個圖案和他的教程中的不同的是這個是黑的并且點與點之間更近. 不要通過那個教程使用圖層樣式, 因為你不需要.

Step 47

創(chuàng)建如下所示類似的形狀, 也一樣的, 使用如下的圖層樣式.

Step 48

創(chuàng)建一個類似的另一個新圖層, 不過這個將會小一點, 填充它為#d7d7d7. 另使用如下的圖層樣式.

Step 49

電話已差不多被完成了. 現(xiàn)在我們要做的是創(chuàng)造一個漂亮的材質(zhì), 創(chuàng)建一個新圖層, 命名為"Noise". 在這層里面(這里我覺得應(yīng)該是圖層夾), 創(chuàng)建一個新圖層, 并填充為白色, 應(yīng)用濾鏡 > 雜色 > 添加雜色并使用如下的圖層樣式, 另設(shè)置圖層混合模式為疊加(Multiply我不知道是不是疊加-_-#), 并設(shè)置透明度為20%.

最后, 你需要創(chuàng)建一個只有電話外部的選區(qū)并遮住雜點(就是做好選區(qū)然后加個蒙板), 那么它將只顯示該部分.