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

2016-02-15 20:37 28 1 收藏

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

【 tulaoshi.com - PS 】

本教程主要使用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教程,图老师教程网

如图所示。切掉它

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

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

合并成一个形状。

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

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

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

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

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

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

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

把小圆放到中间

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

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

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

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

填充颜色 a5daff

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

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

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

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

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

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

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

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教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1563676.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制立体风格红色钟表图标教程,钟表是生活中最常见的,不过要制作出来还是要花一定心思和时间的。下面的教程将介绍如何制作一个壁钟。作者制作得非常细致,基本上每一步都有详细的说明,喜欢的朋友可以尝试一下。 最终效果 1、新建文档:2304×1708PX,分辨率:300。调出标尺:Ctrl + R在标尺上点击鼠标右键...
标签: PS PS基础
今天我们给大家带来的PS教程是如何在Photoshop中创建一只可爱的Twitter小鸟,这是一篇专注icon设计细节的精品教程,希望大家能够喜欢。 点此下载最终PSD文件: MissYuan_小鸟源文件.rar 先看看效果图 第1步: 新建一个PSD文件,尺寸为800×600px。使用椭圆工具,按住Shift键绘制出一个正圆形,颜色设置为##0099FF。 按住Alt+...
Photoshop制作google浏览器logo图标 一篇详细的教程教你如何制作一个漂亮的logo. Begin working by creating a new file (FileNew) of 854x854 px and 72 dpi. Use on it the Ellipse Tool (U) to represent the basis for the logotype to be of the Google Chrome browser. 先新建画布(文件新建),大小854x854 px,分辨率7...
PS打造新版手机QQ浏览器图标 tulaoshi.com PS打造新版手机QQ浏览器图标
本教程主要使用CorelDraw绘制久违的你蓝色立体字教程,同时CDR制作立体字的教程图老师也有不少了,学习过这篇之后感觉还是挺不错的,推荐过来和图老师的朋友们一起分享学习了,希望大家喜欢这篇教程。

经验教程

745

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部