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

Photoshop制作苹果语音助理Siri图标动画教程 小图标,大智慧乔布斯特意为siri图注明册了设计专利.本教程详尽解说了矢量形状工具联合蒙版地使用和技巧,这是在制作图标时经常要用到地.为让大家能看到更多地细节,我把图标做地很大很大： 思缘论坛会员Aman版权所有,转载问Aman 程序:AdobePhotoshopCS6iPhone4s语音助理Siri图标下载 难度:中级 预计达成时间:60分钟 最终效果图 以下是动画效果 高清效果图 第一步新建文档 按ctrl+N,新建一个文档,大小1024x1024 第二步绘制大圆 1、选择椭圆工具(U,绘制一个900x900像素地大圆,并将其居中显 示。 2、双击大圆翻开图层样式,选择渐变叠加,描边参数如下列图 第三步绘制中圆 1、复制图层大圆,命名为中圆,设置形状地填充色为#292929,按 ctrl+T将它大小缩小为836x836像素 2、双击中圆翻开图层样式,去掉渐变叠加和描边,选择斜面浮雕内 阴影,参数如下列图 第四步绘制小圆 1、复制图层大圆,命名为小圆,按ctrl+T将它大小缩小为778x778像 素 2、双击小圆翻开图层样式,保持渐变叠加不变,去掉描边,然后增添斜面浮雕投影样式,参数如下列图 第五步增添金属质感地杂色 1、点击图层面板下方地新建图层按钮,新建一个图层,命名为金属杂色。然后按住ctrl键,点击大圆缩略图获得大圆选区。然后填充颜色 #666666 2、增添杂色,点击滤镜-gt。杂色-gt。增添杂色,输入数值30,将 图层不透明度改8%,详尽参数如下列图所示 第六步增添金属质感地纹路 这一步要用Adobeillustrator软件来制作金属纹路,很简单地,不会AI 地同学能够按教程一下下点,自然你也能够跳过这一步。还能够点击 这里下载金属纹路.ai 1、翻开AI,新建一个文档大小1024x1024。选择椭圆工具(L,绘制一个900x900像素地圆。在外观面板中设置填充色为空,描边为黑色, 大小0.25pt 2、按ctrl+C,再ctrl+F,就复制了一个圆圈。然后将圆圈缩小到32x32 像素 3、同时选择两个圆圈,点击对象-gt。混淆-gt。混淆选项,在弹出 地对话框中选择指定步数,输了值130,然后点击确定按钮 4、持续点击对象-gt。混淆-gt。成立或按快捷键alt+ctrl+B,此时 就成立等间距地环形纹理,就像不锈钢器具上地纹理 ok,金属纹路做好了,很容易地,把它拖到ps中吧 第七步调整金属纹理地域 1、把上一步地金属纹路拖到ps中,命名为金属纹路,并将图层不透 明度设为25% 2、选择图层金属杂色和金属纹路,按ctrl+G编组,并命名为纹理 3、接下来要用蒙版把不需要纹理地域域掩盖掉(即图中黑色圆环区 域。首先我们先要获得圆环地选区,按住ctrl键,点击中圆,再同时按住ctrl+alt键,点击小圆,则获取到圆环选区 4、选择选区工具(M,右键点击圆环选区,选择选择反向,然后点击图 层面板下方地增添图层蒙版按钮 这一步文字说明比较多,是为了让初学能够理解,操作很简单用几个快捷键就达成。 第八步创立麦克风架子形状 这一步要拉出参照线,才能精准绘制形状 1、选择椭圆工具(U,绘制一个320x320像素地大圆。 2、选择椭圆工具(U,再选择选项栏中地减去顶层形状,绘制一个 258x258地圆。这样就绘制出一个圆环了 3、选择矩形工具(U,再选择选项栏中地减去顶层形状,任意大小,目 地是减去上半部地圆环 4、选择矩形工具(U,持续绘制两个左右方形,大小为31x105像素, 用相同方法绘制节余地形状 5、将最后地形成地形状命名为架子 第九步架子地样式 1、将架子地形状填充色改为#20202c 2、双击图层架子,设置斜面和浮雕,内阴影样式,参数如下列图所示 第十步麦克风地外形 接下来我们要制作siri核心部分麦克风 1、选择圆角矩形工具(U,绘制一个大小190x410像素,半径100像 素地圆角矩形,填充颜色为#20202c,并命名为麦克风外形 2、双击图层,增添斜面和浮雕,描边样式,参数如下列图 第十一步麦克风地内形 1、选择圆角矩形工具(U,绘制一个大小166x386像素,半径100像 素地圆角矩形,填充颜色为#1B1227,并命名为麦克风内形 2、双击图层,增添斜面和浮雕,外发光样式,参数如下列图 第十二步麦克风地网洞 1、选择椭圆工具(U,绘制一个20x20像素地圆形,颜色填充为 #000000,命名为网洞,并增添斜面和浮雕样式,参数如下 2、右键点击网洞图层,将它变换成智能对象。然后按ctrl+G编组,命 名为麦克风网洞。 3、复制多个网洞将它们平均地散布在麦克风内形中 第十三步录音状态--光点 1、选择椭圆工具(U,绘制一个15x15像素地圆形,颜