欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop绘制立体风格的QQ浏览器图标

程序员文章站 2022-04-12 14:09:20
这篇教程是向萬仟网的朋友分享photoshop绘制立体风格的qq浏览器图标方法,教程的过程相对简单,布尔运算构成图标主体,效果则是用图层样式实现,下面就一起来学习吧。 先看看效果图 步骤:...

这篇教程是向的朋友分享photoshop绘制立体风格的qq浏览器图标方法,教程的过程相对简单,布尔运算构成图标主体,效果则是用图层样式实现,下面就一起来学习吧。

先看看效果图

Photoshop绘制立体风格的QQ浏览器图标

步骤:

新建文档,将我们所提供的纹理素材放入文档中,充当背景。

Photoshop绘制立体风格的QQ浏览器图标

我添加了一个色彩平衡调整层,调整了一下背景的颜色。

Photoshop绘制立体风格的QQ浏览器图标

下面,用圆角矩形工具,画出图标的主体,并添加图层样式,我添加了斜面浮雕、内阴影、投影三个样式。

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标

复制一层这个主体,右键清除图层样式,将填充修改为0,重新添加一个新的图层样式。

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标

Photoshop绘制立体风格的QQ浏览器图标