2012-06-28 66 views
8

我们目前正在构建iPhone应用程序,并希望文字具有发光效果以适应逼真的UI设计。在iOS上创建发光文字效果

这是我们正在努力实现的目标。

glowing text

我们正在努力创造此刻所以任何帮助,将不胜感激内发光效果。

在Photoshop这个文本有

  • 的#98c1c1
  • 外发光颜色:#FFFFFF,屏幕混合模式,30%的不透明度,大小为5px。
  • 内部发光:#c79d85,Color Dodge混合模式,70%不透明度,5px尺寸。

谢谢, 马克。

+1

这可能会帮助你:http://stackoverflow.com/questions/1420131/iphone-text-glow-effect或者这个http://www.redrobotstudios.com/blog/2010/04/29/create-发光软阴影文本的iPhone/ – TheZ

回答

13

要设置按钮与文本着色#98c1c1,使用:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 100, 100, 60)]; 
label.textColor = [UIColor colorWithRed:((float)152/255) green:((float) 193/255) blue:((float) 193/255) alpha:1.0f]; 

我使用Photoshop查找的#98c1c1 RGB分量,这结束了R:152 G:193 B:193。而colorWithRed:green:blue:alpha:取0和1之间的标准值,这就是为什么我把它的RGB值超过255

对于外发光,使用方法:

label.layer.shadowColor = [UIColor whiteColor].CGColor; 
label.layer.shadowOffset = CGSizeMake(0.0, 0.0);  
label.layer.shadowRadius = 10.0; 
label.layer.shadowOpacity = 0.3; 
label.layer.masksToBounds = NO; 

你想的不透明度为30%和阴影颜色#ffffff(白色)。这就是为什么label.layer.shadowOpacity设置为0.3(30%)并且label.layer.shadowColor设置为白色。

我不太确定如何实现内部发光,但是您可能会创建一种方法来复制文本,但会使字体更小并居中新文本,以创建内部发光效果。请记得导入<Quartzcore/Quartzcore.h>

+0

非常感谢!我们会试试这个。 – markstewie