AI设计唱机图标(4)

来源:站酷 作者:mango_o 翻译 学习:23795人次

步骤6

在图层面板上解锁“knobshadow”形状,再次将“armshadow“目标图标的外观属性,复制黏贴到“knobshadow”。

AI设计黑胶唱机Icon

步骤7

使用矩形工具(M),创建一个220px的矩形,设置其填充颜色为黑色,如第一图像所示;移动到图层面板,将新的矩形托到“vinyl”,“arm”和“knob”组下方。选中这个黑色的形状,降低其不透明度为40%,改变混合模式为叠加,“效果>风格化>圆角”输入的半径为10px,单击确定,“效果>艺术效果>胶片颗粒“,数值设置如下图所示,点击确定。

AI设计黑胶唱机Icon

7. 创建木质面板

步骤1

在图层面板中解锁“main”的形状。选择这个褐色的正方形,在外观面板中添加第二个填充并拖动它低于现有的填充。选中新填充,添加如下图所示的线性渐变,然后选择”效果>路径>偏移路径“偏移量为3px,点击确定。

AI设计黑胶唱机Icon

步骤2

选中“main”,在外观面板上添加第三个填充,选中它,设置颜色为黑色,降低其不透明度为5%,改变混合模式为叠加,”效果>路径>偏移路径“偏移量为-2px,点击确定;然后选择”效果>素描>绘图笔“数值设置如下图所示,点击确定。

AI设计黑胶唱机Icon

步骤3

选中“main”,在外观面板上添加第四个填充,选中它,设置颜色为R=196,G=154,B=108,”效果>路径>偏移路径“偏移量为- 10px,点击确定;“效果>风格化>内发光效果”数值设置如下图,单击“确定”;“效果>风格化>投影“数值设置如下图,单击“确定”;“效果>风格化>外发光效果”数值设置如下图,单击“确定”;

AI设计黑胶唱机Icon

步骤4

选中“main”,在外观面板上添加2pt的描边,设置颜色为R=232,G=210,B=185,描边内侧对齐。在外观面板,添加第二个描边,描边粗细为1pt,颜色设置为R=169,G=124,B=80,描边内侧对齐。

AI设计黑胶唱机Icon

步骤5

选中“main”,在外观面板上添加第三个描边,选择它,设置颜色为黑色,粗细为1pt,使描边内侧对齐,改变混合模式为叠加,降低它的不透明度为15%,”效果>路径>偏移路径“偏移量为- 10px,点击确定;第三个描边,选择它,设置颜色为黑色,粗细为3pt,使描边内侧对齐,改变混合模式为叠加,降低其不透明度为5%,”效果>路径>偏移路径“偏移量为- 10px。

AI设计黑胶唱机Icon

步骤6

选中“main”形状,选择整个路径,”效果>风格化>圆角“ 半径设置为20px,单击“确定”。

AI设计黑胶唱机Icon

步骤7

选中“main”形状,选择整个路径,添加五个阴影效果(效果>风格化>投影)如下图所示。

AI设计黑胶唱机Icon

7. 添加一个简单的背景

步骤1

使用矩形工具(M),创建一个610px的矩形,设置填充颜色为R=65,G=60,B=60,在对齐面板上选择水平居中对齐,垂直居中对齐按钮。选中这个新的形状,下移图层(Ctrl+Shift+ [),在外观面板上添加第二个填充,设置颜色为黑色,降低其不透明度为10%,改变混合模式为叠加,”效果>艺术效果>胶片颗粒“数值设置如下图所示,然后单击“确定”就行了。

AI设计黑胶唱机Icon

Congratulations! You're Done!

这就是做完最后的样子,我希望你喜欢这个教程,可以将这些技巧应用在你未来的项目中去。

AI设计黑胶唱机Icon

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
南方V2016-06-29 02:04
颜色有一块不对,求指教
陈大了个大2016-02-02 05:32
卡在第4部,有人做出来吗?求指导
逆风前行2015-12-28 03:38
我正好也做在这个地方了,你的问题我也碰到了,你用小白在画板外面单击一下 再回到黄色区域单击一下,接着按快捷u,添加网格,然后再用小白调整 ,循环往复,你就可以做的和楼主一样样的了
馥晓玟2015-11-24 04:22
我也遇到一样的问题,大神请解答。跪谢
我DE天呐2015-10-24 07:28
能不能帮帮我,我做到第4步不会做了。渐变网格的线是弯的,而且有的点,点不上,会提示无法从单一线段创建渐变网格。<可怜>
我DE天呐2015-10-24 07:26
表示做到第4步就不会了,有没有大神帮我看看我得渐变网格点出来为啥是曲线,而且点到有的点的时候会提示无法从单一线段创建渐变网格。点全部点好之后。填充颜色有时候也会只能填充一条线的一边。而不是两边
dengping092014-11-07 12:09
好详细!学习了!
大冠2014-04-12 10:13
拜一下!
一絲不掛2014-04-02 04:52
第一次来,希望能学到好东西啊哈哈
查查2014-01-19 04:28
<给力>
TeresaTT2014-01-19 04:28
7. 添加一个简单的背景步骤1使用矩形工具(M),创建一个610px的矩形,设置填充颜色为R=65,G=60,B=60,在对齐面板上选择水平居中对齐,垂直居中对齐按钮。选中这个新的形状,下移图层(Ctrl+Shift+ <),在外观面板上添加第二个填充,设置颜色为黑色,降低其不透明度为10%,改变混合模式为叠加,”效果>艺术效果>胶片颗粒“数值设置如下图所示,然后单击“确定”就行了。Congratulations! You're Done!这就是做完最后的样子,我希望你喜欢这个教程,可以将这些技巧应用在你未来的项目中去。

关注大神微博加入>>

网友求助,请回答!