Un espacio para los entusiastas del web

Texto al estilo Mac

Publicado el 7 de Julio, 2004

Crearemos un texto al estilo mac, solo aplicando estilos a un texto en Photoshop.

Este efecto personalmente fue uno de los que
quise lograr primero en mis inicios con Photoshop, creo que muchos de los que
empiezan también desean poder hacerlo. Lo haremos de una de las maneras
más sencillas… con un texto y aplicando unos cuantos efectos a este.
Comencemos!

Primero creamos un nuevo documento de 640×480
pixels, con fondo transparente y resolución 300 pixels/inch. Luego rellenamos
el primer layer (capa) con un color de fondo, preferiblemente blanco para que
podamos apreciar mejor el efecto. Para rellenar el layer lo hacemos con la
herramienta Paint Bucket 1.

Tip: Si
deseas rellenar el layer sin necesidad de seleccionar la herramienta Paint
Bucket, presiona las teclas Alt+BackSpace simultáneamente y se rellenará con
el color que tengas seleccionado.

Ahora con la herramienta de Texto 2 escribe
el texto al que deseas aplicarle el efecto, el color de texto no importa por
el momento (presiona la tecla T para seleccionar automáticamente la herramienta).

En la ventana de layers presiona Click derecho
sobre el layer del texto; aparecerá un
menú, selecciona "Blending options…" o presiona doble click
en el layer y la ventana de Layer Style se abrirá.

3

Aquí
será donde le daremos el "toque" al estilo Mac a nuestro texto.

Nota: Los efectos que se aplicarán
a continuación pueden variar su presentación visual dependiendo
del tipo y tamaño de fuente. El efecto que se explica aquí se hizo con
el tipo de fuente "Times New Roman" y un tamaño de 30pt.

Aplicamos un color de fondo al texto, el código del color es: #00B4FF

4

Le damos un efecto de relieve (Bevel and Emboss):

Structure:
Style: Inner Bevel

Technique: Smooth
Depth: 100%
Direction: Up
Size: 5 px.
Soften: 0 px.

 


Shading:

Angle: 120
Altitude: 30
Highlight Mode: Screen, Opacity: 75%, Color: Blanco.
Shadow Mode: Color Dodge, Opacity 25%, Color: Blanco.

5

Ahora vamos con Inner Shadow, para darle el efecto de brillo
en los bordes.

Structure:

Blend Mode: Overlay, Color: Blanco.

Opacity: 100%

Angle: 120%

Distance: 3

Choke: 0 px.

Size: 6 px.

Quality:

Noise: 0

6

Le agregamos una sombra…

Structure:

Blend Mode: Multiplay

Opacity: 28%

Angle: 120%

Distance: 4

Choke: 0 px.

Size: 8 px.

7

Por último le aplicamos un borde (Stroke) de 1px de
color Azul: #00A5FA. Presionamos click en OK,
y el resultado final se tiene que ver algo así…

Texto Estilo Mac

Fácil! Puedes variar los valores para lograr
el efecto que mas te guste… prueba dejar el Inner Shadow en Size: 0, y verás…

Otros artículos relacionados

Califica esta nota:

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (No hay votos aún)
Loading ... Loading ...

Comentarios

  1. Aisengard

    Es un buen comienzo pero ojala que piensen en agregar cosas más sofisticadas a posteriori…


  2. Pensand0

    Me parecio muy interesante el articulo. Lo pondre en practica a ver.


  3. PIKO

    LA WEA XANTA!!!!!!!!!!!!!!


  4. falu

    Me parece un efecto muy bueno pero mejor seria siempre y cuando no tuviesemos que ir a Inglaterra para poderlo leer, aun somos españoles. Un saludo y gracias


  5. Jon

    buen intento, pero no se parece.


  6. se me olvido

    nada interesante, pero la intencion es la que cuenta!!, talvez en dias futuros pongan efectos mas sorprendentes!!


Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.


Sobre el Autor

Carlos Roberto Cabrera E.

Carlos Roberto Cabrera E.
Coordinador editorial y gráfico de Maestros del Web. Diseñador y programador de www.guat.net.

Más artículos de Carlos Roberto Cabrera E.

Las Notas en tu correo


Acerca de

Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web