浏览 10008 次 / [ GUI/APP ] 用PS制作逼真镜头Apple Aperture 图标详细教程
  • 发布时间 2014-07-30 23:22
  • 画镜头不难,无非就是「大圈套小圈,渐变叠渐变」。「拟合」一个镜头更容易,最终效果摆在那,照葫芦画瓢就是了,需要的就是耐心。这样「拟合」的多了自己也就会画了。

    既然题主问「多层镜片的镀膜和镜片透明发射光晕效果,及磨砂塑料部分的表现」,那旁的废话就不说了,先大概介绍一下。
    ----------------------------------------------------------------------------------------------------
    「镜片的光晕」其实就是各种渐变和半透图层叠在一块。
    55079088806a56bd289578e440280a32_b.jpg
    大概拆解一下,就是「底层的塑料壳」加「半透叠加彩虹渐变」加「各种白色半透高光」再加「浅浅的镜头光晕」。
    ----------------------------------------------------------------------------------------------------
    「磨砂塑料质感」确实可以通过叠加「杂色」层来获得,但是 Aperture 中的杂色层看起来要讲究一些,应该不是用「添加杂色」滤镜得到的。如下图。
    096045a7fccb66811c90eb079ba43252_b.jpg ==============================================================

    大大说了,「空谈误国,实干兴邦」。

    我忙里偷闲「拟合」了一下,没做完,就当是预告片吧(最关键的镜头部分完全没做呢)。
    注:颜色都是我自己找的,不一定准。

    先放效果对比图(左边是我画的)
    7891a4195ea5c125175e5be95ec1fef3_b.jpg

    ----------------------------------- STEP 1 最外层的塑料壳 ------------------------------------
    dab893acb0000d0a12195862f1b5c471_b.jpg
    一个角度渐变直接把底色确定。
    四个颜色#46454c、#23262b、#667380、#333740

    00f5a2facfcaa748bd01bdea444f9524_b.jpg 外面用 20% ~ 40% 的灰色角度渐变,正片叠底。
    里面用 50% 的灰正片叠底。

    22f22c4686e7f4c8ffe7019d53a86b2b_b.jpg
    找了这么个丑陋的材质。

    cb3bda6e3efac063b640f4ac4f09e7f3_b.jpg
    经过去色、反相、曲线、阈值、缩放等工序调处来这么两张更丑陋的材质

    e9bc33f1f7c294d8b982d8d3d805d591_b.jpg
    把这两张图用颜色减淡模式叠上,不透明度分别是10%(上)50%(下)

    748b7e77a8991d8604514b66a5f8434f_b.jpg
    外圈就这么着吧


    ----------------------------------- STEP 2 中间那层塑料壳 ------------------------------------

    1089c69bd08c8dd2589f7b5f6e3299c8_b.jpg
    角度渐变,颜色是#222226、#2e3033

    09a384a4b88adf9025a6df74e8b9cf63_b.jpg
    内阴影:纯黑、正片叠底、不透明度75%、角度-45、距离20、大小30

    f1402cddc2ef0072766a0568153da433_b.jpg
    外面叠个20%的圈,正片叠底

    477ce627079a4d82959457b1e673f034_b.jpg
    然后开始画那一层一层的东西,这么一个黑色半月牙,羽化0.5

    22ca86fccec793e74354638aa2e0dbe4_b.jpg
    右下角的白色半月牙,羽化0.5,不透明度30%

    fc2eef2e4dcb2c6cc590e0f86f3a3014_b.jpg
    为了让两个月牙达到这种效果,需要仔细调整两个月牙内外圆的大小
    我的数值是(图标大小1024*1024,图标圆形区域782*782):
    黑:外圆直径728、内圆直径725、内圆向下偏移3px向右偏移2px
    白:外圆直径730、内圆直径730、内圆向上偏移2px向左偏移1px
    这组数值不好(为什么不好就不费劲解释了),但是也能出效果……

    d733ee9e7caee1200e0e6cc3e47492a2_b.jpg
    用类似的关系做出全部五层

    d782fc4f6f9c0f0ccab18d862316693a_b.jpg
    4c69f0b0f930f46c48054d25bc357940_b.jpg
    为了加强层次,我又叠了这么一层圆环套圆环(稍有偏移)的投影,黑色,不透明度40%

    2d2405855ecba42bb3f3bcd15d242204_b.jpg
    覆个黑圆看看效果,在最里面用白色半月牙加个边缘高光
    好像少了点明暗效果。

    3aebb3628401290e177895e6e53ca3d8_b.jpg
    在固有色的上一层:羽化25的黑圆,加一个羽化8的矢量蒙版,不透明度80%

    23844dbc78e2cf9fedc05cf25d6061cd_b.jpg
    再叠一个羽化40的#5d5c66圆,60%透明。
    然后我发现颜色还是不大对,又在这层加了个内发光:#a3a3cc,大小160,滤色,不透明度75%。

    0913e04ee41c169bb29b2ef888abd692_b.jpg
    然后放在一块看,就有了这个效果。


    ----------------------------------- STEP 3 里面层塑料壳 ------------------------------------


    b4133a587b537dbeeaf96c9fce8b2e02_b.jpg
    还是先渐变,#222426(0%)、#090a0d(28%)、#2e3133(50%)、#090a0d(72%),120°。

    acdb6bf109becf7a2c8f99dfd1619d3b_b.jpg
    外边叠一层黑边

    e87ec48c38afe591666bb1da32022c4f_b.jpg
    靠里再加一圈,30%-60%灰正片叠底

    67e3d58bdb100d8c15b93342803b0e00_b.jpg
    这个黑圈要加1像素的羽化(我就是为了要那个羽化的边…有点多此一举…)

    8a58d84f304da071256595bd87c45bc6_b.jpg
    添加杂色,用曲线稍微调一下得到这么个材质

    5f1afe9e0ee015a6a0eefbe8ab18e33a_b.jpg
    柔光,不透明度10%。

    20b2708622ecd554582d582ad1a775f3_b.jpg
    这一步完成就是这样啦


    ----------------------------------- STEP 4 镜头内部的塑料 ------------------------------------

    这部分不写这么详细了,太长了……
    这部分的颜色都没有色调,因为后面要往上盖彩虹渐变。

    c06f4920ec8ac945df425bf831a32013_b.jpg
    一个白色半月牙,羽化3。
    为了控制透明度,我用白色透明度渐变,左上到右下20%(50%位置)~60%(100%位置)

    e8fa98747ea4f8dcfaa2509d420cb532_b.jpg
    (从这一步开始,圆心要向左偏2px 向上偏4px,我也不知道为啥……很奇怪)
    加一个中间亮,内外边缘暗的圆环。
    这块我是分两层做的,这样比较好控制:
    底下一层用50%的灰,加上浮雕(0%高光)和内阴影做一下大概的体积。
    上面一层是一个白色半月牙高光。

    79d6f1cded0fd660b07ebbbf7946b51f_b.jpg
    往里再加一个中间亮,边缘暗的圆环。
    同样是用浮雕(0%高光)和内阴影,这个不加高光。底色是15%的深灰。

    ba8b71839361f569a965eaeb511d98d9_b.jpg
    然后再往里,这个好做,一层一层套圈。
    最外一圈是5%深灰,依次往里6%、7%……10%。最里面纯黑。
    然后给每一层(除了最外层)都加一个阴影,不用太明显,不透明度25%,大小10。
    最后给这些圈统一加上「渐变叠加」,120°角度渐变,正片叠底,100%-60%-100%-40%-100%的灰。

    63bd5d4ceb02bfe10fbdfaca238e8591_b.jpg
    与上一步类似,再往里套圈。
    这三圈颜色从外到里 4%、5%、8%的深灰。

    2cda3052ed5fba86b53d97db1677049d_b.jpg
    继续往里画。这部分比较微妙,灵活运用。
    由外及内,10%灰(加阴影)、11%(加阴影)、12%(小黑洞洞周围的那一2px宽的小圆环)、8%(小黑洞洞,稍微加个内阴影)

    3de18ede9f2ecc470067dfb209213adf_b.jpg
    在里面区域用杂色增加一下质感。
    柔光,不透明度7%就可以。


    02417cde9eb9d9e29b9a1a34dcc0a699_b.jpg
    现在的效果就是这样啦(点开看大图~)


    ----------------------------------- STEP 5 大结局:镜头光晕 ------------------------------------


    这部分的颜色是要随着整体效果不断调整的,以实际情况为准。

    5cf0484fe1380bf25019f40ca6e222d3_b.jpg
    1b698f5bfa46629dc50423b9455854ff_b.jpg
    用径向渐变修正一下内部的对比度

    7da414c98c029571681006e600b94784_b.jpg
    「叠加」上一层这样的彩虹渐变(颜色可以根据效果适当调整)
    要稍微加上10px~20px的模糊,让中间没有那么锐利。

    732ceae97800342df74446e0164ea2e9_b.jpg
    在中间叠一层白色的圆,比彩圈要小,加一些羽化,让边缘不那么明显。

    6c8793e6f2e7f528a06b005d6e33d8b6_b.jpg
    da98ca9dea67e03c92fa65e45f9b3c52_b.jpg
    加右下角的反光,这一层是在彩虹渐变的下面。
    我分了三层做。
    最下面一层是不透明度10%左右的白色。
    中间一层是无填充,用内阴影把右下角提亮。
    最上面一层是用白色填充的形状加羽化,局部提亮。

    0657d08fa8be5d6656d23d0cfdb6d331_b.jpg
    按原图,用形状和羽化做出所有反光光斑,偶尔还会用无填充的内发光来提升效果。
    图层位置见上上图。

    181e0cd7df8ff84322128ae61f78977b_b.jpg
    7266216131d29b237a7a106335fe087f_b.jpg
    然后按照原图效果,把需要增强的的光斑用白色形状增强。


    5ebcf1e08a975ef3b55ef2aea431d7bb_b.jpg
    60bb4a9589de69024308c942a2f6d186_b.jpg
    用黑色加镜头光晕增强效果。
    我加了两层,用矢量蒙版控制效果。

    7b72c958ba9f79d2abf8d4a79b178477_b.jpg
    嫌效果不够,我又画了些圆来增强。

    634c7e01de0dec6fd8a64f3722cc476f_b.jpg
    最后加一层薄薄的云彩,颜色减淡,不透明度10%,让镜头的反光稍微复杂一点


    7ee2ad660392ff5b1554071fd8982f1b_b.jpg
    最后加上文字

    (可以用Ai的路径文字,加内阴影得到。当然我是扣出来的……),画上阴影。大功告成~



    http://www.zhihu.com/question/24598789/answer/28345645