網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

photoshop自學教程 手機的繪製步驟詳細圖解

欄目: 設計教程 / 發佈於: / 人氣:2.29W

Adobe公司經常使用的ps應該可以說是使用非常常用的製圖改圖軟件,常用在廣告設計公司的設計實現。還經常用在動畫的後期處理對於那些業餘圖文愛好者羣體,還能夠爲普通照片存入計算機上處理出絢麗的效果。總的來說,軟件Photoshop是一款功能豐富、用途廣泛的製作和處理圖片軟件,總能製作出驚心動魄的圖片。 爲廣大平面視覺愛好者聚積很多經典的圖像後期處理的實例。一定能讓你馬上學會PS應用...

本教程所用軟件爲Photoshop CS2手機的繪製,我國擁有近四億的手機用戶,居全世界第一。手機在我國已成了常見的通訊工具。本小節將帶着讀者一起用Photoshp CS2繪製一臺手機。本小節完成的效果圖。(圖4.1-1)

photoshop自學教程 手機的繪製步驟詳細圖解
圖4.1-1 手機繪製完成效果圖本小節實例製作步驟如下:按下鍵盤上的Ctrl+N組合鍵,或執行菜單欄上的“文件→新建”命令打開“新建”對話框,設置參見圖4.1-2所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第2張
圖4.1-2 新建對話框的設置新建圖層,按下鍵盤上的Ctrl+R組合鍵打開標尺,創建一條垂直輔助線。以該輔助線爲對稱中心線,用“矩形選框工具”(快捷鍵M),根據手機形狀創建一個矩形選區,如圖4.1-3所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第3張
圖4.1-3 以輔助線爲對稱中心線創建的矩形選區選擇“橢圓選框工具”(快捷鍵M)工具,設置選項欄上的布爾模式爲“添加到選區”,如圖4.1-4所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第4張
圖4.1-4 橢圓形選框工具在選項欄上的設置在選區下邊與垂直輔助線相交位置處(如圖4.1-5所示)開始拖拉,出現圓形後不要鬆開鼠標,同時按下鍵盤上的Alt和Shift鍵,就可以該點爲圓心創建一個與矩形選區 “合集”的圓形選區,如圖4.1-6所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第5張
圖4.1-5 圓形選區的中心出發點

photoshop自學教程 手機的繪製步驟詳細圖解 第6張
圖4.1-6 與矩形選區合集的圓形選區執行菜單欄上的“選擇→修改→平滑”命令,將矩形選區直角平滑一定像素。

photoshop自學教程 手機的繪製步驟詳細圖解 第7張
圖4.1-7 平滑命令設置對話框

photoshop自學教程 手機的繪製步驟詳細圖解 第8張
圖4.1-8 矩形選區平滑後的效果確認“橢圓選框工具”仍被選擇,右擊文檔窗口,在彈出的菜單中選擇“建立工作路徑”命令,將選區轉換爲路徑。調整路徑到如圖4.1-9所示效果——使上邊窄一些,兩側線條要具有一定弧度。
photoshop自學教程 手機的繪製步驟詳細圖解 第9張
圖4.1-9 調整後路徑的效果選擇任意路徑工具(比如“鋼筆工具”),右擊文檔窗口,在彈出的菜單中選擇“建立選區”命令,轉換路徑爲選區。設置前景色爲灰色(色彩接近即可),按下鍵盤上的Alt+BackSpace組合鍵填充前景色。將該圖層命名爲“上蓋”,如圖4.1-10 所示。
photoshop自學教程 手機的繪製步驟詳細圖解 第10張
圖4.1-10 填充灰色後的圖形本教程所用軟件爲Photoshop CS2手機的繪製,按下鍵盤上的Ctrl鍵,同時單擊該圖層在圖層調板的縮略圖,使該層中圖形外緣作爲選區載入。選擇“矩形選框工具”,右擊文檔窗口,在彈出的菜單中選擇“變換選區”命令。按下鍵盤上的Alt鍵,以選區中心爲變換中心,變換該選區到圖4.1-11所示效果。

photoshop自學教程 手機的繪製步驟詳細圖解 第11張
圖4.1-11 變換選區後的效果。新建圖層,命名爲“銀色裝飾物”。選擇“漸變工具”快捷鍵(G),在選區內添加“漸變”效果(只是爲了效果預覽,後面還要更改),如圖4.1-12所示。
手機的繪製步驟詳細圖解:
photoshop自學教程 手機的繪製步驟詳細圖解 第12張
圖4.1-12 漸變的設置不取消選區,新建圖層,變換選區到圖4.1-13所示效果。

