如何在iOS中实现透视文本效果?

时间:2014-08-04 04:20:47

标签: ios swift calayer catextlayer

我真的想在我的iOS应用中实现透视文本样式效果。在Photoshop中创建所需的效果非常简单,但我不知道如何在代码中实现这一点。

应用于文本的效果只显示文本下方的背景,但它变暗(或变亮)以使其可见。文本根本没有填充,它只是增强了文本的背景。

这是我想要获得的:
enter image description here
enter image description here

此效果类似于"幻灯片解锁" iOS 7.1+上的文字(在滑动动画发生之前),但我想要显示更多的图像。

怎么能创造这样的效果呢?我只需要支持iOS 8 +。

这就是如何在Photoshop中创建效果(可能更简单的方法):

  1. 打开图片
  2. 将图像复制到另一个图层
  3. 更改混合模式(将叠加设置为更暗,或将屏幕设置为更亮)
  4. 添加图层蒙版
  5. 选项/ alt单击图层蒙版并将填充更改为黑色
  6. 在需要的地方添加白色文字
  7. Alt单击图层蒙版
  8. 它不仅仅是创建黑色或白色标签并降低不透明度。这就是你做这件事时的样子:
    enter image description here

3 个答案:

答案 0 :(得分:2)

你做的与photoshop完全相同,但步骤较少:

  • 创建一个CALayer对象并将云的图像粘贴在其中。
  • 创建CATextLayer对象并将文本放在
  • 设置CATextLayer的混合模式,它与photoshop有很多相同的混合模式列表
  • 将文字颜色设置为白色(使用NSAttributedString我认为......不能记住)
  • 根据您的需要调整文本图层的不透明度。默认值为1.0,看起来不会很好。

将两个图层放在UIView中。

没有必要限制自己使用iOS 8.所有这些都可以追溯到iOS 1.0。

答案 1 :(得分:0)

查看GPUImage库,非常棒,并且有一些非常整洁的图像过滤器,如叠加,混合,乘法等。

https://github.com/BradLarson/GPUImage

答案 2 :(得分:0)

在iOS中,我用快速语言编写代码。我创建了一个图层。将图层属性设置为layer.opacity = 0.5。您可以将此属性更改为您想要的透明。在此图层中添加文字,图纸等。图层已经看到效果