編者按:很多同學問這個按鈕效果要怎么實現,今天@P大點S微博手把手給同學們臨摹了一遍,重點依然是圖層樣式的運用,附上教程和源文件下載,想學的一起來試試!
源文件下載: https://pan.baidu.com/s/1bDCg9o
最終效果:
新建文檔,這里我用的是1000X800像素,創建一個#3d3d42的純色調整層,添加一個雜色。
給這個調整層添加一個內陰影。
畫一個黑色的正圓,將填充修改為24%,并添加一個圖層樣式,圓的大小我用的是500X500像素。
利用布爾運算中的減去,你很容易的畫出下面這個黑色的圓環。
畫一個矩形,應用Ctrl+Alt+Shift+T,你可以輕易的得到跟我圖中一樣的直線,同時配合蒙版,將在剛才那個圓環外部的部分涂抹掉。
下面,回到直線的下層,我們畫一個圓,添加圖層樣式。
接下來,我們來畫那個內圓,同樣的在直線圖層的下層,我畫了一個黑色的圓,將填充修改為26%,并添加了一個圖層樣式。
下面,我們來畫那個按紐,畫一個正圓,添加圖層樣式。
最后,毫無疑問的,就是添加我們的LOGO了。
是不是異常的簡單,大功告成!
歡迎關注可能是最用心做原創教程的微信公眾號:
「設計大咖的精品教程合集」
原文地址: pdadians
【優設網 原創文章 投稿郵箱:2650232288@qq.com】
發表評論
◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。