日韩av手机在线免费观看_四虎免看黄_亚洲一区中文字幕_亚洲小视频网站_国产一区日韩在线_国产欧美精品一区二区

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,ps設計西服主題圖標實例

UI教程,ps設計西服主題圖標實例

時間:2024-03-07 15:46作者:下載吧人氣:36

教程介紹如何設計一枚西裝主題風格的UI圖標,效果雅致有型,操作細致,特別提及了很多提高效率的快捷鍵,很適合練手

最終效果:

UI教程,ps設計西服主題圖標實例

新建畫布,大小自定。

畫一個圓角矩形,大小自定。

UI教程,ps設計西服主題圖標實例

Alt +V+E建立參考線

UI教程,ps設計西服主題圖標實例

雙擊圓角矩形圖層 調(diào)出圖層樣式,漸變疊加,調(diào)一個灰到黑的漸變。

UI教程,ps設計西服主題圖標實例

添加投影。設置看圖:

UI教程,ps設計西服主題圖標實例

內(nèi)陰影:

UI教程,ps設計西服主題圖標實例

Ctrl+J 復制圓角矩形:

UI教程,ps設計西服主題圖標實例

右鍵清除圖層樣式(不是拷貝的圓角矩形那個圖層)

UI教程,ps設計西服主題圖標實例

填充調(diào)為零。

UI教程,ps設計西服主題圖標實例

調(diào)出圖層樣式,添加投影,把圖層挖空那個選項勾掉(我把拷貝的圓角矩形眼睛關閉了)

UI教程,ps設計西服主題圖標實例

再把拷貝圓角矩形的圖層眼睛打開,鼠標選中填充調(diào)為零的那個圖層。

按住Ctrl在按兩次 ↓ 鍵按2—3下 往下移動兩到三個像素,作為陰影效果。如圖。

UI教程,ps設計西服主題圖標實例

拉一個較細的橢圓。

UI教程,ps設計西服主題圖標實例

按P 轉換點工具。

UI教程,ps設計西服主題圖標實例

點擊橢圓下面的錨點就會變尖了。

UI教程,ps設計西服主題圖標實例

UI教程,ps設計西服主題圖標實例

添加錨點,調(diào)節(jié)下橢圓,讓它看起來有點弧度。

UI教程,ps設計西服主題圖標實例

調(diào)節(jié)后的效果。

UI教程,ps設計西服主題圖標實例

右鍵創(chuàng)建剪輯蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在兩個圖層中間點擊下,把調(diào)節(jié)的橢圓剪進圓角矩形。

UI教程,ps設計西服主題圖標實例

這一步 可能有人要問了,為什么剪進去 橢圓不見了?別急,雙擊圓角矩形調(diào)處圖層樣式。看圖設置,橢圓就會出現(xiàn)。

UI教程,ps設計西服主題圖標實例

多邊形工具,畫個三角形,填充肉色。

UI教程,ps設計西服主題圖標實例

剪輯蒙版。

UI教程,ps設計西服主題圖標實例

用鋼筆工具順著三角形的邊,勾個領子出來。

UI教程,ps設計西服主題圖標實例

勾好后Ctrl+J復制一個,放到另一邊Ctrl+T,右鍵水平反轉,放到合適位置。

UI教程,ps設計西服主題圖標實例

順著橢圓弧度,再用鋼筆勾個外套的大領子,填充黑色。

UI教程,ps設計西服主題圖標實例

復制,反轉 放到合適位置。

UI教程,ps設計西服主題圖標實例

好了 ,接下來就來做領帶了。

矩形畫個正方形,Ctrl+T在上面數(shù)值輸入旋轉45°。

UI教程,ps設計西服主題圖標實例

放到合適位置。

UI教程,ps設計西服主題圖標實例

按住Alt復制一個下來。

UI教程,ps設計西服主題圖標實例

直接選擇工具 。

UI教程,ps設計西服主題圖標實例

按住左鍵,用虛線選中下面那個錨點,之后松手。

