7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fan Art

Cómo Hacer un Logo de la Liga de la Justicia en Photoshop e Illustrator

Read Time: 16 mins

Spanish (Español) translation by Alison Pumapillo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial del logo de escudo, vamos a recrear el logo de una película que está por estrenarse, la Liga de la Justicia. En la película, el logo probablemente se creó utilizando un software 3D, pero eso no nos impedirá recrearlo utilizando Photoshop e Illustrator.

Aprenderemos cómo hacer un logo con formas vectoriales en Illustrator, y luego, también veremos cómo hacer un logo en Photoshop para mejorar su aspecto.

Como verás, este es un completo tutorial de Photoshop e Illustrator para crear símbolos fanart de la Liga de la Justicia. Pero, si no tienes tiempo para aprender a hacer un logo fanart de la Liga de la Justicia desde cero, tenemos una solución para ti. Visita la enorme biblioteca de plantillas de logos de Envato Elements. Allí encontrarás cientos de logos de escudos para elegir y personalizar en minutos.

Logo de Envato Elements descargable y personalizable, cómo hacer un logoLogo de Envato Elements descargable y personalizable, cómo hacer un logoLogo de Envato Elements descargable y personalizable, cómo hacer un logo
Este genial logo de escudo de Envato Elements está listo para descargar y personalizar.

¡Sigue bajando después de este tutorial de Photoshop e Illustrator para encontrar algunos de los mejores logos de escudos como este!

Lo que aprenderás en este tutorial de Photoshop e Illustrator para hacer un logo de la Liga de la Justicia:

  • Cómo dibujar un boceto vectorial en Illustrator 
  • Cómo exportar rutas vectoriales a Photoshop
  • Cómo aplicar texturas
  • Cómo añadir iluminación al fondo
  • Cómo añadir luces y reflejos

Lo que necesitarás:

En este tutorial de Photoshop e Illustrator para crear símbolos fanart de la Liga de la Justicia he utilizado los siguientes recursos:

1. Cómo dibujar un boceto vectorial en Illustrator

Paso 1

En primer lugar, dibujaremos nuestro logo fanart en un software vectorial, Adobe Illustrator. Si quieres, puedes dibujarlo directamente en Photoshop, pero yo, personalmente, prefiero Illustrator ya que ofrece un mejor control de la edición vectorial. En Illustrator, crea un Nuevo documento (Archivo > Nuevo). Cualquier tamaño es aceptable.

Crea un nuevo documento, cómo hacer un logoCrea un nuevo documento, cómo hacer un logoCrea un nuevo documento, cómo hacer un logo

Paso 2

Activa la herramienta Rectángulo y haz clic una vez en el lienzo vacío. Aparecerá un cuadro de diálogo que nos pedirá las dimensiones del rectángulo que queremos hacer. Ajústalo a 13 cm x 12 cm. Haz clic en el botón OK para que el rectángulo tenga exactamente ese tamaño.

Dibuja un rectángulo, cómo hacer un logoDibuja un rectángulo, cómo hacer un logoDibuja un rectángulo, cómo hacer un logo

Paso 3

Asegúrate de haber activado las Guías inteligentes (Vista > Guías inteligentes). Selecciona la forma de rectángulo. Con la herramienta Pluma, haz clic en el centro del borde inferior para añadir un nuevo punto de anclaje.

Añade un nuevo punto de anclaje, cómo hacer un logoAñade un nuevo punto de anclaje, cómo hacer un logoAñade un nuevo punto de anclaje, cómo hacer un logo

Paso 4

Tira del nuevo punto de anclaje hacia abajo usando la herramienta de Selección directa mientras mantienes presionada la tecla Shift.

Arrastra hacia abajo el nuevo punto, cómo hacer un logoArrastra hacia abajo el nuevo punto, cómo hacer un logoArrastra hacia abajo el nuevo punto, cómo hacer un logo

Paso 5

Mientras la forma está seleccionada, haz clic en Objeto > Trayectoria > Trayectoria de desplazamiento. Establece un tamaño de desplazamiento negativo hasta que hayamos creado la forma del marco. Asegúrate de que la opción Vista previa está seleccionada, ya que te permitirá ver el resultado final en tiempo real.

Desplazamiento negativo, cómo hacer un logoDesplazamiento negativo, cómo hacer un logoDesplazamiento negativo, cómo hacer un logo

Paso 6

Usando la herramienta de Selección directa, selecciona dos puntos de anclaje en la parte superior. Añade una pequeña cantidad de radio de esquina en la Barra de opciones.

Añade radio de vértice, cómo hacer un logoAñade radio de vértice, cómo hacer un logoAñade radio de vértice, cómo hacer un logo
Añade radio de vértice, cómo hacer un logoAñade radio de vértice, cómo hacer un logoAñade radio de vértice, cómo hacer un logo

Paso 7

Hemos terminado de crear el marco, así que pasemos a crear las letras. Puedes intentar buscar una fuente que se ajuste a la forma original de las letras, pero en este tutorial de Photoshop e Illustrator las dibujaremos desde cero. Empezaremos con una forma de rectángulo como base para la letra J.

