Ulzurrun de Asanza i Sàez

Tag: diseño gráfico

Aprende a crear fondos de pantalla con efectos tipográficos en Photoshop

Esta mañana me ha dado por crear un fondo de pantalla con Photoshop, y esta vez me he decantado por usar sólo palabras en diferentes colores. Sorprendentemente, es muy fácil crear fondos de pantalla con este tipo de efectos en Photoshop, basta con conbinar un par de colores y usar las máscaras.

A continuación os dejo mi primer videotutorial, explicando cómo crear el fondo.


Dale un efecto de hundido a tus textos con Fireworks

Texto Hundido: Antes y Después

Ayer estuve tratando de darle un efecto de hundido a un texto para un logo en Fireworks. Después de estar un rato sin lograr nada, me dispuse a buscar tutoriales para lograr el efecto en Photoshop, pero tampoco encontré lo que buscaba.

La solución apareció por si sola al cabo de otro rato de rebuscar entre las funciones de Fireworks: Basta con añadir una sobra interior. ¿Cómo? Lo explico a continuación.

Paso 1: Creamos un nuevo archivo, de tamaño 100px por 100px, y fondo de color #666.

Texto Hundido: Paso 1

Paso 2: Añadimos una frase, en mi caso “Prueba“, y cambiamos la tipografía a Arial, tamaño 28, en negrita y de color #333.

Texto Hundido: Paso 2

Paso 3: Añadimos un filtro al texto (Filtros -> Sombrear e iluminar -> Sombra interior). Dejamos los valores que están por defecto.

Texto Hundido: Paso 3.1

Texto Hundido: Paso 3.2

Y listo, es un efecto realmente sencillo de usar, y que puede ser muy útil, por ejemplo, para crear bonitos logos o para añadir interesantes efectos a nuestros menús. Para este último caso, podéis ver una imagen con el mismo texto pero usando diferentes colores en cada caso. Se puede ver que usando este método podemos lograr un interesante efecto al pasar el cursor sobre los elementos de nuestros menús.

Texto Hundido: Otros ejemplos