Erstelle einen leuchtenden Texteffekt auf iOS

8

Wir bauen gerade eine iPhone-App und möchten, dass der Text einen leuchtenden Effekt hat, der in das realistische UI-Design passt.

Hier versuchen wir zu erreichen.

Wir haben Mühe, im Moment den inneren Leuchteneffekt zu erzeugen, damit jede Hilfe geschätzt wird.

In Photoshop hat dieser Text

  • eine Farbe von # 98c1c1
  • Äußeres Leuchten: #ffffff, Bildschirmüberblendungsmodus, 30% Deckkraft, 5 px.
  • Inneres Glühen: # c79d85, Farbmischungs-Mischmodus, 70% Deckkraft, 5 px.

Danke, Mark.

    
markstewie 28.06.2012, 22:17
quelle

1 Antwort

13

Um die Schaltfläche mit dem Text # 98c1c1 einzurichten, verwenden Sie:

%Vor%

Ich habe Photoshop verwendet, um RGB-Komponenten von # 98c1c1 zu finden, die schließlich R: 152 G: 193 B: 193 waren. Und colorWithRed:green:blue:alpha: nimmt einen normalisierten Wert zwischen 0 und 1, und deshalb habe ich den RGB-Wert über 255 gemacht.

Für das äußere Leuchten verwenden Sie:

%Vor%

Sie möchten, dass die Deckkraft 30% und die Schattenfarbe #ffffff (weiß) beträgt. Deshalb ist label.layer.shadowOpacity auf 0.3 (30%) und label.layer.shadowColor auf Weiß gesetzt.

Ich bin mir nicht ganz sicher, wie das innere Glühen implementiert werden soll, aber Sie könnten möglicherweise eine Methode erstellen, die den Text dupliziert, aber die Schrift verkleinert und den neuen Text zentriert, um den Effekt eines inneren Glimmens zu erzeugen. Denken Sie daran, <Quartzcore/Quartzcore.h> ! Zu importieren!

    
pasawaya 28.06.2012 22:43
quelle

Tags und Links