1. Design & Illustration
  2. Logo Design

Cómo crear un genial emblema en Photoshop

by
Read Time:10 minsLanguages:

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

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

En los siguientes pasos, aprenderás cómo hacer un genial emblema en Photoshop y cómo resaltar mejor tu diseño final.

Lo que aprenderás en este tutorial de emblema en Photoshop

  • ¿Qué es un emblema?
  • Cómo crear un emblema en Photoshop
  • Cómo resaltar mejor el diseño final de tu emblema

Si quieres evitar la molestia de aprender cómo elaborar un emblema, siempre puedes probar un generador de emblema personalizado. Explora una sorprendente colección de diseños de emblemas para gaming de Placeit ¡para crear fácilmente tu propio diseño!

Lo que necesitarás

Requerirás los siguientes recursos para crear un emblema en Photoshop:

1. Cómo crear un nuevo documento y configurar una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles desde el menú desplegable Unidades y establece la Anchura y la Altura en 850. Selecciona RGB para el Modo de color y luego haz clic en el botón OK.

Habilita la cuadrícula (Ver > Mostrar > Cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a > Cuadrícula). Necesitarás una cuadrícula cada 5 px, así que vayamos a Edición > Preferencias > Guías, cuadrícula y sectores e introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desanimarte por toda esa cuadrícula, te facilitará el trabajo y ten presente que puedes habilitarla o deshabilitarla fácilmente utilizando el atajo de teclado Control-".

Ahora que todo está configurado, aprendamos qué es un emblema y cómo elaborar uno fantástico en Photoshop.

Un emblema es un diseño representativo utilizado como una insignia distintiva para una entidad particular. En este tutorial, aprenderás cómo elaborar un diseño de emblema para un clan de gamers.

new documentnew documentnew document

2. Cómo crear un escudo para el diseño del emblema

Paso 1

Ahora que sabes lo que es un emblema, aprendamos cómo realizar un emblema en Photoshop.

Toma la herramienta Elipse (U) desde la barra de herramientas y crea una forma de 460 x 530 px. Elimina el color del Trazo aplicado a esta forma y cambia el color del Relleno a R=0 G=156 B=255.

Con esta forma seleccionada, cambia a la herramienta Convertir punto de ancla desde la barra de herramientas y simplemente haz clic en el punto de ancla inferior.

emblem design shieldemblem design shieldemblem design shield

Paso 2

Selecciona la herramienta Rectángulo (U) de la barra de herramientas y crea una forma de 460 x 265 px. Cambia el color del Relleno para este rectángulo a un amarillo aleatorio. Puedes disminuir la opacidad de esta nueva forma para asegurarte de que la estés colocando exactamente como se muestra en la siguiente imagen.

emblem design rectangleemblem design rectangleemblem design rectangle

Paso 3

Vuelve a seleccionar la herramienta Elipse (U) desde tu barra de herramientas y crea una forma de 460 x 100 px. Cambia el color de este círculo aplastado a un rojo aleatorio.

Con esta forma seleccionada, cambia a la herramienta Convertir punto de ancla y solo haz clic en los puntos de ancla izquierdo y derecho.

emblem design ellipseemblem design ellipseemblem design ellipse

Paso 4

Dirígete al panel Capas (Ventana > Capas), selecciona las tres formas realizadas hasta ahora, haz clic derecho en uno de estas capas y ve a Combinar capas.

Asegúrate de que la Opacidad de tu camba combinada esté establecida en 100% y cambia el color de Relleno a R=10 G=9 B=25

emblem design shieldemblem design shieldemblem design shield

Paso 5

Mantente enfocado en el panel Capas y haz doble clic en tu forma de escudo para abrir la ventana de Estilo de capa.

emblem design shieldemblem design shieldemblem design shield

Activa el Trazo e introduce los parámetros mostrados a continuación.

strokestrokestroke

Usa el botón con el signo de más para añadir un segundo Trazo a tu forma de escudo e introduce los parámetros mostrados abajo.

add strokeadd strokeadd stroke

3. Cómo agregar texto al diseño del emblema

Paso 1

Enfócate en la parte inferior de tu forma de escudo y toma la herramienta Rectángulo (U).

Crea una forma de 490 x 160 px, colócala como se muestra en la primera imagen y establece el color del Relleno en R=10 G=9 B=25.

Con este rectángulo seleccionado, aplica Edición > Transformar > Deformar. Selecciona Arco inferior del menú desplegable Deformar y establece Curvar en -15 y luego presiona Intro.

emblem design textemblem design textemblem design text

Paso 2

Selecciona la herramienta Texto horizontal (T) y escribe "PANDA". Usa la fuente BoldenVan para tu texto, estableciendo el tamaño en 150 pt y el color en blanco (R=255 G=255 B=255).

