當前位置:製作窩 >

創意設計 >設計教程 >

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

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

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 球面化命令對話方塊。

  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/v7k55.html