手把手教你繪製一個寫實USB圖標

2021-02-13 阿門教你PS

首先,我們來繪製背景。設置前景色為#c0c0c0,背景色為#a7a7a7,使用漸變工具,做一個從左上到右下的線性漸變。再添加一個1像素的雜色,添加雜色這裡就不截圖了。

接下來,我們來畫USB的身子。設置前景色為# e3e1e1,使用圓角矩形工具,畫一個740X240像素的圓角矩形,設置圓角矩形的左上和左下的圓角為50度,右上和右下的圓角為80度。

下面,我們為USB身子設置一個圖層樣式,來模擬USB上的立體效果,這裡我沒有用另外的圖層,只是用了一個圖層樣式,因為我想做的是一個平放著的USB,我覺得圖層樣式就可以很好的達到我所需要的效果,當然你也可以嘗試其他不同做法。

設置完圖層樣式,我們得到如下效果:

下面,我們來畫U頭。使用矩形工具畫一個130X130像素的矩形,放置在「U盤身」圖層下層,顏色的無所謂,我們一會會給它設置一個漸變疊加。

給U頭圖層設置一個漸變疊加。

將「U頭」圖層轉換為智能對象,為其添加一個雜色,模擬U頭的磨砂質感。

下面,我們來添加U頭凹槽。設置前景色為# 2f2f2f,在「U頭」圖層上層,用矩形工具畫兩個矩形。

為「U頭凹槽」添加一個圖層樣式。

下面,我們添加U頭凹槽裡面的金屬片,設置前景色為#b09208,在「U頭凹槽」圖層上層畫兩個矩形,並創建剪貼蒙版。

為金屬片設置一個圖層樣式。

下面,我們給USB添加中間那個橙色的東西。設置前景色為#e2821b,使用圓角矩形工具,畫一個230X110像素,30度圓角的圓角矩形。

為橙色的這個圓角矩形添加一個圖層樣式。

下面,我們為橙色的那部分添加一個質感,設置前景色為#d77003,使用矩形工具,畫一大堆小小的矩形,創建剪貼蒙版,並將這些點的圖層不透明度調整為80%。

為這些點設置一個圖層樣式。

現在,我們設置前景色為#cccccc,打上容量。

這個容量的文字設置一個圖層樣式。

加入文字一樣的操作手法。

接下來,我們為USB添加投影,CTRL+滑鼠左鍵單擊「USB身」圖層縮略圖,得到USB身的選區,按SHIFT+CTRL+滑鼠左鍵單擊「U頭」圖層,我們將得到整個USB的選區,新建一層,位於所有USB圖層的下層,填充黑色。往右往下移動一定的像素。

選擇投影這個圖層,執行一個高斯模糊,半徑3像素,並將圖層不透明度設置為20%,創建一個蒙版,將超出USB位置的投影部分用畫筆塗抹掉。

複製一層投影圖層,置於剛才那個投影圖層的下層,適當向下向右移動一點,更改模糊半徑為20像素,並將圖層不透明度更改為30%。

現在我們得到如下的效果:

感覺圖像顏色有點偏,添加一個色階調整層,微調一下。

OK,大功告成。來看看我們的效果。

作者主頁:http://tieba.baidu.com/home/main?un=cua_cq&ie=utf-8&fr=pb&ie=utf-8

PSD:http://pan.baidu.com/s/1gd6FDWR

轉載請註明:學ui網 » 手把手教你繪製一個寫實USB圖標(PS教程)

