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

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

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

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

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

添加描边样式。

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

填充归零,效果如下。

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

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

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

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

添加图层样式。

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

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

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

效果如下。

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

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

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

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

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

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

添加图层样式。

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

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

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

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

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

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

延伸阅读
Photoshop制作围棋图标教程   教程介绍小图标的制作方法。制作之前最好先找一些类似的实物素材参考一下,把思路整理好。同时图标中的所有元素并不一定要全部做出来,有好的素材也可以用www.tulaoshi.com素材。 最终效果 1、找实物图片参考,仔细观察形状及光影变化等细节,很少有人能凭借脑袋中的记忆凭空画出一个实物...
标签: PS PS基础
MenuEverywhere 是Mac OS X上的一款小程序,前一阵刚为其完成了程序图标设计。 创作目标 Binary Bakery Software出品的这个小程序主要是用来给每个窗口都增加一个Menubar,方便在显示器或者窗口很多,不容易找到osx原始菜单栏的时候能方便用户去选择菜单栏里选项。客户希望能突出软件的主旨-菜单,并且能够增加一下用户对真实使用环境的视觉...
本教程主要使用Illustrator制作简洁时尚的UI线稿图标教程,主要利用Ai基本操作结合网格工具来绘制小标 ,教程挺实用的,推荐一下和图老师的朋友们一起学习吧。
标签: PS PS基础
本教程主要使用Photoshop绘制立体风格红色钟表图标教程,钟表是生活中最常见的,不过要制作出来还是要花一定心思和时间的。下面的教程将介绍如何制作一个壁钟。作者制作得非常细致,基本上每一步都有详细的说明,喜欢的朋友可以尝试一下。 最终效果 1、新建文档:2304×1708PX,分辨率:300。调出标尺:Ctrl + R在标尺上点击鼠标右键...

经验教程

112

收藏

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