Añade un ractángulo, cómo hacer un logoAñade un ractángulo, cómo hacer un logoAñade un ractángulo, cómo hacer un logo

Paso 8

Duplica la forma (Control-C, Control-V) y luego hazla Rotar a 90°. Fíjala a la parte inferior de la letra J. Duplica otra forma y úsala para la parte superior de la letra J.

Añade otro rectángulo, cómo hacer un logoAñade otro rectángulo, cómo hacer un logoAñade otro rectángulo, cómo hacer un logo
Cambia el trazo, cómo hacer un logoCambia el trazo, cómo hacer un logoCambia el trazo, cómo hacer un logo
Añade otro trazo, cómo hacer un logoAñade otro trazo, cómo hacer un logoAñade otro trazo, cómo hacer un logo

Paso 9

Necesitamos mover algunos puntos de anclaje usando la herramienta de Selección directa. Observa las siguientes imágenes como referencia.

Mueve el punto de anclaje, cómo hacer un logoMueve el punto de anclaje, cómo hacer un logoMueve el punto de anclaje, cómo hacer un logo
Mueve el punto de anclaje en la letra J, cómo hacer un logoMueve el punto de anclaje en la letra J, cómo hacer un logoMueve el punto de anclaje en la letra J, cómo hacer un logo

Paso 10

Una vez que estés satisfecho con el resultado, tenemos que combinar todas las formas en una sola letra J. Selecciona las formas y luego haz clic en Unir en el panel Buscatrazos.

Selecciona todas las formas y únelas, cómo hacer un logoSelecciona todas las formas y únelas, cómo hacer un logoSelecciona todas las formas y únelas, cómo hacer un logo
Crea una letra J, cómo hacer un logoCrea una letra J, cómo hacer un logoCrea una letra J, cómo hacer un logo

Paso 11

Selecciona todos los puntos de anclaje y luego agrega un Radio de vértice.

Aplica un radio de vértice a todos los puntos, cómo hacer un logoAplica un radio de vértice a todos los puntos, cómo hacer un logoAplica un radio de vértice a todos los puntos, cómo hacer un logo

Paso 12

Añade un Radio de vértice mayor en las esquinas de los dos puntos de anclaje en la parte inferior de la letra J.

Añade un mayor radio de vértice, cómo hacer un logoAñade un mayor radio de vértice, cómo hacer un logoAñade un mayor radio de vértice, cómo hacer un logo

Paso 13

Usando un método similar al de los pasos anteriores, dibuja la letra L. Comenzamos con un rectángulo. Asegúrate de que la forma del rectángulo tiene el mismo grosor que el utilizado en la letra J.

Dibuja una letra L, cómo hacer un logoDibuja una letra L, cómo hacer un logoDibuja una letra L, cómo hacer un logo

Paso 14

Arrastra su borde derecho hacia arriba utilizando la herramienta de Selección directa.

Dibuja una letra L con Selección directa, cómo hacer un logoDibuja una letra L con Selección directa, cómo hacer un logoDibuja una letra L con Selección directa, cómo hacer un logo

Paso 15

Añade otro rectángulo.

Añade un ractágulo a la letra, cómo hacer un logoAñade un ractágulo a la letra, cómo hacer un logoAñade un ractágulo a la letra, cómo hacer un logo

Paso 16

Selecciona ambas formas y haz clic en Combinar para unirlas en una sola letra L.

Combina las formas de las letras, cómo hacer un logoCombina las formas de las letras, cómo hacer un logoCombina las formas de las letras, cómo hacer un logo
Creamos una letra L, cómo hacer un logoCreamos una letra L, cómo hacer un logoCreamos una letra L, cómo hacer un logo

Paso 17

Si observamos detenidamente el trazado vectorial, nos daremos cuenta de que hay algunos puntos de anclaje innecesarios, como los dos puntos que se muestran a continuación. Es recomendable mantener siempre el trazado limpio y libre de puntos de anclaje sobrantes. Haz clic en ambos puntos con la herramienta Pluma para eliminarlos.

Elimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logo
Elimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logo
Elimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logoElimina los puntos de anclaje innecesarios, cómo hacer un logo

Paso 18

Aquí hay más puntos de anclaje que debemos eliminar.

Elimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logoElimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logoElimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logo
Elimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logoElimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logoElimina los puntos de anclaje innecesarios de la letra J, cómo hacer un logo
Resultado final al quitar los puntos de anclaje, cómo hacer un logoResultado final al quitar los puntos de anclaje, cómo hacer un logoResultado final al quitar los puntos de anclaje, cómo hacer un logo

Paso 19

Añade una forma de estrella usando la herramienta Estrella. Colócala en el medio de las letras.

Dibuja un forma de estrella, cómo hacer un logoDibuja un forma de estrella, cómo hacer un logoDibuja un forma de estrella, cómo hacer un logo
Posiciona la estrella en el medio, cómo hacer un logoPosiciona la estrella en el medio, cómo hacer un logoPosiciona la estrella en el medio, cómo hacer un logo

Paso 20

Selecciona la estrella y luego Cópiala (Control-C). A continuación, selecciona la estrella y una letra. En el panel Buscatrazos, selecciona Restar.