photoshop自學教程 手機的繪製步驟詳細圖解 第13張
圖4.1-13 變換選區後的效果填充如圖4.1-14所示顏色(色彩接近即可,手機廠家稱這個顏色爲“水手藍”),命名該層爲“水手藍”。同時另建圖層,命名爲“軸”。畫出如圖4.1-14所示上邊的形狀。
photoshop自學教程:
photoshop自學教程 手機的繪製步驟詳細圖解 第14張
圖4.1-14 填充藍色的效果在該層上創建一個矩形選區,填充上面設置的“水手藍”色,如圖4.1-15所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第15張
圖4.1-15矩形選區填充後的效果新建圖層,用“鋼筆工具”(快捷鍵P)繪製如圖4.1-16所示路徑。
photoshop自學教程:
photoshop自學教程 手機的繪製步驟詳細圖解 第16張
圖4.1-16 用鋼筆工具繪製的路徑選擇“路徑選擇工具”,按下鍵盤上的Alt鍵,同時按下鼠標左鍵,拖拽該路徑複製一個。選取該複製路徑,按下鍵盤上的Ctrl+T組合鍵,執行菜單欄上的“編輯→變換→水平翻轉”命令,變換路徑到相應的形狀,並移動到另一邊相應的位置 。設置前景色爲上面設置的“灰色”。選擇畫筆工具(快捷鍵B),在文檔窗口單擊右鍵,在彈出的調板中設置畫筆參數,如圖4.1-17所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第17張
圖4.1-17 “畫筆工具”筆觸設置新建一個圖層,選擇該兩條路徑,右擊文檔窗口,在快捷菜單中選擇“描邊路徑”命令,設置“描邊路徑”對話框如圖4.1-18所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第18張
圖4.1-18 描邊路徑命令對話框本教程所用軟件爲Photoshop CS2手機的繪製,我國擁有近四億的手機用戶,居全世界第一。手機在我國已成了常見的通訊工具。本小節將帶着讀者一起用Photoshp CS2繪製一臺手機。雙擊該圖層在圖層調板上的縮略圖,設置彈出的圖層樣式對話框,如圖4.1-19所示。
photoshop自學教程 手機的繪製步驟詳細圖解 第19張
圖4.1-19 圖層樣式對話框下面繪製攝像頭部分(這個部位在後面的透視變換的操作比較複雜,要具體處理,先把位置固定一下)。新建圖層,先繪製一個白色的圓形,再用“鋼筆工具”(快捷鍵P)繪製如圖4.1-20的路徑。將路徑轉換爲選區後填充白色,命名該層爲“攝像頭”。

photoshop自學教程 手機的繪製步驟詳細圖解 第20張
圖4.1-20 攝像頭形狀的路徑下面繪製“揚聲器孔”。新建圖層,用矩形選框工具創建矩形選區後,平滑矩形選區的直角,並填充玄色,如圖4.1-21所示。
photoshop自學教程 手機的繪製步驟詳細圖解 第21張
圖4.1-21 繪製其中一個揚聲器孔不取消選區,選擇“移動工具”,按下鍵盤上的Alt鍵不放,用鼠標左鍵拖拽,在同一層上覆製出兩個“揚聲器孔”,如圖4.1-22所示。

photoshop自學教程 手機的繪製步驟詳細圖解 第22張
圖4.1-22 複製出另外兩個“揚聲器孔”雙擊該圖層在圖層調板上的縮略圖,在“圖層樣式”對話框中設置“斜面和浮雕”爲“枕狀浮雕”,具體參數設置如圖4.1-23所示。
photoshop自學教程 手機的繪製步驟詳細圖解 第23張
圖4.1-23 設置“揚聲器孔”圖層樣式新建圖層,命名爲“外屏邊框”。按上面所講的方法繪製手機顯示屏的圓角矩形選區,填充玄色。執行菜單欄上的“選擇→存儲選區”命令,爲該選區命名爲“圓角矩形”,儲存該選區。再將該選區放大到如圖4.1-24所示效果。

手機的繪製步驟詳細圖解:

photoshop自學教程 手機的繪製步驟詳細圖解 第24張
圖4.1-24 放大圓角矩形選區後的效果執行菜單欄上的“濾鏡→扭曲→球面化”命令,參照圖4.1-25所示設置。

photoshop自學教程 手機的繪製步驟詳細圖解 第25張
圖4.1-25 球面化命令對話框。