Photoshop制作谷歌风格加号图标教程

2016-02-16 04:07 19 1 收藏

下面请跟着图老师小编一起来了解下Photoshop制作谷歌风格加号图标教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

新建文档1000x1000像素,背景白色,新建图层,画一半径50像素的黑色圆角矩形。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

复制此层,大小位置如下,为了醒目我把颜色改为白色。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

添加描边样式。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

填充归零,效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

新建图层,用矩形工具加法模式画出十字。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

效果如下,我们得到了十字边框。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

同样方法新建图层画一小的白色十字。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

效果如下。

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

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

新建图层,在下图位置画一矩形,颜色无所谓。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

调出第一步画的圆角矩形选区,添加蒙版,效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

效果如下。

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

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

同样方法制作其它形状,改变图层样式的颜色即可。

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

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

新建图层,在下图位置画一白色矩形。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

填充归零,不透明度80%,效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

再添加个阴影,最终效果如下,本ps教程结束。

Photoshop制作谷歌风格加号图标教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567856.html

延伸阅读
本教程主要使用Illustrator制作简洁时尚的UI线稿图标教程,主要利用Ai基本操作结合网格工具来绘制小标 ,教程挺实用的,推荐一下和图老师的朋友们一起学习吧。
标签: PS PS基础
本教程主要使用Photoshop绘制立体风格红色钟表图标教程,钟表是生活中最常见的,不过要制作出来还是要花一定心思和时间的。下面的教程将介绍如何制作一个壁钟。作者制作得非常细致,基本上每一步都有详细的说明,喜欢的朋友可以尝试一下。 最终效果 1、新建文档:2304×1708PX,分辨率:300。调出标尺:Ctrl + R在标尺上点击鼠标右键...
标签: PS PS基础
先看效果图。 新建文档300x300像素,背景做一蓝色直线渐变。 建新层,做一椭圆选区,填充#1287d7。 添加投影样式。 效果如下。 复制一层,网上挪一堆距离,修改图层样式,去掉投影,添加描边样式。 图层不透明度50%,效果如下。 建新层,调出复制层选区,填充白色,之后做一椭圆选区,删除,形成月牙状,水平方向...

经验教程

182

收藏

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