Cómo crear un genial emblema en Photoshop
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



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:
- Fuente BoldenVan
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.



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.



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.



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.



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.



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.



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



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.



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.



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.



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.



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.



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.



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



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



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.



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.



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.



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.



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.



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



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



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.



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.



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.



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.



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



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



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



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



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



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.



¡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.



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.



Diseño Savage Agent para emblema de gaming
Usando el generador de emblemas personalizados de Placeit, puedes ajustar este diseño y hacerlo único.



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.



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.



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.



¿Quieres aprender más?
Tenemos muchísimos tutoriales en Envato Tuts+, desde nivel principiante hasta intermedio. ¡Consúltalos!
- SketchCómo crear un logo para barberíaAndrei Marius
- Diseño de logosGenial generador de logos: 17 diseños minimalistas para personalizar (2020)Melody Nieves
- Diseño de logos¿Qué hace a un logo bueno? Los siete mejores consejos y pautas en el diseño de logosNona Blackman
- Diseño de logosLos mejores kits de plantillas gratuitas para diseño de logos (nuevos para el 2017)Melody Nieves
- Adobe IllustratorCómo diseñar logos basados en degradados en Adobe IllustratorDaniel White
- Efectos de textoCómo crear un rápido efecto de texto de madera quemada en Adobe InDesignGrace Fussell
- TipografíaCómo crear una etiqueta de whiskey inspirada en Jack Daniels en Adobe InDesign y Adobe IllustratorGrace Fussell
- Diseño de logosCómo crear un logo con temática náutica en Adobe IllustratorAndrei Marius
- MarcaCómo crear tus propios manuales de marcaGrace Fussell
- Diseño de logosTipografía en acción: Diseños simples y efectivos de logos con textoGrace Fussell