Posiciona la forma de estrella, cómo hacer un logoPosiciona la forma de estrella, cómo hacer un logoPosiciona la forma de estrella, cómo hacer un logo
Resultado de agregar una forma de estrella, cómo hacer un logoResultado de agregar una forma de estrella, cómo hacer un logoResultado de agregar una forma de estrella, cómo hacer un logo

Paso 21

Presiona Control-F para Pegar el objeto estrella que hemos copiado antes en el mismo lugar. Selecciona la estrella y la letra restante, y luego haz clic en Restar en el panel Buscatrazos.

Resta el otro lado de la estrella, cómo hacer un logoResta el otro lado de la estrella, cómo hacer un logoResta el otro lado de la estrella, cómo hacer un logo
result after both star shapes subtractedresult after both star shapes subtractedresult after both star shapes subtracted

2. Cómo exportar trazados vectoriales a Photoshop

Paso 1

Ya hemos terminado con las formas vectoriales, así que vamos a pasarlas a Photoshop. Selecciona todas las formas que hemos creado y presiona Control-C.

Copia trazos de Illustrator y pégalos en Photoshop, cómo hacer un logoCopia trazos de Illustrator y pégalos en Photoshop, cómo hacer un logoCopia trazos de Illustrator y pégalos en Photoshop, cómo hacer un logo

Paso 2

Abramos Photoshop. Crea un Nuevo archivo (Control-N).

Crea un nuevo lienzo en Photoshop, cómo hacer un logoCrea un nuevo lienzo en Photoshop, cómo hacer un logoCrea un nuevo lienzo en Photoshop, cómo hacer un logo

Paso 3

