PS如何製作一個逼真的空調調節器旋鈕開關UI圖示
最近,真是越來越熱了,記得上欠我們畫了個空調嗎?今天,帶大家做一個空調調節器的圖示,就圖示來說,應用最多的依舊是圖層樣式,今天的文章說實在的,新的東西也很少,還是老一套,最多圖層組的知識點,算是一個吧。以下是小編為大家搜尋整理的PS如何製作一個逼真的空調調節器旋鈕開關UI圖示,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
效果圖:
主要過程:
下面,正題開始,建立一個漸變背景,我做了一個從#c1ccd2到#eaeaea的90度線性漸變。
複製一層漸變圖層,轉智慧物件,新增雜色。
執行“濾鏡—風格化—浮雕效果”。
將圖層混合模式修改為“疊加”,這時我們得到一個類似牆壁的紋理背景。
新建一個漸變調整層,顏色設定請參照圖片上的引數,將這個漸變調整層的圖層混合模式更改為“疊加”。
至此,我們的背景完成了,下面,我們開始圖示的製作,首先畫個圓角矩形,我給它添加了斜面浮雕、漸變疊加、投影,三個樣式。
複製一層圓角矩形,移到下層,清除掉圖層樣式,將填充更改為0,我們再次新增一個投影圖層樣式,強化陰影。(這裡需要說明的,CC2015的版本開始可以新增多個圖層樣式,但是為了避免低版本的PS開啟PSD會出錯,我們的做法都是按照低版本的'操作)
接下來,用橢圓工具畫一個正圓,這裡,圓的位置,我選擇在了右側,選擇在右側的原因是因為有參考了一個實際存在的空調品牌的調節器。因為等會的旋紐的位置,是要與圖示對齊的,所以現在,圓的位置有超出了圖示一點,一會我們再完善,我為這個圓添加了內陰影、內發光、漸變疊加以及投影四個樣式。
下面,我們來畫旋紐,同樣的是使用橢圓工具畫個正圓,圓的右側,對齊圖示右側,我為其添加了斜面和浮雕、漸變疊加以及投影,三個樣式。
跟剛才給圖示主體增強陰影效果一樣,現在我們複製一層旋紐圖層,清除圖層樣式,下移一層,將圖層填充修改為0,新增一個投影樣式。
接下來,我們新增空調溫度文字,首先,我以按紐的中心點為中心,利用Ctrl+Alt+Shift+T,我們可以輕易的得到我下圖中的文字位置參考。
以這個紅色的矩形位置以參考,打上溫度的文字,隱藏或者刪除掉位置參考的這個圖層。文字我用的顏色是#6cbebb,是為了與剛才我們所做的旋紐圓槽保持一致。我為所有文字添加了內陰影和投影,這個我想不需要再截圖了吧,差不多每一次的圖示教程我們都會用到,如果你還真不會的話,看看我們提供的PSD吧。
接下來,我添加了我們的P大點S的LOGO在旋紐中,同時畫了一個圓,充當旋轉的指示,同樣的這個指示的圖層和我們的LOGO,我們都添加了內陰影和投影,營造立體感,跟剛才的文字樣式幾乎是一致的,差別只是大小。這裡,因為指示溫度的點是指向30度,所以我把LOGO旋轉了一定位置,將它也指向了30度。
大家可以看到,那個圓槽還在圖示的外面,給它直接新增一個蒙版的話,它就正常了,但是,它有圖層樣式,新增蒙版後,圖層樣式依舊會露在圖示外面,或許大家會說,勾選“圖層蒙版隱藏效果”就可以解決了,但是問題是,旋紐也是如此,旋紐的投影增強也是如此,我們需要改好幾個圖層,作為懶人,這明顯太累人了。在這裡,我的做法是,將所有按紐的圖層都選擇中,Crtl+G,建立圖層組,然後為圖層組新增蒙版,搞定,一步完事。
接下來,我們來做開關,首先,我畫了一個圓角矩形,將填充修改為0,添加了內陰影、內發光、投影三個樣式。
下面,畫一個顏色為#edebeb的,小一點的圓角矩形,這個圓角矩形將作為我們的開關,這裡我添加了斜面和浮雕以及投影兩個樣式。
同樣的,下面,我們做開關的陰影加強,複製一層開關圖層,清除圖層樣式,下移一層,將圖層填充更改為0,新增一個投影樣式。
接著,我畫了一個白色的矩形排列,將填充修改為4%,新增內陰影及投影樣式,建立剪貼蒙版,我們增強開關的質感體現。
新增開關下的標識文字,同樣的是新增內陰影及投影。
最後,左側,我添加了三個標誌,CECC、3C、LonMark,大功告成!
-
photoshop混合模式的說明
正常編輯或繪畫每個象素,使它成為結果顏色。這是預設的模式。(在您處理點陣圖化或索引顏色圖象時,“正常”模式也稱為閾值。)正片疊底檢視每個通道中的顏色資訊,並將底色與混合顏色相乘。結果顏色總是較暗的顏色。將任何顏色與黑色相乘產生黑色。將任何顏色與與白色相...
-
Photoshop字型安裝使用方法和技巧
如果將我們的所有字型都安裝到字型資料夾裡,勢必會增加系統負荷,影響系統的執行速度,於是我們想找到即不佔c盤空間,又能很方便地使用,特別是在photoshop裡的運用的方法和技巧。歡迎大家閱讀!更多相關資訊請關注相關欄目!1、檔案的存放我們得到的字型檔案最好不要放到c...
-
如何用Photoshop製作小木屋圖示
只介紹了幾個部分的'製作方法,不過其它部分的製作方法一致,多點耐心和細節就可以做出來。最終效果1、首先我們先畫出剪影部分,這是個耐心活。2、接著我們就要去摳細節了,從上自下摳細節。首先從屋簷開始摳細節。3、然後把煙囪加上磚頭,給煙囪加個投影。4、做房頂的...
-
PHOTOSHOP圖片暗部調色教程
圖片暗色部分較多,比較適合做暗調效果。處理的'時候需要重點對圖片的暗部調色,可以調整可選顏色的黑色或色彩平衡的陰影等快速給圖片潤色。原圖最終效果1、開啟原圖素材,建立可選顏色調整圖層,對紅、黃、綠、藍、白、黑進行調整,引數設定如圖1-6,效果如圖7。這一步...