首页 > 平面设计 > photoshop教程

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

admin photoshop教程 2022-02-16 05:52:44 立体   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浏览器图标

接下来,我们来画QQ浏览器的图标,这个相信大家肯定会画,非常简单的布尔运算,在这里,我们分成了两层来画,首先,我们画出了下面这个形状。

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

我为这个形状添加了一个渐变叠加。

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

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

接下来,还是用布尔运算,补上欠缺的那部分云。

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

选择住组成QQ浏览器图标的这两个图层,CTRL+G,创建图层组,给这个图层组添加一个图层样式。

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

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

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

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

最后我添加了一个色阶调整层,作最后的微调。

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

最终效果如下:

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

教程结束,以上就是Photoshop绘制立体风格的QQ浏览器图标教程,怎么样,是不是很简单啊,不会的朋友可以参考本文,希望能对大家有所帮助!

相关阅读:

用PS临摹一枚超强质感的立体QQ浏览器图标教程

photoshop设计打造出新版手机QQ浏览器图标

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/PMsheji/PS/148559.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持