• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Illustrator创建立体风格的黑胶唱机图标

Illustrator创建立体风格的黑胶唱机图标

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

在下面的教程中,您将学习如何在Adobe Illustrator创建黑胶唱机图标。首先,使用简单的网格与网格对齐等基本的工具创建黑胶唱机的主要形态。然后将学习如何创建一个复杂的网格渐变。使用混合工具创建一个简单的混合物;利用现有的网格进行路径偏移的效果;您将会创建一个唱针和一个小旋钮。最后,充分利用外观面板,您将学习如何添加阴影,高光以及增加形状的层次感。


先看效果:

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

1. 创建一个新文件并设置网格

Ctrl+N创建600px*600px的新文档,RGB模式;屏幕(72ppi),并确保"使新建对象与像素网格对齐"没有被勾选,点击确定。

启用网格(视图>显示网格)与网格对齐(视图>对齐网格)。首先,设置网格线间隔为5px,次分割线数值为1(编辑>首选项>参考线和网格);打开信息面板(窗口>信息),实时预览形状的大小和位置。不要忘记设置单位为像素(编辑>首选项>单位 )。所有这些选项会大大提高你的工作效率。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

2. 创建主形状

步骤1

选择矩形工具(M),创建一个250px的正方形,设置其颜色为R=196,G=154,B=108(对齐网格会减轻你的工作)。

接下来,打开对齐面板(窗口>对齐),设置对齐画板(打开的弹出菜单中去显示选项,如下图所示)。选中创建的正方形,单击水平居中对齐,垂直居中对齐按钮。最后在图层面板中对该图层双击,重命名为"main",然后锁定该图层,以确保你不会意外地选择/移动它(窗口>层)。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤2

设置填充颜色为白色,选择椭圆工具(L)。创建一个180px的正圆,然后在对齐面板上点击水平居中对齐,垂直居中对齐按钮(记得对齐画板哦)。重命名为"vinylshadow"然后锁定图层。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤3

这一步你需要将网格线间隔设置为1px(编辑>首选项>参考线和网格)。在褐色正方形的左下角,使用椭圆工具(L)创建直径为24px的正圆,如下图所示。在图层面板上双击新建图形,命名为"knobshadow",然后锁定。

继续在正方形的右上角,创建第二个直径为24px的正圆,位置如图2所示。将其重命名为"armshadow",然后锁定。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

3. 创建的黑胶

步骤1

再次设置网格线间隔为5px(编辑>首选项>参考线和网格)。用椭圆工具(L)创建一个160px的正圆,然后在对齐面板上点击水平居中对齐,垂直居中对齐按钮。

选中新图形,打开渐变面板(窗口>渐变),应用默认的渐变数值,选择径向渐变,右侧滑块设置为黑色(R=0, G=0,B=0),左侧滑块设置在白(R=255,G=255,B=255)。确保选中该图形,设置对象>扩展,点击确定。

移动到图层面板,你会发现一个新的组。选择它,取消编组(Shift+Ctrl+G),Alt+Ctrl+7(对象>剪贴蒙版>释放)释放现有蒙版。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤2

图层面板中,你会发现一个没有填充也没有设置任何效果的160px正圆,选择它,删除(键盘Delete);然后你会找到一个简单的网格,选中网格并打开变换面板(窗口>变换),点击"约束宽度和高度的比例"按钮,在宽(或高)中输入160px,继续选中网格,将其填充色设置为黄(R=255,G=221,B=23)。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤3

使用钢笔工具(P),创建长为170px的直线,并在对齐面板上选中水平居中对齐,垂直居中对齐按钮。确保这个简单的路径在外观面板上被选中(窗口>外观)。

删除填充色,选择描边,设置颜色为黑色,不透明度降低到15%,然后在效果>扭曲和变换>变换中,输入以下数值(如图所示),点击确定。在图层面板中将其锁定。你只需将它作为一个辅助线。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤4

禁用对齐网格(视图>对齐网格)。选择黄色网格,用网格工具(U)仅添加十二个网格点,如下图所示,使用上一步骤作为辅助。网格点设置完成之后,你可以删掉上一步产生的辅助线。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤5

直接选择工具(A),选择网格点,将其颜色与下图所示相对应。完成之后,在图层面板中双击网格将其重命名为"vinyl"。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤6

选中"黑胶"网格(vinyl),复制副本(Ctrl+C > Ctrl+F)。在图层面板中,双击网格副本,重命名为"vinylsupport";锁定"黑胶"网格;回到画板中,用直接选择工具(A)选择 "vinylsupport"的网格点并替换为相对应的颜色(如图所示)。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤7

选中"vinylsupport"网格,在变换面板中输入170px的宽(或高)。移动到图层面板,将"vinylsupport"网格拖动到"vinyl"网格的下方(Ctrl+[)。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤8

启用网格对齐(视图>对齐网格)。使用椭圆工具(L),创建一个160px的正圆,并在对齐面板上选中水平居中对齐,垂直居中对齐按钮。填充设置为无,添加1px的白色描边,描边内侧对齐。继续选中图形,对象>路径>路径偏移,输入-45px偏移,点击确定。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤9

双击混合工具(或去对象>混合>混合选项)。从下拉菜单选择"指定的步骤",输入"15"。

在图层面板上选中两个白色描边(上一个步骤中的),Alt+Ctrl+B(或去对象>混合>建立)来创建一个简单的混合(如第二张图所示)。选中新产生的混合,降低其不透明度为40%,图层模式为叠加。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤10

使用椭圆工具(L),创建一个160px的正圆,设置填充颜色为在R=255,G=222,B=23,并在对齐面板上选中水平居中对齐,垂直居中对齐按钮。选中这个黄色的圆,对象>路径>路径偏移,偏移数值设置为2px,点击确定,然后回到图层面板。

选择新产生的形状,把它拖动到"vinyl"网格的下方。选中这个黄色的圆,首先,将其填充为R=20,G=15,B=15;添加四个阴影效果(效果>风格化>投影),数值设置如下图所示;然后添加1px的黑色描边,使描边外侧对齐,降低不透明度为30%,并将混合模式改为柔光。

Illustrator创建立体风格的黑胶唱机图标,PS教程,站长图库

步骤11

选择另一个黄色圆圈,填充为径向渐变取代现有的颜色(如下图所示),降低其不透明度为15%,改变混合模式;然后选择"对象>路径>路径偏移",

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 利用视频网站加快百度及谷歌的重新收录的SEO技
  • Wordpress固定链接怎么设置伪静态
  • 最新消息!WordPress 5.8开始将不再支持IE11浏览器
  • 帝国CMS如何修改网址+标题+关键字+描叙方法
  • PHP生成唯一ID的四种方法介绍
  • MongoDB和MySQL的区别是什么
  • 如何开启WordPress调试模式(报错提示)
  • PHP如何将图片上传并替换?
  • Illustrator创建渐变色效果的进度按钮
  • PHP怎么实现加好友功能

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 总结分享Go中常用的strings函数
    • 浅析AntdV Upload组件customRequest怎么自定义上传方法
    • HTML5中video标签如何使用
    • WordPress“正在执行例行维护,请一分钟后回来”解决方法
    • dplayer播放器整合苹果CMSV10方法
    • Wordpress Ripro美化版演示导入说明
    • 通过实例来了解Laravel中管道的使用方法
    • DEDECMS用函数实现隔行换色以及分组加线
    • PHP中对于会话控制里的session如何使用?
    • ThinkPHP中if标签和比较标签对于变量的比较

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有