Haz clic en el icono Añadir capa de ajuste en la parte inferior del panel Capas para añadir un Color sólido. En el siguiente cuadro de diálogo, selecciona un color oscuro (#0e0f16) para el fondo del lienzo.

Establece el color de fondo en gris oscuro, cómo hacer un logoEstablece el color de fondo en gris oscuro, cómo hacer un logoEstablece el color de fondo en gris oscuro, cómo hacer un logo
Lienzo vacío en Photoshop, cómo hacer un logoLienzo vacío en Photoshop, cómo hacer un logoLienzo vacío en Photoshop, cómo hacer un logo

Paso 4

Pulsa Control-V para Pegar el trazado vectorial que hicimos anteriormente en Illustrator. Pégalo como una Capa de forma.

Copia trazos en Photoshop como una capa de forma, cómo hacer un logoCopia trazos en Photoshop como una capa de forma, cómo hacer un logoCopia trazos en Photoshop como una capa de forma, cómo hacer un logo
Resultado de pegar la forma, cómo hacer un logoResultado de pegar la forma, cómo hacer un logoResultado de pegar la forma, cómo hacer un logo

Paso 5

Haz Doble clic en la miniatura de la capa de forma y cambia su color a un tono gris oscuro (#414650).

Cambia la forma de la capa de color, cómo hacer un logoCambia la forma de la capa de color, cómo hacer un logoCambia la forma de la capa de color, cómo hacer un logo

Paso 6

Ahora, vamos a mover las letras y el marco a capas separadas. Este paso facilitará el proceso de edición. Selecciona las rutas de las letras y pulse Control-Shift-J.

Mueve la letra a su propia capa, cómo hacer un logoMueve la letra a su propia capa, cómo hacer un logoMueve la letra a su propia capa, cómo hacer un logo
Separa las capas, cómo hacer un logoSepara las capas, cómo hacer un logoSepara las capas, cómo hacer un logo

Paso 7

Cambia el color a un tono gris más claro (#78757b).

Camcia el color de la letra, cómo hacer un logoCamcia el color de la letra, cómo hacer un logoCamcia el color de la letra, cómo hacer un logo
Resultado luego de cambiar el color, cómo hacer un logoResultado luego de cambiar el color, cómo hacer un logoResultado luego de cambiar el color, cómo hacer un logo

Paso 8

Repite el proceso para tu marco, y muévelo a una capa separada. Recuerda que ahora tenemos 3 capas de forma: una para las letras JL, otra para su marco y otra para el fondo en forma de pentágono.

Cambia el color del marco, cómo hacer un logoCambia el color del marco, cómo hacer un logoCambia el color del marco, cómo hacer un logo

Paso 9

Asegúrate de que la capa de forma de las letras esté seleccionada y luego haz doble clic en la capa para añadir algunos estilos. Queremos añadir Bisel y Relieve para añadir un poco de efecto 3D a la superficie de las letras. Resplandor interior y Superposición de degradado ayudarán a añadir iluminación a la superficie de las letras. Y la ventana Sombra de caída elevará las letras de su fondo.

Aplica bisel y relieve en la capa de forma de las letras, cómo hacer un logoAplica bisel y relieve en la capa de forma de las letras, cómo hacer un logoAplica bisel y relieve en la capa de forma de las letras, cómo hacer un logo
Aplica estilos en la capa de forma de las letras, cómo hacer un logoAplica estilos en la capa de forma de las letras, cómo hacer un logoAplica estilos en la capa de forma de las letras, cómo hacer un logo
Aplica Resplandor interior en la capa de forma de las letras, cómo hacer un logoAplica Resplandor interior en la capa de forma de las letras, cómo hacer un logoAplica Resplandor interior en la capa de forma de las letras, cómo hacer un logo
Aplica superposición de degradado en la capa de forma, cómo hacer un logoAplica superposición de degradado en la capa de forma, cómo hacer un logoAplica superposición de degradado en la capa de forma, cómo hacer un logo
Aplica estilo en la capa de forma de las letras, cómo hacer un logoAplica estilo en la capa de forma de las letras, cómo hacer un logoAplica estilo en la capa de forma de las letras, cómo hacer un logo
Añade una sombra de caída en la capa de forma, cómo hacer un logoAñade una sombra de caída en la capa de forma, cómo hacer un logoAñade una sombra de caída en la capa de forma, cómo hacer un logo
Aplica estilos en la capa de formas, cómo hacer un logoAplica estilos en la capa de formas, cómo hacer un logoAplica estilos en la capa de formas, cómo hacer un logo

Paso 10

También tenemos que añadir estilos a la capa del marco. Para el marco, añade un Resplandor interior grande con un Degradado en blanco a negro para añadir una iluminación metálica a la superficie.

Aplica bisel y relieve en las capas de estilo, cómo hacer un logoAplica bisel y relieve en las capas de estilo, cómo hacer un logoAplica bisel y relieve en las capas de estilo, cómo hacer un logo
Aplica estilos de resplandor interior, cómo hacer un logoAplica estilos de resplandor interior, cómo hacer un logoAplica estilos de resplandor interior, cómo hacer un logo
Añade una superposición de degradado en el logo, cómo hacer un logoAñade una superposición de degradado en el logo, cómo hacer un logoAñade una superposición de degradado en el logo, cómo hacer un logo
Editor de degradados, cómo hacer un logoEditor de degradados, cómo hacer un logoEditor de degradados, cómo hacer un logo
Añade estilos en los elementos del logo, cómo hacer un logoAñade estilos en los elementos del logo, cómo hacer un logoAñade estilos en los elementos del logo, cómo hacer un logo
Aplica una Sombra de caída, cómo hacer un logoAplica una Sombra de caída, cómo hacer un logoAplica una Sombra de caída, cómo hacer un logo
Resulado después de aplica estilos de capas, cómo hacer un logoResulado después de aplica estilos de capas, cómo hacer un logoResulado después de aplica estilos de capas, cómo hacer un logo

Paso 11

También debemos añadir estilos al fondo del logotipo.

Añade sombra interior, cómo hacer un logoAñade sombra interior, cómo hacer un logoAñade sombra interior, cómo hacer un logo
Resultado de añadir sombras inteiores, cómo hacer un logoResultado de añadir sombras inteiores, cómo hacer un logoResultado de añadir sombras inteiores, cómo hacer un logo
Añade resplandor interior, cómo hacer un logoAñade resplandor interior, cómo hacer un logoAñade resplandor interior, cómo hacer un logo
Resultado de añadir resplandor interior, cómo hacer un logoResultado de añadir resplandor interior, cómo hacer un logoResultado de añadir resplandor interior, cómo hacer un logo
Añade un estilo de capas Satinado, cómo hacer un logoAñade un estilo de capas Satinado, cómo hacer un logoAñade un estilo de capas Satinado, cómo hacer un logo
Añade una superposición de color, cómo hacer un logoAñade una superposición de color, cómo hacer un logoAñade una superposición de color, cómo hacer un logo
Resulado de añadir los estilos de capa, cómo hacer un logoResulado de añadir los estilos de capa, cómo hacer un logoResulado de añadir los estilos de capa, cómo hacer un logo

3. Cómo aplicar texturas

Paso 1

El logo tiene un aspecto tridimensional, pero todavía es demasiado plano. Para solucionarlo, tenemos que añadir una textura. Elige la textura metálica número 4. Colócala encima de la capa de forma de las letras. Reduce la Opacidad de la capa al 60% y luego presiona Control-Alt-G para convertir la textura en una Máscara de recorte.

Añade textura metalizada, cómo hacer un logoAñade textura metalizada, cómo hacer un logoAñade textura metalizada, cómo hacer un logo
Aplica textura metalizada, cómo hacer un logoAplica textura metalizada, cómo hacer un logoAplica textura metalizada, cómo hacer un logo
Establece la textura como una máscara de recorte, cómo hacer un logoEstablece la textura como una máscara de recorte, cómo hacer un logoEstablece la textura como una máscara de recorte, cómo hacer un logo

Paso 2

Añade otra textura metálica, esta vez la número 8. Colócala sobre la forma de las letras y al igual que la textura anterior, conviértela en una Máscara de recorte.

Añade otra textura metalizada, cómo hacer un logoAñade otra textura metalizada, cómo hacer un logoAñade otra textura metalizada, cómo hacer un logo
Aplica otra textura metalizada, cómo hacer un logoAplica otra textura metalizada, cómo hacer un logoAplica otra textura metalizada, cómo hacer un logo

Paso 3

Añadamos otra textura, esta vez de mármol, para agregar líneas onduladas aleatorias a través de las letras. Presiona D para restablecer el color de fondo y de primer plano a sus valores predeterminados, blanco y negro. Crea una Nueva capa y luego haz una nueva Selección que cubra las letras. Haz clic en Filtro > Ruido > Nubes.

Añade una textura marmoleada, cómo hacer un logoAñade una textura marmoleada, cómo hacer un logoAñade una textura marmoleada, cómo hacer un logo

Paso 4

Haz clic en Filtro > Ruido > Nubes de diferencia.

Añade un filtro de nubes de diferencia, cómo hacer un logoAñade un filtro de nubes de diferencia, cómo hacer un logoAñade un filtro de nubes de diferencia, cómo hacer un logo

Paso 5

Presiona Control-F un par de veces para aplicar otro filtro de Nubes de diferencia. Una vez que consigas algunas formas interesantes, presiona Control-Alt-G para convertirlo en una Máscara de recorte y pon la textura dentro de las formas de las letras. En el panel de Capas, cambia su Modo de fusión de capas a Superposición y reduce su Opacidad.

Crea más nubes de diferencia, cómo hacer un logoCrea más nubes de diferencia, cómo hacer un logoCrea más nubes de diferencia, cómo hacer un logo
Aplica la textura de nubes de diferencia, cómo hacer un logoAplica la textura de nubes de diferencia, cómo hacer un logoAplica la textura de nubes de diferencia, cómo hacer un logo

Paso 6

Y, por supuesto, tenemos que añadir textura al marco. Esta vez, utiliza una textura de concreto. Colócala sobre el marco, reduce su Opacidad y conviértela en una Máscara de recorte.

Añade una textura de concreto, cómo hacer un logoAñade una textura de concreto, cómo hacer un logoAñade una textura de concreto, cómo hacer un logo
Aplica una textura de concreto, cómo hacer un logoAplica una textura de concreto, cómo hacer un logoAplica una textura de concreto, cómo hacer un logo

Paso 7

Añade otra textura de metal, sitúala encima del marco con una Opacidad baja, y luego conviértela en una Máscara de recorte.

Añade una textura de metal, cómo hacer un logoAñade una textura de metal, cómo hacer un logoAñade una textura de metal, cómo hacer un logo
Aplica una textura de metal como máscara de recorte, cómo hacer un logoAplica una textura de metal como máscara de recorte, cómo hacer un logoAplica una textura de metal como máscara de recorte, cómo hacer un logo

Paso 8

No te olvides de añadir textura al fondo del logo.

Añade una textura de concreto al logo, cómo hacer un logoAñade una textura de concreto al logo, cómo hacer un logoAñade una textura de concreto al logo, cómo hacer un logo
Aplica una textura de concreto como máscara de recorte, cómo hacer un logoAplica una textura de concreto como máscara de recorte, cómo hacer un logoAplica una textura de concreto como máscara de recorte, cómo hacer un logo

4. Cómo añadir iluminación al fondo

Paso 1

Añade una Nueva capa y colócala encima del logo fanart de la Liga de la Justicia. Activa la herramienta Pincel. Haz clic derecho para abrir la lista de pinceles disponibles. Selecciona un Pincel de dispersión. Pinta de blanco el interior del fondo del logo.

Añade una sutil iluminación en el logo, cómo hacer un logoAñade una sutil iluminación en el logo, cómo hacer un logoAñade una sutil iluminación en el logo, cómo hacer un logo
Pinta zona de luz con el pincel de dispersión, cómo hacer un logoPinta zona de luz con el pincel de dispersión, cómo hacer un logoPinta zona de luz con el pincel de dispersión, cómo hacer un logo

Paso 2

Suaviza el trazo del pincel aplicando un filtro de Desenfoque gaussiano en Filtro > Desenfoque > Desenfoque gaussiano. Utiliza un Radio de vértice de un gran tamaño hasta que el trazo esté completamente difuminado. En el panel Capas, reduce su Opacidad y establece su Modo de fusión de capas como una Superposición.

Difumina el trazo del pincel, cómo hacer un logoDifumina el trazo del pincel, cómo hacer un logoDifumina el trazo del pincel, cómo hacer un logo
Aplica iluminación, cómo hacer un logoAplica iluminación, cómo hacer un logoAplica iluminación, cómo hacer un logo

Paso 3

Añade otra pincelada blanca para iluminar más la escena.

Aplica otra iluminación, cómo hacer un logoAplica otra iluminación, cómo hacer un logoAplica otra iluminación, cómo hacer un logo
Establece el modo de fusión como una capa, cómo hacer un logoEstablece el modo de fusión como una capa, cómo hacer un logoEstablece el modo de fusión como una capa, cómo hacer un logo
Resultado luego de aplicar iluminación, cómo hacer un logoResultado luego de aplicar iluminación, cómo hacer un logoResultado luego de aplicar iluminación, cómo hacer un logo

Paso 4

Todavía tenemos que añadir a mano sombras más fuertes a las letras. Añade una Nueva capa y colócala debajo de la capa de forma de las letras. Haz control-clic en la miniatura de la capa de las letras para hacer una nueva selección basada en su forma.

Selecciona las letras, cómo hacer un logoSelecciona las letras, cómo hacer un logoSelecciona las letras, cómo hacer un logo

Paso 5

Rellena la selección con color negro. A continuación, presiona Control-D para eliminar la selección. Usando la herramienta Mover, mueve la sombra unos pocos píxeles hacia abajo. Mantén la sombra suave aplicando un filtro de Desenfoque gaussiano (Filtro > Desenfoque > Desenfoque gaussiano) y reduciendo su Opacidad.

Crea una sombra detrás de las letras, cómo hacer un logoCrea una sombra detrás de las letras, cómo hacer un logoCrea una sombra detrás de las letras, cómo hacer un logo
Difumina la sombra, cómo hacer un logoDifumina la sombra, cómo hacer un logoDifumina la sombra, cómo hacer un logo
Baja la opacidad de las sombras, cómo hacer un logoBaja la opacidad de las sombras, cómo hacer un logoBaja la opacidad de las sombras, cómo hacer un logo

Paso 6

Añadamos otra textura al logo fanart. Crea una Nueva capa y traza una selección que cubra el logo fanart de la Liga de la Justicia. Haz clic en Filtro > Ruido > Nubes.

Añade texturas de nubes, cómo hacer un logoAñade texturas de nubes, cómo hacer un logoAñade texturas de nubes, cómo hacer un logo

Paso 7

Haz clic en Filtro > Ruido > Nubes de diferencia unas cuantas veces hasta que consigas una textura interesante.

Añade más textura, cómo hacer un logoAñade más textura, cómo hacer un logoAñade más textura, cómo hacer un logo

Paso 8

Haz clic en Imagen > Ajustes > Niveles o presiona Control-L. En el cuadro de diálogo Niveles, arrastra el triángulo blanco hasta que tengas un buen contraste dentro de la selección.

Añade un ajuste de niveles, cómo hacer un logoAñade un ajuste de niveles, cómo hacer un logoAñade un ajuste de niveles, cómo hacer un logo

Paso 9

Para aislar la textura de las letras y su marco, necesitaremos una máscara. Haz control-clic en la miniatura de la capa de las letras y luego Shift-Control-clic en la miniatura de la capa del marco. Añada una Máscara a la capa de forma y luego establece su Modo de fusión de capa a un Color más oscuro con 30% de Opacidad.

Separa la textura, cómo hacer un logoSepara la textura, cómo hacer un logoSepara la textura, cómo hacer un logo
Establece el modo de fusión a un color más oscuro, cómo hacer un logoEstablece el modo de fusión a un color más oscuro, cómo hacer un logoEstablece el modo de fusión a un color más oscuro, cómo hacer un logo

Paso 10

Queremos añadir profundidad a la escena. Pinta de blanco en una Nueva capa usando un Pincel redondo suave. Si quieres que sea más suave, aplica un filtro de Desenfoque gaussiano (Filtro > Desenfoque > Desenfoque gaussiano). Reduce la Opacidad de la capa y establece el Modo de fusión como una Superposición.

Pinta en blanco en una nueva capa, cómo hacer un logoPinta en blanco en una nueva capa, cómo hacer un logoPinta en blanco en una nueva capa, cómo hacer un logo
Establece el modo de fusión como una superposición, cómo hacer un logoEstablece el modo de fusión como una superposición, cómo hacer un logoEstablece el modo de fusión como una superposición, cómo hacer un logo

Paso 11

Repite este paso para añadir otra luz suave en la escena.

Añade más iluminaciones suaves, cómo hacer un logoAñade más iluminaciones suaves, cómo hacer un logoAñade más iluminaciones suaves, cómo hacer un logo

Paso 12

No te olvides de añadir la zona oscura. En la esquina superior izquierda, pinta un punto negro al azar y dale un toque sutil haciéndolo transparente. Añade un poco de Desenfoque gaussiano si es necesario.

Pinta pixeles oscuros en el fondo, cómo hacer un logoPinta pixeles oscuros en el fondo, cómo hacer un logoPinta pixeles oscuros en el fondo, cómo hacer un logo

Paso 13

Vamos a añadir un fondo granulado para crear un ambiente oscuro para la escena en general. Para ello, añade una Nueva capa y dale en Rellenar para darle un color blanco. Haz clic en Filtro > Ruido > Añadir ruido. Asegúrate de que la opción Monocromático está seleccionada. Haz clic en OK. Cambia el Modo de fusión de capas a Multiplicar para conservar todos los píxeles oscuros y ocultar los píxeles blancos a la vista.

Añade ruido, cómo hacer un logoAñade ruido, cómo hacer un logoAñade ruido, cómo hacer un logo
Establece el modo de fusión en Multiplicar, cómo hacer un logoEstablece el modo de fusión en Multiplicar, cómo hacer un logoEstablece el modo de fusión en Multiplicar, cómo hacer un logo

Paso 14

Queremos añadir un tono azul al fondo. En el panel Capas, añade un Filtro fotográfico y selecciona Azul como su color. De forma predeterminada, la Capa de ajuste del Filtro fotográfico se aplicará a todos los píxeles que se encuentren debajo de ella. Para limitarlo al fondo, selecciona su Máscara de capa y pinta sobre el logo con color negro.

Aplica un filtro fotográfico en el fondo, cómo hacer un logoAplica un filtro fotográfico en el fondo, cómo hacer un logoAplica un filtro fotográfico en el fondo, cómo hacer un logo
Pinta en la máscara de filtro fotográfico, cómo hacer un logoPinta en la máscara de filtro fotográfico, cómo hacer un logoPinta en la máscara de filtro fotográfico, cómo hacer un logo

5. Cómo añadir luces y reflejos

Paso 1

Crea una Nueva capa. Haz control-clic en la capa de forma de las letras para hacer una nueva selección con base en la forma de las letras. Haz clic en Editar > Trazo. En el cuadro de diálogo, configura el color blanco como Color de trazo con un ancho de 1 px. Haz clic en OK para confirmar el resultado.

Añade trazos, cómo hacer un logoAñade trazos, cómo hacer un logoAñade trazos, cómo hacer un logo
Aplica el trazo, cómo hacer un logoAplica el trazo, cómo hacer un logoAplica el trazo, cómo hacer un logo

Paso 2

Utilizando la herramienta Borrador con 0% de Dureza, borra la mayoría de las partes de la línea de trazo y deja algunas en las esquinas de las letras.

Añade un reflejo luminoso, cómo hacer un logoAñade un reflejo luminoso, cómo hacer un logoAñade un reflejo luminoso, cómo hacer un logo

Paso 3

Duplica la línea de trazo y aplica el filtro Desenfoque gaussiano para suavizar la línea. Reduce la Opacidad de la capa para que sea más sutil.

Aplica un efecto de difuminación a la línea, cómo hacer un logoAplica un efecto de difuminación a la línea, cómo hacer un logoAplica un efecto de difuminación a la línea, cómo hacer un logo

Paso 4

Repite el mismo proceso para su marco.

Añade más luz al marco, cómo hacer un logoAñade más luz al marco, cómo hacer un logoAñade más luz al marco, cómo hacer un logo

Paso 5

Haz un acercamiento al centro de las letras, justo en el área vacía de la estrella. Usando un Pincel redondo suave, pinta una vez en una Nueva capa con un color amarillo claro.

Utiliza el pincel para añadir iluminación, cómo hacer un logoUtiliza el pincel para añadir iluminación, cómo hacer un logoUtiliza el pincel para añadir iluminación, cómo hacer un logo

Paso 6

Presiona Control-T para Transformar la pincelada.

Transforma el trazo de la pincelada, cómo hacer un logoTransforma el trazo de la pincelada, cómo hacer un logoTransforma el trazo de la pincelada, cómo hacer un logo

Paso 7

Mantén pulsada la tecla Control y arrastra su esquina para desviar el trazo del pincel. Presiona Enter para confirmar el resultado de la transformación.

Transforma la iluminación, cómo hacer un logoTransforma la iluminación, cómo hacer un logoTransforma la iluminación, cómo hacer un logo
Resultados luego de la transformación, cómo hacer un logoResultados luego de la transformación, cómo hacer un logoResultados luego de la transformación, cómo hacer un logo

Paso 8

Repite los pasos anteriores, añada una pincelada rápida y luego desvíala. Repite esta operación unas cuantas veces hasta que tengamos un reflejo de luz lo suficientemente grande como para rellenar el espacio.

Repite el reflejo de luz, cómo hacer un logoRepite el reflejo de luz, cómo hacer un logoRepite el reflejo de luz, cómo hacer un logo
Resultado de añadir reflejos de luz, cómo hacer un logoResultado de añadir reflejos de luz, cómo hacer un logoResultado de añadir reflejos de luz, cómo hacer un logo

Paso 9

Pinta de blanco el fondo del logo detrás del reflejo de la estrella para rellenarlo con luz.

Rellena la estrella del fondo con luz, cómo hacer un logoRellena la estrella del fondo con luz, cómo hacer un logoRellena la estrella del fondo con luz, cómo hacer un logo
Resultado de añadir luz, cómo hacer un logoResultado de añadir luz, cómo hacer un logoResultado de añadir luz, cómo hacer un logo

Paso 10

Podemos añadir otro reflejo de luz en la otra parte del logo fanart donde la luz cae. En esta escena, la fuente de luz imaginaria se colocó en la esquina superior derecha. Uno de los mejores puntos para añadir el próximo reflejo es la parte inferior izquierda nuestro logo fanart de la Liga de la Justicia. Al igual que en los pasos anteriores, solo tenemos que pintar una suave luz amarilla sobre la zona.

Agrega brillo en el borde del marco, cómo hacer un logoAgrega brillo en el borde del marco, cómo hacer un logoAgrega brillo en el borde del marco, cómo hacer un logo

Paso 11

Dale un toque más realista pintando de nuevo con un pincel más pequeño con blanco u otro color claro.

Añade otro reflejo de luz, cómo hacer un logoAñade otro reflejo de luz, cómo hacer un logoAñade otro reflejo de luz, cómo hacer un logo
Añade más reflejos, cómo hacer un logoAñade más reflejos, cómo hacer un logoAñade más reflejos, cómo hacer un logo
Resultado de añadir luz, cómo hacer un logoResultado de añadir luz, cómo hacer un logoResultado de añadir luz, cómo hacer un logo

Paso 12

Utilizando las mismas técnicas, vamos a añadir otro reflejo de luz en la esquina superior derecha. Teniendo en cuenta que es aquí donde se ha colocado la fuente de luz imaginaria, el reflejo debería ser más grande y fuerte.

Añade un gran reflejo de luz en la esquina superior derecha, cómo hacer un logoAñade un gran reflejo de luz en la esquina superior derecha, cómo hacer un logoAñade un gran reflejo de luz en la esquina superior derecha, cómo hacer un logo

¡Terminaste de diseñar tu logo fanart de la Liga de la Justicia!

Este es nuestro resultado final. Como puedes ver, hemos pintado mucho a mano y hemos añadido algunos reflejos sutiles para mantener el realismo de la escena. También nos apoyamos en las texturas para darle más realismo a la forma fácilmente.

Gracias por acompañarme, y espero que hayas aprendido algunas técnicas útiles de este sencillo tutorial. Si has seguido el tutorial, asegúrate de publicar el resultado en los comentarios, me encantaría verlo.

Tutorial de Photoshop e Illustrator para hacer logo de la Liga de la JusticiaTutorial de Photoshop e Illustrator para hacer logo de la Liga de la JusticiaTutorial de Photoshop e Illustrator para hacer logo de la Liga de la Justicia

Los 5 mejores logos de escudos en Envato Elements

Ahora que has aprendido a cómo hacer un logo de la Liga de la Justicia desde cero, exploremos algunas alternativas listas para usar.

Estos increíbles logos de escudos están disponibles en Envato Elements. Puedes descargar todos los que quieras con una sola suscripción. ¡Echemos un vistazo!

1. Diseño de logo de escudo azul con ala (en formatos AI, EPS, JPG, PDF, PNG, PSD)

Diseño de logo de escudo azul con ala (AI, EPS, JPG, PDF, PNG, PSD)Diseño de logo de escudo azul con ala (AI, EPS, JPG, PDF, PNG, PSD)Diseño de logo de escudo azul con ala (AI, EPS, JPG, PDF, PNG, PSD)

Los logos de escudo azul son una opción popular y multipropósito. Este logo de escudo presenta un bonito degradado azul y un ala. Puedes usarlo para una variedad de marcas y editarlo sin perder la calidad.

2. Excellence - Plantilla de logo de escudo (en formatos AI, EPS)

Excellence - Plantilla de logo de escudo (AI, EPS)Excellence - Plantilla de logo de escudo (AI, EPS)Excellence - Plantilla de logo de escudo (AI, EPS)

Este es un elegante logo de escudo que también presenta un monograma y un diseño sencillo. Si deseas darle un aspecto más refinado y pulcro al diseño de tu logo de la Liga de la Justicia, esta es una excelente opción.

Esta plantilla de logo de escudo es 100% vectorial escalable y puedes personalizarla completamente en Illustrator, ahora que sabes cómo hacer un logo en Illustrator.

3. Diseño del logo de escudo en blanco (en formatos AI, EPS)

Diseño del logo de escudo en blanco (AI, EPS)Diseño del logo de escudo en blanco (AI, EPS)Diseño del logo de escudo en blanco (AI, EPS)

Este diseño de logo de escudo funciona perfectamente como un logo de escudo en blanco, ya que puedes reemplazar fácilmente los iconos y el texto con los de tu propio diseño. Este logo de escudo en blanco es perfecto para el branding, los artículos de papelería, el diseño de empaques y mucho más. ¡Personalízalo en Illustrator!

4. Diseño de logo de escudo de automóvil (en formatos AI, EPS, JPG, PDF, PNG, PSD)

Diseño de logo de escudo de automóvil (AI, EPS, JPG, PDF, PNG, PSD)Diseño de logo de escudo de automóvil (AI, EPS, JPG, PDF, PNG, PSD)Diseño de logo de escudo de automóvil (AI, EPS, JPG, PDF, PNG, PSD)

¿Estás buscando un logo de escudo moderno para una marca de automóviles? Este es un logo de escudo de automóvil muy elegante. Este logo de escudo también puede ser una alternativa para crear tu logo de la Liga de la Justicia, ¡puedes personalizarlo con tu propio diseño y crear un logo fanart épico!

5. Escudo azul con degradado (en formatos AI, EPS, PDF, PNG, PSD)

Escudo azul con degradado (AI, EPS, PDF, PNG, PSD)Escudo azul con degradado (AI, EPS, PDF, PNG, PSD)Escudo azul con degradado (AI, EPS, PDF, PNG, PSD)

Esta es otra fantástica opción si estás buscando logos de escudos azules. El diseño presenta un moderno degradado azul que rodea el escudo. Este logo de escudo es apto para varias industrias y fue diseñado 100% con vectores.

Descubre más tutoriales y recursos de diseño de logos increíbles

Ya sabes cómo hacer un logo inspirado en la película de la Liga de la Justicia en Photoshop. Ahora, puedes seguir mejorando tus habilidades y descubrir más recursos de diseño de logos en estos artículos:

Nota editorial: Este artículo fue actualizado con la contribución de Maria Villanueva. Maria es la Editora asociada del canal Tuts+ Design.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads