平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2024/9/21 浏览:3 次 )

这篇教程教的PS鼠绘学习者和UI设计学习者们使用PS临摹一枚超强质感的立体QQ浏览器图标教程,教程通过临摹QQ浏览器图标来介绍图标制作的基本流程和思路,教程很不错,推荐过来,希望能对大家有所帮助!

最终效果:

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

具体的绘制步骤如下:

新建一个500*500画布,按U用椭圆工具画一个200*200的圆(颜色随意)

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

路径选择工具选中画好的圆形。ctrl+c,ctrl+v 复制这个圆形在同一个图层

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

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

ctrl+t 缩小的时候按住shift+alt ,同比例缩小(大小自己看着合适就行)

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

如图所示。切掉它

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

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


合并成一个形状。

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

添加图层样式渐变叠加角度是120度(颜色数值用吸管吸我截图颜色就行啦)

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

用刚刚说的方法再切一个左边的小圆来

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

添加图层样式 90°的线性渐变叠加~

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

把小圆放到中间

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

ctrl+j复制出外面那个大圆,右键清除图层样式

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

填充颜色 a5daff

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


添加蒙版,拉个黑到白色的渐变,拉出这样的效果,如果拉不出这样的效果就用笔刷调整好 透明度慢慢擦。

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

覆盖到大圆上面,把添加蒙版的这个圆形向下向右各移动一个像素,让整体具有立体感

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

ok我们来画云。按U椭圆工具和矩形工具依照下图所示画。记住每个形状都必须是单独的图层

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

按P钢笔工具勾出这个形状。

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

这时候把云朵填充白色,先随便复制出一个圆形,添加蒙版填充颜色 (颜色数值a5daff)按照刚才的方法擦擦 or 加渐变拉。擦出如图形状

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

覆盖到原来的圆形的上面,其他两个圆也按照如上,复制添加蒙版擦出来。

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


钢笔勾出的形状,也是添加蒙版擦擦。

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

用钢笔勾出这个形状,添加蒙版擦擦,用钢笔顺着圆形的内侧勾就行。

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

勾好后,放在内侧这个位置

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

新建个图层,用钢笔顺着圆形勾出这个形状,描边白色。还是添加蒙版,稍微擦擦两端。

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

放到这个位置

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

教程到这里基本结束啦。自己试着做个阴影 高光 之类的,细节方面自己在把控下。

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

再次附上最终临摹的效果图

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

教程结束,以上就是用PS临摹一枚超强质感的立体QQ浏览器图标教程,大家学会了吗?希望大家喜欢!

上一篇:PS鼠绘制精致逼真的老爷车图标
下一篇:PS淘宝美工必看:鼠绘一个真空化妆品瓶子
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 SiteMap