Logotipo de la película Indiana Jones/Efecto de texto – Estrella de Photoshop

Pensé que celebraríamos el próximo lanzamiento de Indiana Jones IV, el Reino de la Calavera de Cristal ¡aprendiendo a rehacer el asombroso texto de Indiana Jones! Entonces, voy a intento para rehacer el efecto de texto usado en los carteles e imágenes promocionales 😛

¡Tenga en cuenta que el intento se enfatiza arriba! Esto es lo más cerca que pude conseguirlo, ¡espero que sea lo suficientemente bueno!

Texto de la película Indiana Jones - Tutorial de Photoshop

1. Creación de documentos

Necesitamos comenzar creando un nuevo documento. Para el documento en el que crearemos nuestro texto, debemos usar un tamaño de documento relativamente grande, usé 1600 x 1200 píxeles, con la resolución predeterminada. Usé este tamaño para poder redimensionarlo más pequeño más adelante cuando lo copie en otro documento.

2. Texto y fuente

Ir Google y busque la fuente Indiana Jones (SF Fedora), debería poder encontrarla como el resultado principal. De lo contrario, puede descargarlo desde cualquiera de estos enlaces directos: 2.

Una vez que haya descargado la fuente, (extráigala) cópiela en el directorio windows/fonts, o donde sea que su sistema operativo almacene las fuentes.

Vuelva a su documento de Photoshop. Seleccione la herramienta Texto horizontal y escriba su texto en el lienzo, usando un tamaño de fuente lo suficientemente grande como para ocupar la mayor parte del ancho del documento, usé un tamaño de fuente de 190 puntos. Para obtener un resultado lo más parecido posible al texto original, debes poner en mayúsculas las primeras letras de cada una de tus palabras, para que destaquen del resto.

Texto de fuente SF Fedora escrito

Ahora que tenemos el texto con la fuente correcta, debemos distorsionarlo un poco para que se parezca más al original, cerca de la parte superior de Photoshop (junto a la configuración de fuente, etc.) verá un icono que tiene una T y un camino curvo debajo, es el icono de texto deformado. Haga clic en él y juegue con la configuración hasta que obtenga un texto distorsionado que se vea bien.

Captura de pantalla de configuración de texto deformado

Debe haber todas las configuraciones que necesita en la imagen de arriba, si no, puede descargar los PSD completos al final del tutorial. Por último, para terminar la forma del texto, lo giré ligeramente hacia la izquierda (mantenga presionado control y presiona t para entrar en el modo de transformación). En la parte de estilo de nuestro texto.

3. Dale estilo a tu texto

Creo que es hora de añadir algo de vida a nuestro texto. Comience haciendo clic con el botón derecho en la capa de texto y vaya a la Opciones de fusiónluego haga clic y aplique los siguientes estilos/configuraciones de capa:

  1. Sombra paralela
  2. Gradiente de superposición
  3. Carrera

Definitivamente necesitará jugar con la configuración de estilo de capa anterior si está usando diferentes tamaños de fuente y todo, así que siéntase libre de hacerlo si se ve un poco fuera de lugar.

Después de aplicar estos estilos de capa, mi texto se ve así:

Estilos de capa aplicados Texto de Indiana Jones

Creo que ya hemos terminado con el texto, ¡ahora solo tenemos que hacer un buen fondo para que el texto continúe! Si desea aprender cómo hacer un fondo de papel genial como el que se muestra en la imagen de resultado en la parte superior de la página, siga los siguientes pasos.

4. Creación de fondo

Ahora vamos a crear un fondo muy bonito para que continúe el texto. Crea un nuevo documento en Photoshop, esta vez algo así como la mitad del tamaño del que usaste antes (800 x 600 píxeles).

Ahora querrás encontrar una buena textura de papel o algo así, hay algunas cosas bastante buenas en BittBox, aunque no estoy seguro de si es completamente adecuado. La textura de papel base que terminé usando fue una que creo que descargué de sxc.hu (stock.xchng) hace mucho tiempo, puedes descargarlo desde aquí.

Copie la textura de su papel en su nuevo documento y comience a trabajar haciendo con él lo que quiera, solo lo redimensioné para que encaje completamente dentro del documento. A continuación, es posible que desee agregar un poco más de interés/detalle agregando un poco de pincelado grunge en algunas capas nuevas, jugando con los modos de capa y las opacidades, etc.

