En este tutorial de Photoshop, aprenderemos a diseñar un logotipo simple de estilo urbano, bueno para el sitio web de su banda local o algo así 😉 Puede ver exactamente lo que diseñaremos a continuación.
1. Documento
Usaré un tamaño de documento de 500 x 500 píxeles para este tutorial, pero algo como 800 x 600 píxeles o similar será genial. Rellena el fondo con blanco usando la herramienta Bote de pintura.
2. Selección de fuente
Aquí fui con una fuente llamada Jugo, un estilo urbano, como una fuente de graffiti. Utilice la herramienta Texto horizontal y agregue su texto en el centro de la imagen.
Para una buena selección de fuentes, debería consultar un artículo reciente publicado en You the Designer: Doce fuentes de graffiti fantásticamente gratuitas.
3. Escriba Configuración
Establezca el cambio de línea de base, de modo que las dos palabras se apilen. Cambie el color de la fuente a blanco y agregue un contorno negro de 3-4 píxeles. Puede hacer esto haciendo doble clic en la capa de fuente y seleccionando «Trazo» cerca de la parte inferior en el menú Estilo de capa.
4. Escriba Configuración (nuevamente)
Empareje el ancho de las dos palabras, agrandando la palabra más pequeña hasta que encaje.
5. Fondo de texto
A continuación, rellene los huecos entre las letras utilizando una forma de vector negro. Utilice la herramienta Pluma o puede rellenarla con un pincel. (Aunque el uso de vectores hace que la corrección de errores sea muy sencilla)
Ahora simplemente arrastre la capa hacia abajo, detrás del texto en la ventana Capa.
6. Sombra interior del texto
Para darle algo de dimensión, agregaremos una sombra interna a la capa de texto. Haga doble clic en la capa de fuente y seleccione Sombra interior en el menú Estilo de capa. Aquí, fui con 33% opacidad a -34 ángulo. Para distancia elige 4px y tamaño 3px. Esto difumina un poco la sombra, haciendo que los agujeros en la sombra sean menos perceptibles.
7. Formas adicionales
Ahora comenzaremos a agregar algunas otras formas a la imagen. Usando la herramienta Pluma, creé una corona en la P. Use el mismo estilo de capa que el tipo. Haga clic derecho en la capa de fuente y seleccione Copiar estilo de capa. Ahora que el estilo de capa está en su portapapeles, péguelo en su corona seleccionando Pegar estilo de capa.
8. Más formas
Luego, agregué estrellas en la esquina inferior izquierda del tipo usando el mismo proceso en el Paso 8. Si hay agujeros entre el tipo y las imágenes, repita el Paso 5 para los agujeros restantes.
Aquí, agregué una pequeña raya debajo del nombre para unir todo. Siga los pasos 8 y 5 una vez más.
9. Agregar líneas (grietas) al texto
Con la herramienta Pluma, puede hacer líneas estilizadas en todo el texto. ¡Es importante no exagerar aquí! Asegúrate de ser consistente en los anchos y qué tan lejos están del borde. Las cosas pueden salir mal aquí rápidamente, por lo que dejarlo simple o llano siempre es mejor que una pieza desordenada.
Vollständige
Para la presentación, puede terminar agregando un degradado oscuro y agradable al fondo, luego tal vez un poco de grunge, una textura. ¡Sea creativo y se le ocurrirá algo agradable! 🙂
¿Todavía no eres usuari@ de Fiverr ?
Tenemos un artículo sobre Fiverr donde te contamos cono funciona.