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

Photoshop制作苹果语音助理Siri图标动画教程

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

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

最终效果图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

以下是动画效果

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

高清效果图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第一步 新建文档

按ctrl + N,新建一个文档,大小 1024x1024

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第二步 绘制大圆

1、选择椭圆工具(U),绘制一个900x900像素的大圆,并将其居中显示;

2、双击"大圆"打开图层样式,选择"渐变叠加","描边" 参数如下图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第三步 绘制中圆

1、复制图层"大圆",命名为"中圆",设置形状的填充色为 #292929, 按ctrl+T将它大小缩小为 836x836 像素

2、双击"中圆"打开图层样式,去掉"渐变叠加"和"描边",选择"斜面浮雕" "内阴影",参数如下图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第四步 绘制小圆

1、复制图层"大圆",命名为"小圆",按ctrl+T将它大小缩小为 778x778 像素

2、双击"小圆"打开图层样式,保持"渐变叠加"不变,去掉"描边",然后添加"斜面浮雕" "投影"样式,参数如下图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第五步 添加金属质感的杂色

1、点击图层面板下方的"新建图层"按钮,新建一个图层,命名为"金属杂色";然后按住ctrl键,点击"大圆"缩略图获得大圆选区;然后填充颜色 #666666

2、添加杂色,点击"滤镜 -> 杂色 -> 添加杂色",输入数值 30,将图层不透明度改 8%,具体参数如下图所示

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第六步 添加金属质感的纹路

这一步要用Adobe illustrator软件来制作金属纹路,很简单的,不会AI的同学可以按教程一下下点,当然你也可以跳过这一步;还可以点击这里下载金属纹路.ai

1、打开AI,新建一个文档 大小 1024x1024;选择椭圆工具(L),绘制一个900x900像素的圆;在外观面板中设置填充色为空,描边为黑色,大小0.25pt

2、按ctrl+C,再ctrl+F,就复制了一个圆圈;然后将圆圈缩小到 32x32像素

3、同时选择两个圆圈,点击"对象->混合->混合选项",在弹出的对话框中选择"指定步数",输了值130,然后点击"确定"按钮

4、继续点击"对象->混合->建立"或按快捷键 alt+ctrl+B,此时就建立等间距的环形纹理,就像不锈钢器具上的纹理

ok,金属纹路做好了,很容易的,把它拖到ps中吧

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第七步 调整金属纹理区域

1、把上一步的金属纹路拖到ps中,命名为"金属纹路",并将图层不透明度设为 25%

2、选择图层"金属杂色"和"金属纹路",按ctrl+G 编组,并命名为"纹理"

3、接下来要用蒙版把不需要纹理的区域遮盖掉(即图中黑色圆环区域);首先我们先要获得圆环的选区,按住ctrl键,点击"中圆",再同时按住ctrl+alt键,点击"小圆",则获取到圆环选区

4、选择选区工具(M),右键点击圆环选区,选择"选择反向",然后点击图层面板下方的"添加图层蒙版"按钮

这一步文字说明比较多,是为了让初学能够明白,操作很简单用几个快捷键就完成;

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第八步 创建麦克风架子形状

这一步要拉出参考线,才能精确绘制形状

1、选择椭圆工具(U),绘制一个320x320像素的大圆;

2、选择椭圆工具(U),再选择选项栏中的"减去顶层形状",绘制一个258x258的圆;这样就绘制出一个圆环了

3、选择矩形工具(U),再选择选项栏中的"减去顶层形状",任意大小,目的是减去上半部的圆环

4、选择矩形工具(U),继续绘制两个左右方形, 大小为 31x105像素,用相同方法绘制剩余的形状

5、将最后的形成的形状命名为"架子"

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第九步 架子的样式

1、将架子的形状填充色改为 #20202c

2、双击图层"架子",设置"斜面和浮雕","内阴影"样式,参数如下图所示

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第十步 麦克风的外形

接下来我们要制作siri核心部分麦克风

1、选择圆角矩形工具(U),绘制一个大小190x410像素,半径100像素的圆角矩形,填充颜色为 #20202c,并命名为"麦克风外形"

2、双击图层,添加"斜面和浮雕","描边"样式,参数如下图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第十一步 麦克风的内形

1、选择圆角矩形工具(U),绘制一个大小166x386像素,半径100像素的圆角矩形,填充颜色为 #1B1227,并命名为"麦克风内形"

2、双击图层,添加"斜面和浮雕","外发光"样式,参数如下图

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第十二步 麦克风的网洞

1、选择椭圆工具(U),绘制一个20x20像素的圆形,颜色填充为#000000, 命名为"网洞",并添加"斜面和浮雕"样式,参数如下

2、右键点击"网洞"图层,将它转换成智能对象;然后按ctrl+G编组,命名为"麦克风网洞";

3、复制多个"网洞"将它们均匀的分布在麦克风内形中

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

 

第十三步 录音状态--光点

1、选择椭圆工具(U),绘制一个15x15像素的圆形,颜色填充为#ffffff, 命名为"光点",并转换为智能对象

2、复制多个"光点"将它们均匀的分布网洞上;"光点"大小可以做细微调整;按ctrl+G将这些光点编组,命名为"光点集"

3、选择所有"光点"将它们转换智能滤镜 "滤镜 -> 转换为智能滤镜",然后点击"滤镜 -> 模糊 -> 高斯模糊",输入值2.5

4、继续添加"外发光"图层样式,参数如下

Photoshop制作苹果语音助理Siri图标动画教程,PS教程,思缘教程网

第十四步 录音状态--变色

1、复制"麦克风内形",命名为"录音状态--变色",清除图层样式,将形状填充改为"渐变",并设置描边属性,选项栏的设置如下,非cs6版本的同学可以跳过描边设置

2、选择椭圆工具(U),绘制一个圆在"录音状态--变色"的上方,命名为"强光";将形状填充色为渐变,径向渐变,颜色从白到透明,并图层混合模式改为"滤色";

3、按住alt键,点击"录音状态--变色"与"强光"图层之间

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

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

相关文章

  • Linux 定时检测 MySQL 数据库是否宕机并自动重启
  • PhotoShop滤镜制作简单的冰晶字效果教程
  • php判断两个日期之间相差多少个月份的方法
  • JavaScript字符串截取方法有哪些?
  • 代码如何实现移除WordPress版本号
  • 微信小程序中如何实现子向父传参(页面通信)
  • Discuz怎么添加广告位?自定义广告位方法浅析
  • Javascript怎么检查对象是否为空
  • 如何区别友情链接的内页和首页链接
  • 宝塔面板使用中常见的9个问题(附答案)

文章分类

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

最近更新的内容

    • nodeJS把json数据转成excel(xlsx文件)输出
    • 一起聊聊thinkphp6使用think-queue实现普通队列和延迟队列
    • PhotoShop制作魔幻霓虹火焰字效果的教程
    • DedeCMS织梦模板使likearticle标签支持排序orderby的方法
    • 浅谈小程序如何授权登录,获取信息和手机号
    • 分享Laravel整合Bootstrap4的完整方案
    • 如何辨别网站是合法的链接来源还是链接工厂
    • vue3为什么快?vue3的效率提升主要在哪方面?
    • 说说PHP太空船运算符的使用场景
    • 聊聊node中怎么借助第三方开源库实现网站爬取功能

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

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