Esto es lo que tengo después de un poco de cepillado:

Cepillado de grunge agregado a la textura

Si quieres ver todo lo que hice en segundo plano, debes descargar el archivo PSD al final de este tutorial. Lo último que hice para el fondo fue agregar una forma genial de mapa mundial y mezclarlo un poco. Puedes descargar el archivos de forma mundial que usé desde lukeroberts en deviantART.

Una vez que haya instalado las formas en Photoshop, arrastre el mundo uno al lienzo en una nueva capa, usando un color rojo oscuro (#622d23).

Forma de mapa mundial añadida

A esta capa de forma, luego cambié el modo de capa a De combustión linealbajó la opacidad a alrededor 80%y también bajó el relleno a alrededor 90%. Después de esto, es posible que desee llevar un borrador de grunge a la imagen de forma, o más eficientemente llevar un pincel de grunge a una máscara de capa agregada a la capa de forma.

Se agregaron cambios de capa y cepillado grunge

Ahora… tal vez podríamos agregar algunos detalles más antes de copiar el texto. ¿Qué hay del sombrero de Indy? Ve a Google Imágenes y ve si puedes encontrar una buena foto de su sombrero, cópiala en Photoshop y recórtala lo mejor que puedas.

Sombrero de Indiana Jones añadido

Ahora, oscurece un poco el sombrero de Indy si crees que es necesario (ctrl+l), luego redúzcalo un poco (ctrl+t).

Sombrero de Indiana Jones oscurecido y redimensionado

Luciendo bien. Ahora podemos copiar nuestro texto en el lienzo. Abra su otro documento, combine las capas de texto juntas si es necesario, luego cópielo y péguelo en su documento de fondo.

Texto copiado al fondo

En la imagen de arriba mi texto fue redimensionado a 40%cambie el tamaño de su texto a lo que sea adecuado.

Suponiendo que fusionó su capa de texto con otra capa para ‘aplicar’ los estilos de capa a los píxeles, aplique los siguientes estilos de capa a su capa de texto terminada, para darle un acabado más pulido:

  1. Brillo externo
  2. Gradiente de superposición

El brillo exterior resaltó un poco más el naranja brillante, me gusta bastante:

Estilos de capa aplicados a la capa de texto terminadaBueno, ya casi hemos terminado con esto, ¡pero continué agregando un poco más de textura e interesante…! 🙂

5. Pulido / Acabado

Para terminar, hagamos que toda la imagen se vea un poco más interesante. Cree una nueva capa, rellene la capa con blanco (#ffffff) y luego aplique Filtro > Ruido > Añadir ruido con una cantidad que aparecerá en el fondo blanco.

Filtro > Ruido > Agregar ruido – Configuración»/></p>
<p>Para la configuración de Ruido, puede usar Monocromático o no.  Después de hacer todo esto, presione <strong>ctrl+t</strong> y dimensionarlo un poco, para agrandar los píxeles de ruido.  Cambiar el modo de capa a <strong>Multiplicar</strong> y baje la opacidad si lo ve necesario, este efecto realmente no se nota demasiado, es solo un efecto agradable.  Si estaba ocultando y mostrando la capa, podrá ver un poco de diferencia.</p>
<p>Para rematar…</p>
<p>Primero, crea una nueva capa, presiona <strong>ctrl+shift+c</strong> y luego <strong>ctrl+v.</strong> Esto copia todo lo visible en su documento a una nueva capa.  Después de esto, aplica un filtro que te guste.  solía <strong>Filtro > Artístico > Grano de película</strong>.</p>
<p><a title=Filtro > Artístico – Grano de película – Ajustes»/></a></p>
<ul>
<li>Grano: 4</li>
<li>Resaltar área: 0</li>
<li>Intensidad: 10</li>
</ul>
<p>Este es un efecto realmente genial, pero tal vez un poco demasiado intenso.  Baje la opacidad de esta capa a algo alrededor <strong>30-50%</strong>.</p>
<p><img src=

Siéntase libre de probar otros filtros y modos de capa, etc.

Completo

¡Parece que hemos terminado! Espero que hayan disfrutado este tutorial de Photoshop, todos.

Recuerde siempre ser creativo y agregar sus bits adicionales al gráfico (¡mientras sigue el tutorial!)

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un post sobre Fiverr donde te contamos cono funciona.

Deja un comentario