简约磁带图标教程

老规矩,我们先来看最终效果!

用PS就可以搞定,是不是炒鸡简单?抓紧时间搓搓手!呸~  抡起鼠标开始吧。

1. 新建画布,尺寸800*600px,填充色#e75030。

2. 绘制尺寸302*302px,圆角33的圆角矩形,颜色#112d4a,给圆角矩形加图层样式-描边(2px内部描边,颜色#162237); 垂直居中对齐,水平位置放在稍稍靠上位置。效果如下图:

3. 绘制252*180px圆角14的圆角矩形,垂直居中对齐,加上图层样式-描边(2px外部描边,颜色#0f233b); 放在合适位置。再绘制252*22px的矩形条,并复制一层分别填充颜色#e75131;#151515得到如下效果图:

4. 绘制224*86px圆角为16的圆角矩形,填充色#112d4a,添加图层样式-描边(2px内部描边,颜色#0f233b),相对于白色矩形水平垂直居中对齐。复制一层做阴影,底层20%不透明度

5. 接下来绘制磁带中会旋转的小齿轮和中间的小镜子。

① 小齿轮。步骤:绘制52*52px的圆,填充色#171717(如图红色箭头所指)

② 绘制短红色箭头所指部分。这一步使用熟知的布尔运算,绘制32*32px的圆,填充色#d1d1d2,在选中矩形工具的情况下摁住Alt在本图层内画矩形即可减去顶层形状。然后在本图层内选中矩形所有锚点摁住Alt复制三个放在合适位置。复制一份:

③ 绘制中间的小镜子。我们先来绘制一个56*52px的矩形,填充色#19191a,复制一层作为形状层来做反光,透明度设置为8%然后用钢笔工具勾两个纯白色块,放到复制的那一层矩形之上,摁住Alt在两个图层之间单击-剪切蒙版:

④ 再复制一层上步的矩形放置顶层,填充色#b4b5b5,布尔运算:

6. 绘制磁带的下端凹处,这里的基本思路是,先绘制一个矩形尺寸216*74px,填充色#163d5b。选中上方锚点各向内收缩18px做为底层,复制两层分别填充颜色#112d4a;#0f2037分别为最上层和中间层,调整图层上下位置,调整锚点得到效果:

1. 绘制小螺丝和小白点

① 绘制16*16px的圆,添加图层样式描边和渐变叠加

② 绘制10*11px圆,添加内阴影,内阴影距离2px,颜色#a1a1a1,至于1px投影可以使用图层样式-投影来做,也可以用其他方法。

2. 添加文字以及修饰

3. 添加长投影,内部白底上的投影如绿色箭头所指,填充颜色#322f2f ,16%透明度,旋转45°添加图层蒙版适当擦拭。最外层投影如红色箭头,填充颜色#00000, 16%不透明度,旋转45°

最终效果

(0)

相关推荐

  • wegame怎么换杀敌图标?wegame更换杀敌图标教程

    wegame怎么换杀敌图标,一直以来是大家很想知道的问题.今天小编就来为大家解决这一问题. wegame更换杀敌图标教程 tGP刚刚被wegame所取缔,部分功能还不够完善,整体还在开发过程中.以前的 ...

  • 史上最简单的图标教程第七课 (PS教程)

    咳咳...又是我,没错,今天小编给大家带来的是灰常有情怀的手表icon教程,原作者说是人类史上最简单的图标教程,这也是他出的第七次教程,相关教程都可以在学ui网找的到哦.好了,不多说了,大家跟着一起来 ...

  • 松鼠图标教程(ps教程)

    小编:其实一开始叫我发这篇教程的时候呢,我是拒绝的,因为我根本不相信有什么人类史上最贱蛋的图标教程,作者说,加特技,画笔笔刷,刷刷刷,钢笔工具,扎扎扎!duang~流弊又简单的教程就出来了! 诶呦,新 ...

  • Photoshop设计立体效果的手机图标教程

    Photoshop设计立体效果的手机图标教程 操作方法 01 第一步:画一个圆角为45px,宽高为256*256的圆角矩形,添加图层样式:斜面浮雕和渐变叠加. 02 第二步:复制刚才的圆角矩形,去掉样 ...

  • PP助手越狱版2.0修复白图标教程

    PP助手越狱版2.0修复白图标教程 越狱后,有些童鞋的设备会出现白图标的现象,出现白图标后,我们可以使用PP助手修复一下白图标. 操作方法 01 打开手机端的[PP助手]--[更多]--[修复图标] ...

  • 教你绘制一组简约的图标【AI教程】

    小编:今天的图标制作难度都不高,主要练习神器应用.作者特意挑了两个操作技巧偏多的图标,并且附上两款神器(文末),绝对适合新手练习技能. 教程中的案例归原设计师所有. 作者微信公众号:六层楼那么高,欢迎 ...

  • win7输入法图标怎么更改 Win7更改默认输入法图标教程

    大家是否看厌了默认的输入法图标,希望换一种样式呢?其实,如果你使用的是Windows 7操作系统,那么更改键盘图标的操作十分简单,下面就告诉大家怎么更改默认的输入法图标。 操作方法 右击单击系统托盘区 ...

  • Picsart怎么用?九宫格锁屏图标教程

    我们都知道ps是处理图片最好的软件,但是在手机上面是无法使用的,Picsart是目前手机上面最好的图片处理软件,本文带来了详细的使用教程。 Picsart怎么用? 1、复制出你的文件framework ...

  • Win7编程:在按钮中加入管理员权限运行盾牌图标教程

    这篇教程是向大家介绍win7按钮中加入管理员权限运行盾牌图标过程,本教程分两部分,第一,如何实现软件本身运行时申请管理员权限,第二,如何在软件窗体内的按钮上面加入盾牌图标(意味着本功能需要管理员权限执 ...