当前位置:首页 > PS教程 > 网页设计

AI设计唱机图标

  • 2022-12-25 00:42:40
  • 来源/作者:互联网/佚名
  • 己被围观

在下面的教程中,您将学习如何在Adobe Illustrator创建黑胶唱机图标。

步骤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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条