UI教程,ps設計西服主題圖標實例

接著按住左鍵,點擊下面那個錨點,按住Shift 一直往下拉。

UI教程,ps設計西服主題圖標實例

如果你覺得領帶有點寬的話,Ctrl+t 讓它變瘦點。

接下來加花紋。

矩形工具,畫一個寬2 px長若干 px的一條直線,填充深紅色。

UI教程,ps設計西服主題圖標實例

Ctrl+T 放在這個位置。

UI教程,ps設計西服主題圖標實例

Ctrl+J 復制花紋圖層。

UI教程,ps設計西服主題圖標實例

選中拷貝花紋圖層,Ctrl+T 如下圖。

先點擊那個小三角形,然后再y 軸輸入-10,-10是距離,如果覺得間距太小,數(shù)字可以自由改。

UI教程,ps設計西服主題圖標實例

數(shù)字輸完后,敲回車兩下,同時鼠標還是在花紋拷貝圖層上,同時按住Ctrl+Shift+Alt+T連續(xù)復制,效果如圖所示:

UI教程,ps設計西服主題圖標實例

找到領帶這兩個圖層,Ctrl+E 合并,成為一個圖層。

UI教程,ps設計西服主題圖標實例

再把所有復制的花紋圖層也合并成一個圖層,花紋圖層置于領帶圖層上面,創(chuàng)建剪輯蒙版,效果如下圖。

UI教程,ps設計西服主題圖標實例

再給領帶圖層創(chuàng)建剪輯蒙版,把多余的剪進去。

UI教程,ps設計西服主題圖標實例

找到箭頭標注的這個圖層,添加圖層樣式,漸變疊加,陰影,數(shù)值如下圖:

UI教程,ps設計西服主題圖標實例 UI教程,ps設計西服主題圖標實例

右鍵拷貝這個領子的圖層樣式,再右鍵粘貼到對面的領子上。

UI教程,ps設計西服主題圖標實例

接著給西裝領子圖層添加圖層樣式。

UI教程,ps設計西服主題圖標實例

UI教程,ps設計西服主題圖標實例

重復剛剛的,復制圖層樣式,再粘貼到對面。

UI教程,ps設計西服主題圖標實例

最終給領帶圖層添加圖層樣式,斜面浮雕,外發(fā)光,使領帶立體感更強。

UI教程,ps設計西服主題圖標實例

UI教程,ps設計西服主題圖標實例

如果你是一名追求完美的同學,最后可以給領帶做一個領帶夾,用矩形畫一個長條,添加一像素白色的內(nèi)陰影。

UI教程,ps設計西服主題圖標實例

標簽看不見的敵人28,ps網(wǎng)頁設計,UI設計教程,ui設計,ui

相關下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 午夜精品一区 | 国产精品视频导航 | 一区二区三区免费在线观看 | 亚洲一区二区高清 | 亚洲乱码国产乱码精品精的特点 | 欧美精品在线看 | 男人的天堂久久 | 色噜噜亚洲男人的天堂 | 91小视频| 久久国产精品亚洲 | 精品一区二区三区四区 | 中文字幕免费中文 | 欧美日韩亚洲一区 | 91一区| 国产精品久久久久久亚洲调教 | 一级在线观看 | 中文字幕高清 | 欧美日韩在线精品 | 亚洲欧美综合 | 视频一区二区在线观看 | 免费成人av网站 | 成人免费网站www网站高清 | 范冰冰一级做a爰片久久毛片 | 欧美日本在线观看 | 国产一区不卡 | a天堂在线| h视频免费在线观看 | 自拍偷拍中文字幕 | 天天天天操 | 蜜桃黄网 | 日韩欧美理论片 | 国产免费拔擦拔擦8x高清 | 日韩在线一区二区 | 亚洲欧美v | 精品乱码一区二区三四区视频 | 久久777| 午夜影院黄 | 欧美精品欧美精品系列 | 国产一区二区电影网 | 午夜视频一区二区 | 欧美精品在线免费观看 |