2012-06-28 16 views
8

Actualmente estamos creando una aplicación para iPhone y nos gustaría que el texto tenga un efecto brillante para que encaje con el diseño de interfaz de usuario realista.Crear efecto de texto brillante en iOS

Esto es lo que estamos tratando de lograr.

glowing text

estamos luchando para crear el efecto de resplandor interior en el momento por lo que cualquier ayuda sería muy apreciada.

en Photoshop Este texto tiene

  • un color de # 98c1c1
  • resplandor exterior: #ffffff, modo de mezcla de la pantalla, el 30% de opacidad, tamaño 5px.
  • Brillo interior: # c79d85, modo de mezcla Color Dodge, 70% de opacidad, tamaño 5px.

Gracias, Marca.

+1

Esto posiblemente puede ayudarlo: http://stackoverflow.com/questions/1420131/iphone-text-glow-effect o este http://www.redrobotstudios.com/blog/2010/04/29/create- glow-soft-shadow-text-on-iphone/ – TheZ

Respuesta

13

Para configurar el botón con el texto en color # 98c1c1, utilice:

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]; 

he utilizado Photoshop para encontrar los componentes RGB de # 98c1c1, que terminó siendo R: 152 G: 193 B: 193. Y colorWithRed:green:blue:alpha: toma un valor normalizado entre 0 y 1, y por eso lo hice el valor RGB más de 255.

Para el brillo exterior, utilice:

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; 

desea que el opacidad al 30% y el color de la sombra #ffffff (blanco). Es por eso que label.layer.shadowOpacity se establece en 0.3 (30%) y label.layer.shadowColor en blanco.

No estoy muy seguro acerca de cómo implementar el resplandor interior, pero que posiblemente podría crear un método que duplica el texto, pero hace que la fuente más pequeña y centra el nuevo texto, para crear el efecto de un resplandor interior. ¡Recuerde importar <Quartzcore/Quartzcore.h>!

+0

¡Muchas gracias! Vamos a intentar esto. – markstewie

Cuestiones relacionadas