Photoshop设计蓝色风格的酷狗软件图标教程

2016-02-15 21:15 20 1 收藏

下面图老师小编要向大家介绍下Photoshop设计蓝色风格的酷狗软件图标教程,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - PS 】

本教程主要使用Photoshop设计蓝色风格的酷狗软件图标教程,教程非常简单快速好上手,效果也是九成九像了,刚接触Photoshop的同学,可以一起来学习吧。

最终效果:

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

新建一个文档,尺寸1000*1000。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

拉一个径向渐变。

前景色 :#f5f5f5 背景色:#cccccc

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

用形状工具画一个圆,尺寸800*800。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

图层样式-内阴影

不透明度调为20%,角度-120度,距离2,大小4。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

再画一个圆,尺寸700*700。跟上一个圆居中对齐。用Ctrl选中需要对齐的图层,选择移动工具,上面的面板就有各种对齐。居中对齐按第二个和第六个。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

图层样式-渐变叠加

角度改为90度。

前景色:#76aeda 背景色:#2784cc

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

复制一层图层,在图层下面再新建一个图层,将有渐变的这个图层向下合并到空图层。

滤镜-杂色-添加杂色

数量2,平均分布或者高斯分布都可以,选上单色。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

还有内阴影。

不透明度20%,角度120度,距离0,大小5。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

用钢笔画出icon里的K。

先画一条竖线。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

再新建一层画

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

把那条竖线图层移到,图层样式-投影,参数不透明度25%,角度90度,距离2,大小5。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

复制两个图层合并,隐藏原来的两个,调不透明度为90%。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

用钢笔画一个月牙。

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

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

滤镜-模糊-高斯模糊,半径2.5。

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

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

图层样式-渐变叠加,两边黑色,中间透明。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

把这个图层向下拖,拖到蓝色的圆的图层的上面,右键-建立剪切蒙版。

填充调为0%,不透明度25%。

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

OK,这样一个酷狗的icon就出来辣,大家记得交作业

Photoshop设计蓝色风格的酷狗软件图标教程,PS教程,图老师教程网

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

延伸阅读
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形Tulaoshi.Com,...
本教程学习如何用photoshop的钢笔和图层样式打造一个漂漂的蓝色Email图标,先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一正圆选区填充黑色。 添加图层样式。 效果如下。 建新层,画一个小的正圆选区,填...

经验教程

275

收藏

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