Con este texto seleccionado, aplica Edición > Transformar > Deformar. De nuevo, selecciona Arco inferior desde el menú desplegable Deformar y establece Curvar en -20 y luego presiona Intro.

text warptext warptext warp

Paso 3

Usando la herramienta Rectángulo (U), crea una forma de 290 x 70 px, colócala como se muestra en la primera imagen y establece el color del Relleno en R=10 G=9 B=25.

Cambia a la herramienta Texto horizontal (T) y escribe "GAMING". De nuevo, utiliza la fuente BoldenVan para este texto, estableciendo el tamaño en 40 pt y el tracking en 500 y no olvides cambiar el color a R=0 G=251 B=159.

gaming emblem textgaming emblem textgaming emblem text

4. Cómo añadir una mascota panda al diseño del emblema

Paso 1

Selecciona la herramienta Elipse (U) y crea una forma de 350 x 330 px. No te molestes en ajustar el color del Relleno.

Con esta forma seleccionada, aplica Edición > Transformar > Deformar. Selecciona Caparazón hacia abajo del menú desplegable Deformar y establece Curvar en 5 y luego presiona Intro.

ellipse warpellipse warpellipse warp

Paso 2

Mantente enfocado en la forma realizada en el paso anterior, cambia el color del Relleno a blanco y luego haz doble clic en ella (en el panel Capas) para abrir la ventana Estilo de capa.

layer stylelayer stylelayer style

Activa el Trazo e introduce los parámetros mostrados a continuación.

strokestrokestroke

Activa la opción Sombra interior e introduce los parámetros mostrados abajo.

inner shadowinner shadowinner shadow

Paso 3

Selecciona la herramienta Elipse (U), crea una forma de 70 x 30 px y establece el color del Relleno en R=10 G=9 B=25.

Con esta forma seleccionada, aplica Edición > Transformar > Deformar. Selecciona Arco inferior del menú desplegable de Deformar y establece Curvar en 30 y luego presiona Intro.

emblem design mascot noseemblem design mascot noseemblem design mascot nose

Paso 4

Selecciona la herramienta Elipse (U), crea una forma de 125 x 85 px y establece el color del Relleno en R=10 G=9 B=25.

Con esta forma seleccionada, aplica Edición > Transformar > Deformar. Selecciona Ojo de pez del menú desplegable Transformar y establece Curvar en 30 y luego presiona Intro.

Una vez más aplica Edición > Transformar > Deformar. Esta ocasión, selecciona Arco del menú desplegable Deformar, establece Curvar en 20 y luego presiona Intro.

emblem design mascot eye patchemblem design mascot eye patchemblem design mascot eye patch

Paso 5

Asegúrate de que la forma realizada en el paso anterior siga seleccionada, presiona Control-T para rotar tu selección 45 grados y luego presiona Intro.

Coloca tu forma como se muestra en la segunda imagen y luego duplícala (Control-J). Selecciona esta copia y voltéala horizontalmente (Edición > Transformar > Voltear horizontal) y luego colócala como se muestra a continuación.

emblem design mascotemblem design mascotemblem design mascot

Paso 6

Usando la herramienta Elipse (U), crea dos círculos de 30 px. Rellena ambas formas de blanco y colócalas como se muestra abajo.

Utilizando la misma herramienta, crea un círculo de 40 px. Rellena esta nueva forma con R=10 G=9 B=25 y colócala como se muestra en la siguiente imagen.

emblem design mascot mouthemblem design mascot mouthemblem design mascot mouth

Paso 7

Usando la herramienta Elipse (U), crea dos círculos de 130 px. Rellena ambas formas con R=10 G=9 B=25 y colócalas como se muestra en la primera imagen.

Aplica los efectos de Estilo de capa mostrados abajo y luego mueve estos dos círculos detrás del resto de las formas que conforman tu panda.

emblem design mascot earsemblem design mascot earsemblem design mascot ears

Activa el Trazo e introduce los parámetros mostrados a continuación.

strokestrokestroke

Activa la opción Sombra interior e introduce los ajustes que se muestran enseguida.

inner shadowinner shadowinner shadow

Paso 8

Selecciona la herramienta Elipse (U), crea un círculo de 100 px y establece el color del Relleno en R=10 G=9 B=25.

Asegúrate de que esta forma siga seleccionada, mantén presionada la tecla Alt y crea un círculo de 130 px, exactamente como se muestra en la segunda imagen.

Cambia a la herramienta Rectángulo (U) y recuerda mantener presionada la tecla Alt de nuevo mientras creas un cuadrado de 50 px, como se muestra en la tercera imagen.

emblem design mascot eyebrowemblem design mascot eyebrowemblem design mascot eyebrow

Paso 9

