快捷搜索:  汽车  科技

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)给黑圆添加渐变,注意是角度渐变。复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl t按住alt shift同比缩小2到4px左右。添加图层样式。再画一个较小的圆形。添加图层样式:内阴影和投影。

今天的图标教程适合新手临摹,效果是美到爆的Smartisan 浏览器图标。教程过程细致,参数明了,涉及多个快捷键技巧,非常值得练习。

最终效果:

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(1)

教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(2)

椭圆工具拉个300*300的圆居中对齐填充灰色。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(3)

添加图层样式。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(4)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(5)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(6)

再画一个较小的圆形。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(7)

添加图层样式:内阴影和投影。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(8)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(9)

复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl t按住alt shift同比缩小2到4px左右。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(10)

给黑圆添加渐变,注意是角度渐变。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(11)

添加渐变后的样子。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(12)

椭圆工具再画一个圆,放在上面。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(13)

添加图层样式。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(14)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(15)

复制刚刚添加图层样式的圆形,清除图层样式,稍微放大2个像素左右。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(16)

再来添加图层样式。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(17)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(18)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(19)

再画一个同等大小的。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(20)

羽化一下调整下透明度。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(21)

放在这个位置做为投影。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(22)

找到只添加蓝色渐变的那个图层,右键转为智能对象。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(23)

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(24)

ctrl t,输入20°

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(25)

画一个圆,大小自己感觉,能对上最好,填充相同的颜色。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(26)

放在接口处慢慢调整对齐。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(27)

效果如下:

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(28)

找到接口的圆图层和渐变的圆形图层,Ctrl E合并。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(29)

最后一步给合并的图层添加内阴影。

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(30)

教程结束,最终效果:

ps绘制计算器教程(学学用photoshop绘制漂亮的锤子浏览器图标)(31)

本教程只是抛砖引玉,大家可以结合自己的一些理解绘制出更多更漂亮的图标来。

猜您喜欢: