@P大点S微博 :今天临摹的是一个SIRI图标,iOS里标志性的icon,非常漂亮。看了原图后我认为临摹过程中最麻烦的地方就是麦克风中的一组镂空和它的发光效果,在胶囊型的麦克风里怎么能整齐科学排列它们的确有点难,如果你不会,那来看高手的做法!

这是我们的最终效果:

这个是原图:

下面开始我的制作过程。为了后面的工作更加轻松便捷,所以我把新建的画布尺寸设成一个比较好计算的整数~

原图的背景过于简单,我画蛇添足,制作一个iOS风格的背景。新建一层纯黑色填充层。

新建一层,填充白色。执行“滤镜-杂色-添加杂色”,参数如图~

“滤镜-模糊-动感模糊”

把这个动感模糊层的透明度调到45%。

复制一层,CTRL+T自由变化旋转90度,把透明度调回100%,图层混合模式改为“叠加”。

画布四周的“毛边”看着很不和谐,选中这两个动感模糊层,CTRL+T自由变化,放大一些,直至毛边不见为止,背景完成。

ctrl+r开启标尺,在标尺上右键选择百分比。按ALT+V+E快速布置水平和垂直两条处于中心位置的参考线。

为了图层栏的简洁以及照顾到以后临摹方便起见,我把属于背景的三个图层打包成组且隐藏。选择“编辑-首选项-参考线.网格和切片”,把间隔单位设为20个像素,子网格设为2,单纯设为10像素的话觉得密密麻麻的不舒服。

用“椭圆工具”画一个直径为840像素的圆形。为了让它跟白色的背景区分开来,我给它设了一个85%的灰色。

按ctrl+’隐藏网格。双击这个形状层,添加投影。我稍微调整了一下“等高线”,让这个投影是边缘收缩一些,再加一点点杂色。

再加一个人见人爱的角度渐变,用它来模拟圆形金属是最好用了~

最后是这个金属圆盘的倒角,斜面浮雕是不二之选~

我仔细观察了原图,金属圆盘上似乎有“拉丝”的效果,但不是我们大家习惯使用的杂色+径向模糊的那种。而是类似于很细很密的同心圆。按D恢复前景色和背景色。新建一层填充白色。选择滤镜素描中的半调图案。

然后极坐标,一个同心圆的拉丝效果出来了。

如果你对上面的半调图案有异议我认为很正常,因为半调图案里有“圆形”的选项,可以直接制作同心圆。但是直接制作出来的同心圆的线条比较粗,我想要一个线条很细,很精致的同心圆,所以选择直线选项再用极坐标后它的效果比较符合我的要求。最后把这个同心圆的透明度调到8%左右,隐隐约约能看到就行,继续把它剪切蒙版到金属圆盘。或者给它一个蒙版也行。

接着我要用图形工具制作图标中间的麦克风,按ctrl+’开启网格,先用椭圆工具画一个15%灰色,比“金属圆盘”小1.5个网格单位的圆形。

继续用“减去”模式再画一个小1.5间隔单位的圆,这样我得到一个边宽为1.5间隔单位的圆环。

制作里面的麦克风。打开网格,选用圆角矩形工具,把圆角的直径尽可能的设得大一些,比如现在我就是500,用“添加”模式以胶囊状下半圆直径为中心画一个的麦克风支架。

继续用“减去”模式再画一个小1.5间隔单位的胶囊,因为网格的“吸附”功能,精确的完成这些都不叫事。

用钢笔裁去上半部的胶囊。不要用矩形工具去裁剪,那样会把外围的圆环也破坏掉。

在裁断的位置再布置一条参考线作为话筒的中心点。画一个小1.5网格单位的胶囊作为麦克风的话筒。

还有下面的底座。

添加“内阴影”。

以及白色的投影~

用“创建”模式画一个小于麦克风话筒半个单位间隔的胶囊。

添加图层样式中的渐变。

浅粉色的投影。

最后斜面浮雕是必须的,不过我选用外斜面。

画一个25%灰色大小适中的圆形,ctrl+alt+t移动一段距离后,ctrl+shift+alt+t垂直方向复制一组。

横向错开一段距离复制一组。

继续移动复制。

不用理会下面的镂空孔,重新安排一下上面的镂空孔的位置,多余的可以删除掉,逐个移动位置不科学的孔,使它们位置符合话筒的半圆形。

框选右边的三排镂空。把中心点移到垂直参考线上水平复制。

双击这个圆圈镂空层,进入图层样式,把混合模式改为正片叠底,透明度调到65%左右。把“图层蒙版隐藏效果”打钩。

简单的斜面浮雕。

给这个镂空层添加一个蒙版,让下半部分渐隐。

新建一层,按ctrl点击镂空层的矢量蒙版获得选区,用画笔涂抹上面一小部分。

取消选区,ctrl+t自由变化,把中心点设在话筒的中心水平位置,垂直翻转。

高斯模糊1.0,感觉不够的话可以稍微增大这个数值。

渐渐调小画笔的大小和硬度,在镂空孔的位置点几下,模拟灯光逐级减弱的效果。

新建一层,添加矢量蒙版,把下面的麦克风话筒的路径复制进来,再用钢笔删去一部分,填充白色,减少透明度。模拟玻璃镜面反光的效果。如果你觉得矢量蒙版麻烦的话完全可以用图层蒙版。

最后一步,新建一层,用硬度为0的400像素大小的画笔在中心位置点一下,把混合模式改为“滤色”,透明度调到50。

完成!

可能是国内做原创教程最用心的公众号:

