濰坊網站設計:制作立體風格齒輪設置圖標的PS教程

2018.04.08 濰坊PS教程

118

濰坊網站設計:制作立體風格齒輪設置圖標的PS教程


  濰坊PS教程主要使用圖層樣式和布爾運算工具來完成,推薦給思緣的朋友來學習,希望思緣對PS圖層樣式和布爾運算還不太熟悉的同學不要錯過,下面讓我們一起來學習吧。


  濰坊PS教程第一步,用布爾運算畫好外形


  1.ctrl+n新建畫布,像素妹建的是800*600的,大家可以隨意,但要記住分辨率一定要是72DPI


  2.用橢圓工具按住shift畫出一個正圓,顏色可以先隨意填充一個,后期還可以再修改,并分別在錨點處拉出兩條參考線。


  3.畫一個較小的矩形,畫之前按住shift,開始畫之后可以松手,這樣就可以和之前畫好的圓在一個圖層內,放在圓形的頂部,與圓形相交,并且參考線在矩形中間。


  4.用小白工具水平移動矩形左上角和右上角的錨點,左右移動的距離要相等,使其成為一個梯形。


濰坊PS教程


  5.切換到小黑工具,ctrl+c,ctrl+v復制粘貼,然后ctrl+t自由變換,鼠標右擊,選擇垂直翻轉,之后按enter鍵確定,把變換好的梯形放在之前的梯形對稱的位置。


  6.使用小黑工具選中畫好的兩個梯形,ctrl+c,ctrl+v復制粘貼,然后ctrl+t自由變換,按住shift旋轉,每次旋轉15度,旋轉45度即可,之后按enter鍵確定。


  7.按住ctrl+shift+alt+t,執行等距離復制變換,復制兩次。


  8.選中最初畫好的圓形,ctrl+c,ctrl+v復制粘貼,然后ctrl+t自由變換,按住shift+alt往里縮小,就可以得到一個同心圓,只選中這個剛得到的同心圓,在工具欄中的布爾運算內,把他的屬性改為“減去頂層形狀”。


  9.ctrl+c,ctrl+v復制粘貼這個圓,然后按住ctrl+shift+j把它從這個圖層拿出來放到新的圖層內,在工具欄中的布爾運算內,把他的屬性從“減去頂層形狀”改為“合并形狀”,接著隨意填充一個顏色。


  10.重復第八步和第九步的操作,再次得到一個跟外面大圓是同心圓的圓環,(注意:這個圓環也是跟最初的圓環不在一個圖層哦~)。


  11.同第九步的操作一樣,復制中心被剪掉的小圓,更改屬性,并把它從這個圖層拿出來放到新的圖層,接著隨意填充一個顏色。


  設置圖標的外形到這一步就做好啦,為了讓它有一點擬物的效果,我們來給它加上圖層樣式。


濰坊網站設計



  濰坊PS教程第二步,加圖層樣式


  1.選擇齒輪這個圖層,雙擊打開圖層樣式面板,分別為它加上漸變疊加,雜色,內陰影,描邊和投影。有同學會問,雜色在哪里加呢?雜色其實就藏在內陰影這個樣式里面哦~大家可以看下圖的具體數值;


  為了等會加上背景的效果,描邊的顏色大家可以選一個比較重的,接近黑色的顏色。


  漸變疊加的顏色像素妹用的是從#afafaf#到#171717#,總的來說就是下面暗,上面亮。


  內陰影的顏色要亮一點,要比剛才漸變疊加最淺的顏色更亮一些,像素妹用的是#c0c0c0#。


  這個就是加雜色的參數,距離和大小都給到最大,然后雜色的百分比越大,雜色就越多,大家給一個適當的數值即可,像素妹用到的顏色是#252427#


  像素妹用到的投影顏色是#0f0f0f#


  2.按住alt鍵,拖動圖層后面“fx”的字樣到小圓環的圖層松手,這樣就把剛才加好的圖層樣式原樣復制到了小圓環的圖層,然后把投影稍微改小一點就可以啦。


  改好后的效果~復制圖層樣式是不是很方便呢,就不用再一個個重新加啦

  3.為了讓效果更炫一些,像素妹給齒輪和小圓環中間的這個大圓加上一個漸變疊加,大家也可以根據自己的喜好選擇顏色或者不加。


  像素妹用到的漸變色值是從#8701ef#到#01c3ef#


  4.選中中心的小圓,分別為它加上內陰影和雜色。


  雜色同樣可以復制剛才加好的


  這樣設置圖標就做好啦,是不是覺得效果還少點什么?


PS教程



  濰坊PS教程第三步,制作背景,烘托氛圍


  1.用矩形工具畫一個比畫布大小更大一點的矩形,放在設置圖標的最下面,背景圖層的上面,填充一個漸變,下面顏色稍重,上面顏色較淺,像素妹用到的色號是從#252525#到#6c6c6c#,大家也可以自行選擇。


  2.給這個背景加上一個雜色,可以直接復制剛才加好的。


  3.用橢圓工具畫幾個小橢圓,加一點羽化,放在小圓環高光的位置。


  這樣就完成啦。大家是不是也發現,最后的背景和氛圍的烘托其實很重要,背景和高光加上之后,整個圖標的完成度和精致程度都變得更加完善了,所以大家在自己練習的時候也要注意背景這些小細節,也許是簡簡單單的幾步,出來的效果就很不一樣。


  轉載請注明:濰坊網站設計:http://www.144610.tw/newsshow/173.html


關鍵詞

最新案例

聯系電話 400-6065-301

留言

(-^O^-)MG魔术兔_官方版 手机棋牌 河南快3历史开奖结果 老k棋牌app价格 2011-2012nba季后赛湖人vs雷霆回放 江西快3三不同号号码 体彩开奖直播是哪个台 上海哈灵麻将官网下载 吉林11选5前三直遗漏 esball线上娱乐百家乐 pc蛋蛋网赚平台 单机版麻将游戏下载 广东11选5走势图360 福彩河南快3开奖结果 金博棋牌哪个是真网址 微信捕鱼来了秒杀挂 青海11选5走势图