En este tutorial, les voy a mostrar los procedimientos que realicé para diseñar este texto con efecto de roca en Photoshop.Lo que me inspiro para este diseño fue una montaña nevada que vi en una foto el otro día, y me puse a ver si podía crear un efecto parecido con un resultado interesante!

Durante el tutorial, vamos a usar varios modos de fusión para las capas, algo de técnicas de selección, y varios efectos con filtros y brushes dinámicos. Es un buen tutorial para principiantes de Photoshop, hagan el intento

Este sería el resultado final del tutorial:

Esta es una versión alternativa al cual le agregue una nube y un poco de color:

Traducción: PSDVault

Empecemos!

Paso 1

Creen un documento nuevo de 800×800 pix y rellenen el fondo con color Negro.

Vamos a crear un efecto de iluminación para el fondo. Usen la herramienta de degradado (G) y seleccionen la opción de degrade radial, rellenen la capa de fondo como se muestra abajo.

Paso 2

Descarguen y copien esta fuente (CGF_Locust_Resistance) y escriban algo de texto en el documento. Modifiquen el tamaño (si es necesario) y posicionen el texto en el centro del documento.

En la capa de texto, apliquen las siguientes opciones de fusión:

Sombra Paralela

Sombra Interior

Resplandor Exterior

Resplandor Interior

Bisel y Relieve (Outer Bevel= Inglete Exterior)

Superposición de Degradado

Así queda el efecto hasta ahora:

Nota: El escritor olvido mencionar en la parte del Bisel y Relieve la Textura. Pueden usar el motivo que viene por defecto (de burbujas) jugando un poco con los valores de Escala y Profundidad. Yo utilice Escala 73 y Profundidad -382.

Paso 3

Descarguen una copia de esta textura, cárguenla en Photoshop y muevanla a nuestro documento. Presionen Ctrl+T para agrandar la imagen tanto sea necesario. Luego manteniendo presionado Ctrl vamos a hacer clic en la miniatura de la capa de texto para seleccionarlo.

Luego, seleccionamos nuevamente la capa de la textura que acabamos de cargar y hacemos un copiar y pegar.

Paso 4

Dupliquen la capa de texto con la textura (la creada después de hacer el copiar y pegar) y oculten la esta nueva copia.

Seleccionamos la original y vamos a Imagen, Ajustes, Blanco y Negro. Ponemos los siguientes valores:

Cambien el modo de fusión de esta capa a Trama.

Pongan visible la copia de que hicimos hace un rato y pongan su modo de fusión en Superponer. El efecto quedaría como el siguiente:

Paso 5

En el paso anterior, podemos ver la parte blanca del texto que parece nieve, nada realista pero podemos agregar mas textura para que se vea mejor!

Para hacer esto, descarguen la esta textura de nieve y cárguenla en Photoshop. Vamos a hacer algo parecido a lo que hicimos con la textura anterior, solo que esta vez vamos a hacer algunas cosas diferentes. Vamos a seleccionar nuevamente el texto como anteriormente hicimos, solo que ahora presionando la tecla Alt vamos a hacer un rectángulo (con la herramienta de marco rectangular) en la parte baja del texto.

La selección quedará así:

Presionen Alt + Ctrl + D y pongan un valor de 10 pix. Usen esta selección para copiar y pegar la textura de nieve al igual que la vez anterior.

Si quieren agregar un poco mas de nieve, pueden usar el tapón de clonar (S).

Esta capa la vamos a nombrar como textura de nieve. Apliquen Imagen, Ajustes, Curvas:

Nos quedará así:

Paso 6

Para añadir un poco mas de dinamismo al efecto, vamos a crear una capa llamada nieve desprendida. Seleccionen un pincel básico suave de 3 pix con las siguientes configuraciones:

También seleccionen Suavizar.

En la capa “nieve desprendida” usen el pincel alrededor del texto como se muestra en la siguiente imagen:

Ahora agreguen Filtro, Desenfoque, Desenfoque Gaussiano con el siguiente valor:

El efecto quedaría de la siguiente manera:

Bueno esto es todo el tutorial. Para mi resultado agregue otra textura de rocas debajo del texto, hice un ajuste menor al brillo/saturación del texto y cambie su ángulo.

Pueden ir mejorando el resultado usando algunos filtros, alguna que otra textura para el fondo, etc. Pero se los dejo a ustedes.

Espero que les haya gustado el tutorial! Cualquier consulta no duden en hacerla. El PDF por el momento se los devo, lo subiré asap. Saludos!

En este tutorial vamos a crear un efecto de brillo para textos, explicando paso a paso, usando combinaciones de estilos de capa, la herramienta pluma y mezclas de color. El efecto final es bastante impresionante, por cualquier duda pueden plantearla en un comentario.

Traducción de: Free Web Design

Configuración del documento.

Lo primero es configurar nuestro área de trabajo. Este tutorial esta hecho en CS3 pero la ventana de nuevo documento es bastante similar. Yo opte por trabajar sobre un tamaño A4, pero pueden usar el formato que deseen. Asegúrense de que la resolución este en 300 ppp. También si luego prefieren imprimir la imagen, cambien el modo de color RGB a CMYK, la diferencia en general no es notable, pero si en una impresión de inyección de tinta.
Antes de ir en el paso 2, si prefieren el documento a lo ancho, pueden rotarlo. Para ello, ir a Imagen> Rotación de imagen> 90 ° CW.

Establecer degrade.