「Illustrator新手教程合集」

同类型纹理教程:
《AI教程:手把手教你用AI创建漂亮的无缝几何图案》

简单好上手,效果还很赞!长投影教程:
《AI新手教程:教你创建精致闪亮的长投影宝石》

据说是目前最火的设计趋势:
《AI新手教程!教你简单快速地将图片变成多边形背景》

原文地址:pdadians

转载地址:http://www.uisdc.com/photoshop-classic-siri-icon

PS新手教程!手把手教你临摹一枚经典的SIRI拟物图标相关推荐

  1. PS新手教程!教你绘制一枚通透质感的游戏按钮

    按钮制作不难,首先确立具体形状,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟@DearSalt 一起学习这篇按钮教程吧 >>& ...

  2. PS教程!手把手教你绘制一枚经典的iTunes图标

    编者按:现在扁平化时代,很多同学可能都忘了怎么用图层样式塑造拟物效果了,今天这枚教程带同学们来回顾一下,作者是@P大点S微博 里的高手,对于图层样式有很多精辟独到的见解,让人大开眼界,来学习一下. P ...

  3. 新手教程--手把手教你从零开始制作一款电商必备的商城小程序

    近年来,在电商.新零售趋势的影响下,实体零售商也都在谋求自身的渠道变革,完善消费体验.如今微信已有超过十亿的用户,市场巨大,而微信小程序的开通不仅能够降低品牌开发和营销成本,实现精准营销,提升品牌知名 ...

  4. 新手教程 | 手把手教你 谷歌浏览器如何使用HTTP代理?

    本文将针对谷歌浏览器如何使用代理IP进行详细说明,具体步骤如下: 1.代理IP信息查看 查看自己所购买的相对应的代理IP面板,点击代理IP -查看详情-进行查看"AuthKey"以 ...

  5. 如何重命名图层名称_PS新手教程:教你认识“图层”面板及图层面板的相关操作方法...

    PS新手教程:教你认识"图层"面板及图层面板的相关操作方法.在学习Photoshop的过程中,一切操作其实都是基于图层进行的,因为在处理图像时,图像都是以图层的形式存在的.在前面的 ...

  6. 镜播无人直播带货教程,手把手教你如何搭建直播间

    镜播无人直播带货新手教程,手把手教你如何搭建直播间 如果你一个人在家里面直播,没有直播中控来辅助你一个情况下怎么办?来教你一个什么叫做镜播.用镜子来做一个直播的辅助.在你的面前放一面镜子,下面是产品, ...

  7. PS新手教程!手把手教你创建未来科技感的扫描字体效果

    如果你是新手,这个教程可以让你更加了解Photoshop图层样式的强大之处.图层样式是绘制图片,文字效果的重要手段之一,所以小伙伴们平时也要注意多练练,熟悉和掌握这门技巧哦.废话说多了下面开始教程: ...

  8. PS教程!手把手教你绘制一枚写实的iPhone SE图标

    编者按:iPhone SE刚发布,今@无梦不欢001 来个应景教程,教你绘制一枚精美的图标,里边会介绍一个PS CC 2015才有的加强版图层样式的运用,关于渐变的讲解也非常细致,来收! 本期的内容所 ...

  9. 网课答案公众号小白教程——手把手教你创建自己的大学查题公众号

    网课答案公众号小白教程--手把手教你创建自己的大学查题公众号 1.很多新手想搭建属于自己的查题公众号! 所以我来写一个搜题公众号搭建教程,如果你想要做公众号方面的引流之类的,这个就非常不错! 废话不多 ...

最新文章

  1. NodeJs教程(介绍总结!)终于在网上找到一个靠谱点的了T_T
  2. LeetCode 61. 旋转链表
  3. Excel VBA遍历文件
  4. currency abap_Java Currency getDefaultFractionDigits()方法及示例
  5. 商品订单表怎么设计_三级分销系统系统设计
  6. STM32 - 定时器的设定 - 基础 - 05 - Arbitrary waveform generation using timer DMAburst feature - 任意波形的序列产生
  7. SQL 获取指定月份的天数
  8. 老齐python-基础7(文件操作、迭代)
  9. 首款预装鸿蒙2.0系统新机入网,4G版!
  10. vue添加html开启服务器_vue服务端渲染添加缓存
  11. Java8新特性学习_001_(Lambda表达式,函数式接口,方法引用,Stream类,Optional类)
  12. [裴礼文数学分析中的典型问题与方法习题参考解答]5.1.26
  13. [UE4]在UI中获取玩家角色实例
  14. 重学编程-编程入门指南 v1.4
  15. Linux查看系统运行时间
  16. 剑道独尊 无上剑意(下)
  17. 秦观 满庭芳-山抹微云 改阳韵
  18. Windows自带的播放器Media Player实现快进
  19. Js 时间间隔计算(间隔天数)
  20. 程序员面试:一年内年薪22万涨到60万,你来不来?网友:评论炸锅了!

热门文章

  1. 李天平:技术以外的功夫
  2. matlab中normfit的使用
  3. 电子元器件B2B商城系统开发:赋能企业构建进销存标准化流程实例
  4. java属于什么语言_java语言属于什么语言?
  5. 关于 JSON,什么是JSON
  6. 当代女性修身养性的箴言书——《读史做女人》
  7. #python#编程求主对角线元素之和
  8. 【二维数组】方阵主对角线元素对换
  9. 基于安卓/微信小程序的个人健康打卡系统
  10. 硬盘录像机服务器地址谁控制的,海康硬盘录像机通用设置方法