找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 263|回复: 0

[ps教程] Photoshop图标设计:绘制立体风格的QQ浏览器图标

[复制链接]

该用户从未签到

发表于 2017-3-9 00:00:00 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
教程的过程相对简单,布尔运算构成图标主体,效果则是用图层样式实现。有需要学习的朋友如果遇到什么问题可以下载教程的源文件,下面就一起来学习吧。
本教程来源于Pdadians.com ,再次感谢作者!
先看看效果图


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


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

               
               


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


最终效果如下:


                               
登录/注册后可看大图
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-25 12:05

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表