苹果是如何在苹果音乐中制作专辑封面背后的模糊效果的？

Question

这似乎是一种模糊的影子，但我似乎找不到合适的工具来重新创建它。我已经查看了ciImage，但不知道如何开始。非常感谢您的指导！

- rocky raccoon

---

只是通过视觉观察 - 并且具有一些知识，您可以链接各种CI过滤器（使用一个的输出作为下一个的输入） - 我敢打赌他们正在使用模糊来“扩展最底层（注意左上角的金色），然后（2）在其上叠加一些东西（这不是CI），例如略微弯曲的白色图层，然后在其上是专辑（现在还这么称呼吗？）艺术品。 - user7014451

Answer 1

您可以使用UIImage和Core Image Filters（CIFilters）来实现此效果。通过使用两个UIImageView，它们具有相同的图像（或者通过编程复制封面ImageView），然后将CIGaussianBlurFilter和CIExposureAdjust应用于背景上的一个UIImageView。如果您做得对，它可能看起来像这样。

- Lalo Mrtnz

Answer 2

纯HTML，CSS和JS。

CodePen: https://codepen.io/livehelp/pen/yLXmqWB?editors=1000

重要提示：为了正确地看到下方的反射，请不要使用蓝色的“运行代码片段”按钮。相反，请单击蓝色的“展开片段”链接，然后单击蓝色的“运行代码片段”按钮。

<style>
body {margin: 5%;}  
img { width:300px; position:relative; z-index:1; border-radius: 10px; }  
#srblur {
position:relative;
transform: translate(-100%, 7%) scale(1.1);
z-index:0;
filter: blur(20px);
opacity:0.7;
}
</style>
<img src="https://images-na.ssl-images-amazon.com/images/I/71-S-DJ5YML._SL1000_.jpg" />
<script>  
  var elmnt = document.getElementsByTagName("img")[0];
  var cln = elmnt.cloneNode(true);
  document.body.appendChild(cln);
  cln.id = "srblur";
</script>

- Sean Sr

Answer 3

你可以使用UIVisualEffectView来实现这个功能。

let blurEffect = UIBlurEffect(style: .Light)
let visualEffectView = UIVisualEffectView(effect:blurEffect)
visualEffectView.frame = imageView.bounds
imageView.addSubview(visualEffectView) // album artwork imageview, 

- Ravi

---

我认为这只会模糊艺术封面。此外，背景似乎是一个具有巨大半径的阴影路径；不知何故，阴影路径的颜色是艺术品的颜色。我尝试过 artworkImage.layer.shadowColor = UIColor(patternImage: image)，但它只显示原始图像。 - rocky raccoon

请查看以下链接：https://github.com/NobelLiu/NLImageColor/blob/master/NLImageColor/NLImageColor.swift - Ravi