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

初冬512

初冬512

2016-02-15 20:37

下面图老师小编要跟大家分享Photoshop绘制蓝色立体风格的QQ浏览器图标,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

本教程主要使用Photoshop绘制蓝色立体风格的QQ浏览器图标,教程难度中等偏下,要考验的主要是同学们对钢笔工具的运用,蒙版和渐变等也有涉及,教程特别细致,新手完成应该木有问题,喜欢的朋友让我们一起来学习吧。

最终效果:

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

如图所示。切掉它

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

合并成一个形状。

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

把小圆放到中间

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

填充颜色 a5daff

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

放到这个位置

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

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

Photoshop绘制蓝色立体风格的QQ浏览器图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

PS PS基础
Photoshop绘制蓝色立体风格的QQ浏览器图标

Photoshop绘制腾讯手机QQ浏览器图标

PS PS基础
Photoshop绘制腾讯手机QQ浏览器图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制腾讯手机QQ浏览器图标教程

电脑网络
Photoshop绘制腾讯手机QQ浏览器图标教程

Photoshop绘制蓝色立体效果的QQ旋风图标

PS PS基础
Photoshop绘制蓝色立体效果的QQ旋风图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop巧用路径绘制时尚的浏览器图标

PS PS基础
Photoshop巧用路径绘制时尚的浏览器图标

Photoshop绘制蓝色立体效果的软件图标

PS PS基础
Photoshop绘制蓝色立体效果的软件图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出婚纱外景照片唯美的夕阳景色

Photoshop调出婚纱外景照片唯美的夕阳景色

Photoshop合成唯美的水下人像设计效果图

Photoshop合成唯美的水下人像设计效果图
下拉加载更多内容 ↓