Lo siguiente seria aplicar el color a nuestro documento. Para esto, busquemos la herramienta de degradado de la barra de herramientas (1). Luego cambien el color frontal y de fondo por los que ustedes quieran, intenten que sean oscuros. Yo elegí un púrpura oscuro (color de fondo) con negro (color frontal). Asegúrense de que este seleccionado gradiente lineal (2). La opacidad al 100%, y por último arrastre una línea de degrade desde la parte superior de la página a la parte inferior (3.) Me parece más natural si no lo hacen exactamente vertical, el efecto que estamos tratando de conseguir es simular el movimiento real de la luz, que es casi nunca es exacto.

Hacer el dibujo de texto.

Seleccionen la herramienta pluma (1.) de la barra de herramientas. Les aparecerán algunas opciones debajo de la barra de menú, asegúrense de seleccionar la segunda, llamada caminos (2.) Ahora están listos para hacer el dibujo. Al hacer clic en el ratón se añadirán puntos de anclaje o “nodos” que se conectan automáticamente, para conseguir el efecto curvo tienen que hacer clic, mantener presionado y mover el cursor.
Deberán tratar de lograr un movimiento fluido como si estuvieran escribiendo con una lapicera. Posiblemente necesiten practica, pero igualmente luego pueden mover los nodos con la herramienta de selección directa (A).

Iluminación.

Ahora creen una capa nueva y vallan a Edición> Contornear, seleccionen el color blanco y un ancho de unos 5 píxeles. Haga clic en Aceptar y les quedara una línea blanca (1.). Trabajando bien el texto un rato lograran algo mejor de lo que yo hice, pero no sean precisos, recuerden que estamos simulando realidad!
Ahora tienen la linea blanca, hagan clic derecho sobre la misma capa y vallan al Opciones de Fusión. A la izquierda, seleccionen Resplandor Exterior. Ahí pueden ajustar el brillo, jugar con los colores hasta que haya una luz natural (2.), por último, seleccionen la herramienta borrador con un pincel suave básico (3.) y poner la opacidad al 35%, borrar la línea cerca de los bordes del documento.

Movimiento.

Bueno ahora estamos listos para simular algunas manchas de luz natural. En primer lugar duplicamos la capa de texto dos veces, para esto ir a Capa> Duplicar capa. Seleccionamos ambas capas y presionamos Ctrl+E para combinarlas (1.), arrastra la capa combinada por debajo de la capa de texto original.
Ahora debería tener 3 capas, una de fondo, la duplica del texto y el texto original. Vallan al menú principal y seleccionen Imagen> Ajustes> Brillo/Saturación. En este menú modifiquen los valores hasta que lleguen a una sombra agradable. Yo escogí rosa pero depende de los colores con los que ustedes estén trabajando. Nuevamente vallan al menú principal (asegurándose que estén en la capa combinada) y vallan a Filtro> Desenfoque> Desenfoque radial, fijar la cantidad a 23 y presionar Ok. Ahora combinen las capas de la forma que se nombro anteriormente.

Mejora de Profundidad.

Hasta ahora todo bien, falta agregarle iluminacion de fondo para dejar la imagen mas interesante. Para ello recomiendo la creación de 4 capas en blanco encima de su texto. Pueden hacer más si se quieren, depende de uno hasta dónde vas con esa parte de la imagen. En estas capas creen una variedad de circulos al azar(1.), y cambien sus colores a los colores posibles de luz (es decir, rosa, azul, blanco o cualquier color que haya utilizado). Haga esto con diferentes colores en cada una de las 4 capas. Ahora, utilizando la herramienta Desenfoque en el menú principal (Filtros> Desenfoque> Desenfoque Gaussiano) desenfoquen (2.) de forma diferente cada capa. (por ejemplo, la capa 1 a 10 píxeles, nivel 2 – 5 píxeles, etc…) Experimentando con diferentes matices, los colores y la opacidad hasta que les quede a gusto. Puede que incluso, puede dar un poco de movimiento con el desenfoque de movimiento, como les guste!

Terminando.

Bueno, ahora la imagen sólo necesita ser pulida. La forma de realizar esto queda a gusto de cada uno, pero esto es lo que yo recomiendo para un buen efecto.
En primer lugar, seleccione un pincel suave desde el menú herramientas, ajuste la opacidad al 35% en la barra de menú y en una nueva capa pongan algunas manchas de diferentes tamaños y matices cerca de las líneas principales. Luego seleccionamos la herramienta sobreexponer desde el menú y en un 50% de opacidad iluminar los puntos donde las lineas se crucen. Por último seleccione la herramienta subexponer y seleccionen un pincel suave (mientras más grande, mejor) en un 35% de opacidad y pasen por la parte inferior alrededor de los bordes de la imagen.
Es posible que quieran modificar el brillo y contraste ya que los bordes de la imagen ahora están mas oscuras. Hagan esto haciendo clic en Imagen> Ajustes> Brillo/Contraste.

Intenten jugar con las diferentes funciones del photoshop que vieron hoy, y así crear imágenes únicas. Cualquier cosa que no hayan entendido pónganla en forma de comentario. Un saludo!

Descargar Texto Brillante.

Suscribite a nuestros feeds vía email para recibir los nuevos tutoriales a tu email!

Nuevo tutorial donde se enseña a crear un simple pero atractivo efecto de texto que se puede utilizar para diversos temas! Además aprenderán a crear un reflejo o iluminación.

Descargar Tutorial.

Texto PE es un tutorial ya un tanto viejo. Anteriormente tenia un sitio llamado Photoelite y este era el texto usado para las noticias, de aquí viene este efecto de texto y su nombre!

Descargar Tutorial.

En este tutorial, como su nombre lo dice, se enseña a crear el mismo efecto de la imagen de muestra. Es simple, pero atractivo.

Descargar Tutorial.