Photoshop设计时尚质感的圆形软件图标

2016-02-15 21:45 10 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐Photoshop设计时尚质感的圆形软件图标,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - PS 】

最终效果:

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

添加图层样式。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

再画一个较小的圆形。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

添加渐变后的样子。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

添加图层样式。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

再来添加图层样式。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

再画一个同等大小的。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

羽化一下调整下透明度。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

放在这个位置做为投影。

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

 

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

ctrl+t,输入20°

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

效果如下:

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

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

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

教程结束,最终效果:

Photoshop设计时尚质感的圆形软件图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564305.html

延伸阅读
标签: PS PS基础
在Photoshop中图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现。利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的。 今天我的临摹的iTunes图标是一个非常经典的icon,不过现在你们看不到了。现在的版本只能说是走火入...
标签: PS PS基础
最终效果 1、新建一个宽600 * 高900像素,分辨率为72的文档。选择渐变工具,颜色设置如图1,然后由中心向边角拉出黄色至橙黄色线性渐变。如图2。 2、打开下图所示的群山素材,拖进来,混合模式改为明度,添加图层蒙版,用透明度较低的黑色画笔把顶部过渡擦出来,效果如图3。 3、再打开一张群山素材,拖进来,放到底部位置,...
标签: PS PS基础
最终效果预览 1.在Photoshop中新建文件,宽600px、高700px,背景填充黑色。 2.使用矩形选择工具,取得宽600px、高度大约450px的矩形选区。新建图层,然后选择渐变工具,创建白到透明(由下而上)的径向渐变。 降低图层不透明度为40%。 3.下载钻石素材. Diamond Photo 导入到Photoshop中使用你熟悉的方法把背景去掉。执行图形-调整-...
标签: PS PS基础
善用图层样式,你会发现图层样式非常的强大,下面的图片很简单,用图层样式就可以做了出来。前几天我把源文件删了,所以现在我边做边截图出来,有什么不同的也可以提问,楼主只是一个业余爱好者,前段时间喜欢上了临摹各种ICON。不过过段时间我应该要去研究颜色原理了。 先看看效果图 下面是临摹对比 临摹,我们先排列好画布 ...
我使用Sketch将近一个月多点,现在我又足够的信心用教程的方式来分享我工作的一部分,我将描述我如何使用它的许多有趣的功能来创建一个彩色的图标。 我想使用一种简单而深入的教程方式。本教程是为Sketch初学者设计的,我将会花时间来描述你可能已经知道的知识点。如下图是将要达到的效果。 如果你有一些步骤不清楚可以下载源文件参考。 ...

经验教程

663

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部