相關焦點

  • 手把手教你打造一個純CSS圖標庫
    在web開發中,我們經常要用到一些小圖標(加減勾叉等)。通常做法就兩種:直接使用圖片;使用css/svg直接在瀏覽器中繪製圖標。方案1:由於圖標圖片比較多,而且體積很小,為了減少請求所以很多時候我們會用雪碧圖這種技術來將圖標拼湊在同一張圖片裡面。
  • Graphpad 繪圖教程 | 手把手教你繪製折線圖
    今天給大家講解 Graphpad 繪製折線圖,話不多說,直接進入教程。1. 打開 graphpad 軟體,點擊 XY 模塊,按下圖進行選擇。3. 點擊 graphs 下的 new analysis,按下圖選擇,生成草圖。4.
  • P大點S教你繪製一個寫實USB圖標
    素材/PSD/PDF教程下載地址教程開始首先,我們來繪製背景接下來,我們來畫USB的身子。下面,我們為USB身子設置一個圖層樣式,來模擬USB上的立體效果,這裡我沒有用另外的圖層,只是用了一個圖層樣式,因為我想做的是一個平放著的USB,我覺得圖層樣式就可以很好的達到我所需要的效果,當然你也可以嘗試其他不同做法。
  • 圖文教程|手把手教你繪製手機應用郵件圖標
    根據上節文件夾的應用啟動圖標,現在同學們跟著小編接著做第四個圖標(郵件
  • 手把手教你從零開始做一個好看的 APP
    作者 | developerHaoz地址 | http://www.jianshu.com/p/8d2d74d6046f前言:從零開始,手把手帶你實現一個
  • 手把手教你使用ggplot2繪製折線圖
    下面來解釋一下關於折線圖的繪製。可能會注意到上面三段代碼有一個重要的不同之處,那就是第一段和第二段代碼中含有『group = 1』的設置。二、繪製多條折線圖上面繪製的都是單條這折線圖,對於兩個或兩個以上的折線圖該如何繪製呢?也很簡單,只需將其他離散變量賦給諸如colour(線條顏色)和linetype(線條形狀)的屬性即可,具體參見下文例子。
  • 手把手教你如何繪製客戶旅程地圖,教科書級操作手冊
    前面我們說每家公司都要有自己的 「客戶旅程地圖」(Customer Journey Mapping,簡稱CJM),並講了什麼是CJM、CJM的作用,今天就手把手教你如何繪製「客戶旅程地圖」,踏出客戶體驗創新最堅實的一步。
  • 手把手教你用PS繪製惟義樓地圖
    繪製一張地形圖很難嗎當然難,你得小心觀察每個教室,每個樓道而且,畫出來也並沒有想像中那麼容易
  • Vectornator教程,帶你繪製矢量圖.
    在每一個圖層的右側,你可以看到一個鎖圖標,和一個小眼睛圖標。手把手教你為演示文稿選擇正確的顏色接下來我們來看一下透明度選項,之前所說的透明度是針對整個圖層而言的,而現在通過選擇工具,你可以直接調整某個圖形的透明度,如下圖所示,將透明度調低,就可以看到位於該圖形之下的元素了。
  • PS教程/繪製擬物化USB
    下部的結構和中部一樣,需要左右漸變樣式來完成,但是由於整體光從上面打下來,中部會給下部一個陰影,所以需要下部需要一個左右漸變和一個上下漸變來完成。同樣方法,選中下圖的三個圖層,打成一個圖層文件夾,起名「usb-下部」
  • 手把手教你用 Pandas 繪製全球人口可視化交互圖表
    今天,我就來手把手教你如何直接使用Pandas創建出交互式可視化效果。為了輕鬆創建交互式可視化,我們需要安裝Cufflinks。這是一個將Pandas與Plotly連接起來的庫,從而我們能夠直接從Pandas創建可視化效果。
  • 【充電時間】AI圖標繪製-形狀生成器
    看看下面這些我們在工作中經常繪製的小圖標,簡單又不乏細節,細細畫來工程量還是不小的,有沒有更高效的繪製方法呢?今天的【充電時間】就來教大家,如何快速、高效的繪製形狀相對複雜的小圖標☟你看你的光標
  • AI繪製咖啡杯圖標教程
    今天教大家做一個咖啡杯的圖標步驟1:新建一個畫布
  • ggplot2包輕鬆繪製小提琴圖
    對於一個離散型變量,
  • 手把手教你完成!
    今天小編教你在不同軟體的圖形上添加數字,都以柱狀圖為例添加數值。2. 滑鼠右鍵單擊柱狀圖,添加數據標籤;其中的兩個選項分別代表不同的標籤類型;選擇適合你的;不同類型的圖表,操作方法一樣哦二、GraphPad Prism打開軟體,輸入數據後,得到圖形;按照公眾號之前的文案步驟更改圖形參數(手把手教你用Graphpad Prism做柱狀圖
  • 手把手教你繪製雙Y軸圖(Excel)
    大家好,今天我們一起來學習一下如何繪製雙坐標軸圖。
  • 手把手教你幫豪宅裝一套實用的安防設備
    今天腎麼都不做,就帶大家手把手地,一步步地,環環相扣地做一個聯網安防裝置。堅決不動腦,有手就行 🐶 。系好安全帶,起飛!成品展示然後註冊帳號,會讓你填一個郵箱。完成後,我們進入軟體,點第一個圖標,新建一個工程
  • 手把手教你兩分鐘學會引物設計
    今天就手把手教你如何設計引物。首先將引物設計軟體下載下來,將安裝壓縮包解壓,得到以下文件。安裝完 Primer premier 5.0 以後打開該軟體,出現如下界面,點擊圖中紅色框部分。選中 Primer 圖標,點 S 圖標,Edit primer,開始設計正義鏈。
  • 你的paper你的圖 | 手把手教你快速完成森林圖和漏鬥圖
    「腦認知與睡眠」公眾號,主要關注大腦的學習認知,與睡眠相關的科研資訊與科普,同時搭建一個「腦認知與睡眠」研究方向的科研人員交流平臺~~
  • 手把手教你用plotly繪製excel中常見的16種圖表(下)
    上一期咱們介紹《手把手教你用plotly繪製excel中常見的16種圖表(上)》演示了8種常見圖表,今天我們繼續演示另外8種常見圖表的繪製。本次內容,同樣回復0306即可獲取全部演示代碼和數據文件。旭日圖 旭日圖非常適合顯示分層數據,層次結構的每個級別均通過一個環或圓形表示,最內層的圓表示層次結構的頂級。不含任何分層數據(類別的一個級別)的旭日圖與圓環圖類似,但具有多個級別的類別的旭日圖顯示外環與內環的關係。旭日圖在顯示一個環如何被劃分為作用片段時最有效,而另一種類型的分層圖表樹狀圖適合比較相對大小。