Selecciona la forma realizada en el paso anterior y colócala como se muestra en la primera imagen.

Agrega una copia de esta forma (Control-J), voltéala horizontalmente (Edición > Transformar > Voltear horizontal), y colócala como se muestra en la tercera imagen.

emblem design mascot eyebrowemblem design mascot eyebrowemblem design mascot eyebrow

Paso 10

Enfócate en el panel Capas, selecciona todas las formas que conforman tu panda y Agrúpalas (Control-G). Añade este grupo a tu diseño de emblema como se muestra en la segunda imagen.

emblem design mascotemblem design mascotemblem design mascot

5. Cómo añadir un fondo al diseño del emblema

Paso 1

Concéntrate en el panel Capas, selecciona todas las formas que conforman tu emblema, haz clic derecho en una de esta capas seleccionadas y aplica Convertir en objeto inteligente.

emblem design smart objectemblem design smart objectemblem design smart object

Paso 2

Haz doble clic en tu capa fondo del panel Capas para abrir la ventana Estilo de capa.

gaming emblem backgroundgaming emblem backgroundgaming emblem background

Activa la opción Superposición de degradado y aplica el degradado lineal mostrado a continuación.

gradient overlaygradient overlaygradient overlay

Paso 3

Haz doble clic en tu objeto inteligente en el panel Capas para abrir la ventana de Estilo de capa.

gaming emblem effectsgaming emblem effectsgaming emblem effects

Activa el Trazo e introduce los ajustes mostrados a continuación.

strokestrokestroke

Activa la Sombra paralela e introduce los ajustes mostrados a continuación.

drop shadowdrop shadowdrop shadow

Paso 4

Por último, duplica tu objeto inteligente (Control-J).

Selecciona la copia, muévela debajo del objeto inteligente original (en el panel Capas) y presiona Control-T. Incrementa la Anchura a 200%, presiona Intro y regresa al panel Capas para disminuir la Opacidad de este objeto inteligente escalado a 10%. Con este toque final, el tutorial de emblema en Photoshop está completo.

gaming emblem scaledgaming emblem scaledgaming emblem scaled

¡Felicidades! ¡Tu tutorial de emblema en Photoshop está completo!

Ahora sabes cómo hacer un genial emblema en Photoshop. Así debe lucir tu emblema de gaming. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu emblema de gaming final en la sección de comentarios.

Siéntete libre de ajustar el emblema final y hacerlo tuyo. Puedes encontrar sensacionales fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar el diseño de tu emblema.

gaming emblem tutorial photoshopgaming emblem tutorial photoshopgaming emblem tutorial photoshop

Ideas de emblemas de gaming de Placeit

Evita la molestia de aprender cómo hacer un emblema y prueba un generador de emblemas personalizados. Explora una fantástica colección de diseños de emblemas para gaming de Placeit ¡para crear con facilidad el tuyo!

Diseño Brutal Squad para emblema de gaming

¿No tienes el tiempo de aprender cómo crear un emblema en Photoshop? Prueba el generador de emblemas personalizados de Placeit y elige entre cientos de variantes de diseños para elaborar fácilmente el tuyo.

Brutal Squad Gaming Emblem DesignBrutal Squad Gaming Emblem DesignBrutal Squad Gaming Emblem Design

Diseño Savage Agent para emblema de gaming

Usando el generador de emblemas personalizados de Placeit, puedes ajustar este diseño y hacerlo único.

Savage Agent Gaming Emblem Logo DesignSavage Agent Gaming Emblem Logo DesignSavage Agent Gaming Emblem Logo Design

Diseño Masked Killer para emblema de gaming

Crea tu propio diseño de emblema para gaming con pocos clics. Usa el generador de emblemas personalizados de Placeit para hacer uno que cumpla tus expectativas.

Masked Killer Gaming Emblem DesignMasked Killer Gaming Emblem DesignMasked Killer Gaming Emblem Design

Diseño Terror Squad para emblema de gaming

¿Quieres aprender cómo elaborar un emblema con un par de clics? Prueba Placeit y realiza un diseño de emblema para gaming.

Terror Squad Gaming Emblem DesignTerror Squad Gaming Emblem DesignTerror Squad Gaming Emblem Design

Diseño Midnight Assasin para emblema de gaming

Gracias al estupendo generador de emblemas personalizados de Placeit, puedes editar la fuente, el texto, los colores o los personajes utilizados para tu diseño.

Midnight Assassin Gaming Emblem Logo DesignMidnight Assassin Gaming Emblem Logo DesignMidnight Assassin Gaming Emblem Logo Design

¿Quieres aprender más?

Tenemos muchísimos tutoriales en Envato Tuts+, desde nivel principiante hasta intermedio. ¡Consúltalos!

One subscription.
Unlimited Downloads.
Get unlimited downloads