• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS電腦繪圖 】Photoshop繪製精緻逼真的相機圖標教程




    Photoshop繪製精緻逼真的相機圖標教程

    這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

    文章出處是來自優設的PS教程類文章,寫教學的作者是心中永遠是胡歌,感謝心中永遠是胡歌提供鼠繪教程的實作教學。

    教學大綱:

    今天的教程難度不小,而且步驟特別多,光教程截圖就有整整92張,當然也是因為寫得特別特別細緻。不多說,考驗PS基礎功的時候了,來動手,做得出效果小編大號小號齊上給你點贊。


    鼠繪教程教學開始

    今天的教程難度不小,而且步驟特別多,光教程截圖就有整整92張,當然也是因為寫得特別特別細緻。不多說,考驗PS基礎功的時候了,來動手,做得出效果小編大號小號齊上給你點贊。

    教程源文件:逼真的相機圖標PSD教程源文件

    最終效果:

    Photoshop繪製精緻逼真的相機圖標教程

    1,新建一個2000*2000的畫布

    (因為之後需要設置一些參數是根據畫布大小而定的,所以不想自己調參數的話就跟我設置同樣大小的畫布吧)

    Photoshop繪製精緻逼真的相機圖標教程

    2,新建一個圖層,然後隨便填充一個顏色。

    3,雙擊圖層一,打開圖層樣式,使用漸變疊加。

    Photoshop繪製精緻逼真的相機圖標教程

    4、拉好參考線,畫出一個圓角矩形。

    Photoshop繪製精緻逼真的相機圖標教程

    5、再畫一個圓角矩形,圓角半徑設置如圖,顏色設置為灰色。將圖層取名為右邊。

    Photoshop繪製精緻逼真的相機圖標教程

    6、按住Ctrl點擊“右邊”圖層的縮略圖,得到此圖層的選區,並且新建一個圖層取名為“右邊白邊”。

    Photoshop繪製精緻逼真的相機圖標教程

    7、選擇選框工具,然後在圖上右建單擊一下選擇“描邊”,設置如圖,然後確定。

    Photoshop繪製精緻逼真的相機圖標教程

    8、給“右邊白邊”的圖層建立個白蒙板,用黑色畫筆塗抹圖中紅色區域。

    Photoshop繪製精緻逼真的相機圖標教程

    9、雙擊“右邊”圖層,打開圖層樣式,使用漸變疊加,然後確定。

    Photoshop繪製精緻逼真的相機圖標教程

    10、然後將“右邊”複製一層,並且雙擊打開圖層樣式,更改下漸變設置。然後確定,然後更改圖層不透明度為50%。

    Photoshop繪製精緻逼真的相機圖標教程

    11、再新建一個圖層,取名為右邊陰影,按住alt點擊“右邊 拷貝”圖層縮略圖,得到圖層的選區。

    12、將前景色改為灰色,再將畫筆設置為軟角畫筆。

    Photoshop繪製精緻逼真的相機圖標教程

    13,設置好畫筆大小和流量,給左邊兩個角添加一些陰影,紅色區域。

    Photoshop繪製精緻逼真的相機圖標教程

    14、將前景色設置為一個屎黃色。

    Photoshop繪製精緻逼真的相機圖標教程

    15、用畫筆畫出這樣。

    Photoshop繪製精緻逼真的相機圖標教程

    16、畫一個圓角矩形,圓角半徑為200。並且降低不透明度,要對齊好來。

    Photoshop繪製精緻逼真的相機圖標教程

    17、再畫一個圓角矩形,設置如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    18、將上面這個圓角矩形的左下角的半徑設置為400,其他三隻角不用管了。

    Photoshop繪製精緻逼真的相機圖標教程

    19、新建一個圖層取名為“黑線”,並且用鋼筆工具沿着邊勾出這麼一條路徑。

    Photoshop繪製精緻逼真的相機圖標教程

    20、我們還需要對這條路徑做一點修改,用鋼筆工具來控制這個控制柄,使這一段路徑變的更圓。

    Photoshop繪製精緻逼真的相機圖標教程

    21、接下來就是描邊了,前景色設置為純黑色,畫筆大小設置為25。

    Photoshop繪製精緻逼真的相機圖標教程

    22、選擇鋼筆工具,在圖上右鍵點擊一下選擇“描邊路徑”,設置如圖,然後確定。

    Photoshop繪製精緻逼真的相機圖標教程

    效果如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    23、新建一個圖層取名為“左邊”,用鋼筆勾出如圖路徑,並且轉化為選區,把“左邊”圖層放到最大的圓角矩形圖層上面,然後給“左邊”圖層建立剪切蒙板。

    Photoshop繪製精緻逼真的相機圖標教程

    24、新建一個圖層,取名為“左邊陰影”,也建立一個剪切蒙板。

    Photoshop繪製精緻逼真的相機圖標教程

    25、我們要畫陰影啦,前景色為灰色,畫筆設置為軟角畫筆,流量降低。

    Photoshop繪製精緻逼真的相機圖標教程

    26,按住alt,點擊“左邊”圖層的縮略圖得到選區,用畫筆在”左邊陰影”圖層上畫出陰影,紅色區域。

    Photoshop繪製精緻逼真的相機圖標教程

    然後前景設置為屎黃色。

    Photoshop繪製精緻逼真的相機圖標教程

    用畫筆在這畫一點黃色,別太多了,效果如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    27、新建一個圖層取名為“黑線高光”,在“黑線”圖層的上面。

    Photoshop繪製精緻逼真的相機圖標教程

    28、用鋼筆勾出這樣的路徑。

    Photoshop繪製精緻逼真的相機圖標教程

    29、設置好畫筆,前景色為純白色,要軟角畫筆,畫筆大小為20,然後再鋼筆描邊。

    Photoshop繪製精緻逼真的相機圖標教程

    效果如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    用以上的方法畫出其他幾條高光。

    Photoshop繪製精緻逼真的相機圖標教程

    30、降低“黑線高光”圖層的不透明度為65%。

    31、新建一個圖層取名為“陰影”,放到下面,要剪切蒙板。

    Photoshop繪製精緻逼真的相機圖標教程

    32、前景色設置為灰色,畫筆設置為軟角,降低畫筆流量,畫出陰影,紅色區域。

    Photoshop繪製精緻逼真的相機圖標教程

    效果如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    32、畫一個圓,雙擊圖層打開圖層樣式,使用漸變疊加和投影。

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    33、複製這個圓形圖層,雙擊圖層打開圖層樣式,把投影關掉,更改漸變。

    Photoshop繪製精緻逼真的相機圖標教程

    34、ctrl+t(自由變換),如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    35、將這兩個圖層放到一個組裡,取名為按鈕,然後複製一個,然後ctrl+t(自由變換)變小,如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    46、畫一個圓角矩形,設置如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    雙擊圖層打開圖層樣式,設置如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    47、畫一個只有描邊的圓。

    Photoshop繪製精緻逼真的相機圖標教程

    再畫一個,如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    48、按住atl再畫個矩形,然後調整好矩形的大小和位置。

    Photoshop繪製精緻逼真的相機圖標教程

    49、畫一個白色的圓角矩形,圓角半徑為20,雙擊圖層打開圖層樣式,設置如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    50,畫一個黑色的圓,取名為“黑圓”。

    Photoshop繪製精緻逼真的相機圖標教程

    畫一個白色的方形,降低透明度,建立剪切蒙板。

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    51、畫一個小白圓,添加外發光。

    Photoshop繪製精緻逼真的相機圖標教程

    52、打上字,SAMSUNG

    Photoshop繪製精緻逼真的相機圖標教程

    53、畫鏡頭了,一個白圓。

    Photoshop繪製精緻逼真的相機圖標教程

    一個漸變圓。

    Photoshop繪製精緻逼真的相機圖標教程

    再加一個漸變圓

    Photoshop繪製精緻逼真的相機圖標教程

    將這兩個漸變圓放到一個組裡,並且複製一個,然後ctrl+t(自由變換)往下移。

    Photoshop繪製精緻逼真的相機圖標教程

    54、畫一個灰色的圓,然後斜面浮雕。

    Photoshop繪製精緻逼真的相機圖標教程

    55、再加一個黑色的圓,也是像上面的一樣斜面浮雕。

    Photoshop繪製精緻逼真的相機圖標教程

    56、加一個漸變圓。

    Photoshop繪製精緻逼真的相機圖標教程

    7、畫一個填充色為黑色,描邊色為淡灰色的圓。

    Photoshop繪製精緻逼真的相機圖標教程

    58,再畫一個更小一點的漸變圓。

    Photoshop繪製精緻逼真的相機圖標教程

    再畫一個,填充為黑色,描邊為黑白漸變色。

    Photoshop繪製精緻逼真的相機圖標教程

    59.點擊這個漸變圓的縮略圖,得到它的選區,然後新建一個圖層,用畫筆在兩側畫上高光。

    Photoshop繪製精緻逼真的相機圖標教程

    60、用以上方法畫出第三個。

    Photoshop繪製精緻逼真的相機圖標教程

    61,加一個紫色的漸變圓。

    Photoshop繪製精緻逼真的相機圖標教程

    62、畫一個這樣的形狀取名為“四角。

    Photoshop繪製精緻逼真的相機圖標教程

    63、複製“四角”圖層,ctrl+t,縮小一點,然後進行透視。

    Photoshop繪製精緻逼真的相機圖標教程

    64、將“四角拷貝”複製一層,然後縮小一些。

    Photoshop繪製精緻逼真的相機圖標教程

    65、按alt點擊小的“四角”圖層,得到選區之後選擇大的“四角”圖層,然後按delete刪除,得到如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    66、添加圖層樣式,如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    67、給這個圖層建立個白色蒙板,拉一個黑白漸變,將上部分隱藏起來。

    Photoshop繪製精緻逼真的相機圖標教程

    68、再複製這個圖層,ctrl+t,進行縮小,如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    69、該畫裡面的圓環了,跟前邊的一樣,就不多說了,直接跟着過程做吧。

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    70、畫一個小圓,打開圖層樣式,使用漸變,並且降低圖層不透明度為50。

    Photoshop繪製精緻逼真的相機圖標教程

    71、再畫一個比它更小一些的黑圓,放在它中間,如圖。

    Photoshop繪製精緻逼真的相機圖標教程

    72、最後要做鏡頭陰影了。畫三個不同大小的圓加到一起做成陰影的形狀,然後合併這三個圓,把陰影圖層放到鏡頭圖層的下面。

    Photoshop繪製精緻逼真的相機圖標教程

    Photoshop繪製精緻逼真的相機圖標教程

    73、把陰影的邊緣模糊一下,濾鏡 – 模糊 – 高晰模糊。

    Photoshop繪製精緻逼真的相機圖標教程

    74、將陰影圖層降低不透明度為40%。

    Photoshop繪製精緻逼真的相機圖標教程

    75、給陰影圖層建立蒙板,拉一個黑白漸變。

    Photoshop繪製精緻逼真的相機圖標教程

    76、打上字:BAMBUNG ZOOMLEBNB。

    Photoshop繪製精緻逼真的相機圖標教程

    到最後再整體看一下,哪裡該調整的,哪裡沒做好的再改一下,最後就得到的最終效果。

    Photoshop繪製精緻逼真的相機圖標教程

    — —

    文章永久連結為: Photoshop繪製精緻逼真的相機圖標教程