時間:2024-03-07 17:15作者:下載吧人氣:17
分享一篇關于UI圖標臨摹的設計教程,這次又是模仿猴子瀏覽器的圖標,上次已經分享過一篇,希望大家喜歡。
大家還可以結合@琴瑟飄渺 寫的這一篇相同圖標的設計教程《瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標》一起學習。做完記得交作業。
最終效果:
教程開始,第一步新建,500*500畫布 拉個白到灰的徑向漸變。
橢圓工具拉個300*300的圓居中對齊填充灰色。
添加圖層樣式。
再畫一個較小的圓形。
添加圖層樣式:內陰影和投影。
復制剛剛添加圖層樣式的圖層,右鍵清除圖層樣式 Ctrl+t按住alt+shift同比縮小2到4px左右。
給黑圓添加漸變,注意是角度漸變。
添加漸變后的樣子。
橢圓工具再畫一個圓,放在上面。
添加圖層樣式。
復制剛剛添加圖層樣式的圓形,清除圖層樣式,稍微放大2個像素左右。
再來添加圖層樣式。
再畫一個同等大小的。
羽化一下調整下透明度。
放在這個位置做為投影。
找到只添加藍色漸變的那個圖層,右鍵轉為智能對象。
ctrl+t,輸入20°
畫一個圓,大小自己感覺,能對上最好,填充相同的顏色。
放在接口處慢慢調整對齊。
效果如下:
找到接口的圓圖層和漸變的圓形圖層,Ctrl+E合并。
最后一步給合并的圖層添加內陰影。
教程結束,最終效果:
網友評論