Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En este tutorial aprenderás cómo usar el modo mapa de bits en Photoshop. Veremos un par de motivos diferentes que puedes utilizar en una foto para crear un efecto de serigrafía. Sabrás cómo hacer un póster en Photoshop desde cero.
Pero ¿qué tal si no tienes tiempo de trabajar en un diseño para póster de evento de música? ¿Qué tal si eres diseñador gráfico que requiere plantillas de pósteres con temática musical listas para editar en Photoshop? Entonces Envato Elements es tu mejor opción. Este mercado basado en suscripción te ofrece ilimitadas plantillas para pósteres de música por una módica tarifa mensual.
Envato Elements tiene miles de sorprendentes plantillas de pósteres de música para Photoshop. Si quieres ahorrar tiempo en tu diseño, desplázate hacia el final de este tutorial sobre mapa de bits Photoshop para encontrar una selección de formatos.
Mira cómo hacer un diseño de póster Photoshop usando el modo mapa de bits
Consulta este video para aprender cómo hacer un mapa de bits en Photoshop. Puedes encontrar los pasos detallados a continuación si prefieres un tutorial más minucioso al respecto.
¿Te fascinan los videotutoriales? No olvides visitar y suscribirte al canal de Envato Tuts+ en YouTube. Encontrarás cientos de tutoriales de Photoshop, InDesign, Illustrator y más.
Lo que aprenderás en este tutorial mapa de bits Photoshop
- Cómo hacer un diseño para póster de música en Photoshop
- Cómo configurar un nuevo archivo en Photoshop
- Cómo usar el modo mapa de bits
- Cómo crear un efecto de serigrafía
- Cómo añadir texto
- Cómo guardar el archivo para la web
Lo que necesitarás para el póster Photoshop
Necesitarás acceder a Adobe Photoshop, si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. También usaremos los siguientes recursos:
- Imagen de dama dj estilo vintage
- Imagen de audífonos aislados sobre fondo blanco
- Paquete de familia de fuentes Fonseca
Descarga las imágenes e instala la fuente, ¡y estarás listo para comenzar!
1. Cómo configurar un nuevo archivo para el mapa de bits Photoshop
Paso 1
En Photoshop, aplica Archivo > Nuevo. Nombra el documento Music Poster. Establece la Anchura en 1270 px y la Altura en 1600 px. Establece la Resolución en 72 pixeles/pulgada. Haz clic en OK.
Paso 2
Presiona Comando-R para hacer aparecer las reglas alrededor del documento. Dirígete a Vista > Nueva guía. En las opciones de la ventana Nueva guía, selecciona Horizontal y establece la guía en 50 px. Haz clic en OK.
Haz lo mismo para los otros lados del documento restando 50 px del tamaño final.
Step 3
Para crear un diseño interesante, haremos uno que no esté perfectamente centrado. El objetivo es crear algo inesperado, en lugar del habitual maquetado con foco en el centro.
La manera en la que determiné este diseño fue aplicando la regla de los tercios. Esta técnica tiene como norma dividir el tamaño del póster en tres filas y columnas. Las guías que creamos no están divididas exactamente en tercios, están ligeramente corridas para acomodar el texto y las imágenes. Haciendo esto, ya nos alejamos del póster habitual. Crearemos cuatro espacios para mezclar texto e imágenes.
Dirígete a Vista > Nueva guía. En las opciones de la ventana Nueva guía, selecciona Vertical y establece la guía en 800 px. Haz clic en OK. Hagamos lo mismo para la guía horizontal, estableciéndola en 980 px. Haz clic en OK.
Para activar y desactivar las guías, presiona Comando-;. Ocultaré mis guías por ahora hasta que las necesitemos.
2. Cómo usar el mapa de bits Photoshop
Un mapa de bits es una alternativa al formato vectorial, en el que una imagen se convierte en pixeles blancos y negros. Esta técnica es comúnmente utilizada para serigrafía o periódicos.
Podemos elegir entre un puñado de diferentes motivos y establecer la cantidad de detalles que queremos mantener. Para crear imágenes con efecto de serigrafía, necesitamos abrirlas por separado.
Paso 1
Abre la imagen de los audífonos aislados.
En el panel Capas, desbloquea la capa principal haciendo clic dos veces en el ícono del candado. Haz clic en OK en la ventana de opciones de la Nueva capa.
Paso 2
Aplica Imagen > Modo > Escala de grises, seguido de Imagen > Modo > Mapa de bits. Haz clic en OK en la ventana de opciones de Acoplar capas.
Paso 3
En la ventana de opciones de Mapa de bits, establece la Salida en 72 pixeles/pulgada. En Método, Usar: Trama de semitonos. Haz clic en OK.
Paso 4
En la ventana de opciones de Trama de semitonos, establece la Frecuencia en 2 Líneas/pulgada, el Ángulo en 45 grados y la Forma en Línea. Haz clic en OK.
Paso 5
Para usar la imagen, necesitamos regresarla a escala de grises. Aplica Imagen > Modo > Escala de grises. En la ventana de opciones de Escala de grises, establece el Factor de tamaño en 1. Haz clic en OK.
Paso 6
Dupliquemos esta imagen en el archivo Music Poster. En el panel Capas, haz Clic derecho > Duplicar capa. En la ventana de opciones Duplicar capa, nombra la capa headphones. En Destino, selecciona el archivo de Photoshop Music Poster. Haz clic en OK.
Cierra la imagen de los audífonos aislados. No necesitamos guardarla porque ya la hemos duplicado en el archivo de Photoshop principal.
Paso 7
Abre la imagen del DJ. En el panel Capas, haz doble clic en la capa para desbloquearla. En la ventana de opciones Nueva capa, haz clic en OK.
Paso 8
Para esta imagen específica, necesitamos eliminar el fondo para tener un DJ aislado. En el panel Capas, haz clic en el botón Añadir una máscara de capa.
En el panel Herramientas, selecciona la herramienta Varita mágica (W). Haz clic para seleccionar el fondo y mantén presionada la tecla Mayúsculas para añadir a la selección. No se necesita ser perfecto, pero deseamos eliminar tanto fondo como sea posible.
Paso 9
Una vez que hayas seleccionado el fondo, presiona Comando-I en tu teclado para invertir la máscara. Asegúrate de que estés haciendo esto en la Máscara de capa que añadimos a la capa principal.
Para deseleccionar, presiona Comando-D.
Paso 10
Para continuar, necesitamos aplicar la Máscara de capa en la capa principal. Selecciona la Máscara de capa (Clic derecho > Aplicar máscara de capa).
Paso 11
Aplica Imagen > Modo > Escala de grises, seguido por Imagen > Modo > Mapa de bits. Haz clic en OK en la ventana de opciones Acoplar capas.
En la ventana de opciones Mapa de bits, establece la Salida en 240 pixeles/pulgadas. En Método, Usar: Trama de semitonos, Haz clic en OK.
En la ventana de opciones de Trama de semitonos, establece la Frecuencia en 25 Líneas/pulgadas, el Ángulo en 45 grados, y la Forma en Redonda. Haz clic en OK.
Regresa el archivo a escala de grises. Aplica Imagen > Modo > Escala de grises. En la ventana de opciones Escala de grises, establece Factor de tamaño en 1. Haz clic en OK.
Paso 12
Dupliquemos esta imagen en Music Poster. Haz clic derecho en la capa y elige Duplicar capa. En la ventana de opciones de Duplicar capa, nombra la capa DJ. En Destino, selecciona el archivo de Photoshop Music Poster. Haz clic en OK.
Cierra la imagen. No necesitamos guardarla porque ya la hemos duplicado en el archivo principal de Photoshop.
Paso 13
Regresemos al archivo principal Music Poster para redimensionar las imágenes con efecto de serigrafía.
Para mostrar las guías, presiona Comando-;.
Usando las guías que creamos al inicio de este tutorial, redimensionaremos las imágenes para que quepan en los espacios. Comencemos con la capa DJ. Presiona Comando-T para transformar. Dirígete a la barra de Opciones, y activa el botón Mantener proporción. Establece la Anchura o la Altura en 85% y presiona Intro. Coloca la imagen en el lado derecho del póster.
Paso 14
Podemos añadir una Máscara de capa para eliminar partes de la capa que no estamos usando. Haz clic en el botón Añadir máscara de capa. Usando la herramienta Marco rectangular (M), selecciona el lado izquierdo del póster. Presiona Comando-I para invertir la máscara. Presiona Comando-D para deseleccionar.
Paso 15
Trabajemos en la capa headphones. Presiona Comando-T para transformar. Dirígete a la barra Opciones y activa el botón Mantener proporción. Establece la Anchura o la Altura en 22% y presiona Intro. Coloca la imagen en el cuadrante inferior izquierdo del póster.
Como en el paso anterior, podemos añadir una Máscara de capa y elimina las partes que no usaremos. Haz clic en el botón Añadir máscara de capa. Usando la herramienta Marco rectangular (M), selecciona el lado superior de la imagen. Presiona Comando-I para invertir la máscara. Presiona Comando-D para deseleccionar.
3. Cómo crear un efecto de trama digital en mapa de bits Photoshop
Paso 1
En el panel Capas, crea una nueva capa presionando Mayúsculas-Comando-N. Nombra la capa Screen. Haz clic en OK.
Selecciona la herramienta Pincel (B) del panel Herramientas. Haz clic derecho para cambiar los parámetros. Establece el Tamaño en 400 px y la Dureza en 0%. Usando los códigos de color que se muestran a continuación, pasa el pincel por la página para cubrirla.
- Amarillo:
#ffb20e - Rosa:
#ff12de - Azul:
#0078ff
Paso 2
Aplica Filtro > Distorsionar > Onda. En la ventana de opciones de Onda, usa los siguientes parámetros:
- Número de generadores: 1
- Tipo: Sinusoidal
- Longitud de onda: Min. 1 y Max. 2
- Amplitud: Min. 295 y Max. 375
- Escala: Horiz. 100% y Vert. 100%.
- Áreas no definidas: Repetir pixeles de borde
Hz clic en OK.
Paso 3
Para crear el motivo estilo cardioide, necesitamos ejecutar esta imagen por medio de un segundo proceso. Mientras estás en la misma capa, aplica Filtro > Distorsionar > Coordenadas polares.
En la ventana de opciones de Coordenadas polares, selecciona Rectangular. Haz clic en OK.
Si los colores no son lo que tú esperabas, podemos modificarlos posteriormente. Por favor nota que el resultado variará ¡y esa es la parte divertida!
Paso 4
Usando la herramienta Marco rectangular (M), selecciona el cuadrante superior izquierdo del póster. Presiona Mayúsculas para añadir a la selección y selecciona una pequeña sección del lado inferior derecho. La usaremos posteriormente cuando agreguemos información. Una vez que tengas estas dos selecciones, haz clic en el botón Máscara de capa. Esto creará una máscara alrededor de la selección.
Paso 5
Para cambiar el color de la capa Screen, haz clic en Crear nueva capa de relleno o ajuste > Tono/Saturación. El panel Propiedades se abrirá automáticamente. Si es lo contrario, haz doble clic en la miniatura de la capa Tono/Saturación. Estoy ajustando el Tono a -25. ¡Siéntete libre de experimentar!
Queremos aplicar esta capa de ajuste únicamente a la capa Screen. Haz clic derecho > Crear máscara de recorte.
Paso 6
En este punto, el póster luce un poco insulso. El objetivo es crear tensión que llevará al espectador desde el texto principal hasta el resto de la información.
La tensión es importante en un póster porque proporciona enfoque y contraste desde los otros elementos. También crea una ruta hacia donde deben dirigirse las miradas. Algo tan pequeño como un rectángulo puede marcar la mayor diferencia.
Desde el panel Herramientas, selecciona la herramienta Rectángulo (U). Haz clic en la página, y establece la Anchura en 30 px y la Altura en 1600 px. Haz clic en OK. Dirígete a la barra Opciones y establece el Relleno en negro. Coloca el rectángulo verticalmente entre la imagen Screen y la de DJ.
4. Cómo añadir texto al póster Photoshop
Para poder usar un tamaño de fuente más grande, dividí la palabra Introspektive en dos líneas. Adicionalmente, usé un grosor menor en Musik pues resulta secundaria respecto a la palabra principal. Ya que visualmente hay saturación, elegí mantener el resto de la información en un solo grosor y tamaño.
En el panel Herramientas, selecciona la herramienta Texto (T). Utilicé texto blanco para contrastar con el fondo. Uso la tipografía del Paquete de familia de fuentes Fonseca de Envato Elements. Hago que aparezca el panel Herramientas aplicando Texto > Paneles > Panel carácter. Abajo están los detalles que agregué; cada viñeta es una capa separada. Usa las guías que creamos al inicio del tutorial para alinear el texto.
- INTROS—PEKTIVEMUSIC(US Bill en ExtraBold y Light, Tamaño: 120 pt, Interlineado: 100 pt, Tracking: 200 pt)
- 10.—23. JULI 2019FRANKFURT AM MAIN02.—17. OKT 2019BERLIN06.—19. JÄN 2020MUNCHEN(US Bill en Bold, Tamaño: 30 pt, Interlineado: 40 pt, Tracking: 200 pt)
- MWM.DE(US Bill en Bold, Tamaño: 30 pt, Interlineado: 40 pt, Tracking: 200 pt)
5. Cómo guardar para la web el archivo de póster de música
Aplica Archivo > Guardar y guarda el archivo como lo harías habitualmente.
Para guardar un archivo JPEG para la web, aplica Archivo > Guardar para web o Mayúsculas-Opción-Comando-S. Selecciona el tipo de archivo en el que quieres guardar el documento, elijo JPEG y establezco 100 para la Calidad. En Tamaño de imagen, puedes cambiar el tamaño del pixel de la imagen si tienes alguna limitante de tamaño.
En la parte inferior izquierda, puedes apreciar una previsualización del tamaño del archivo. Esto es útil cuando hay limitaciones de tamaño en un sitio web y necesitas disminuir la calidad o el tamaño de la imagen.
Haz clic en Guardar... para elegir la ubicación en la nueva ventana y haz clic de nuevo en Guardar.
¡Ahora sabes cómo hacer un mapa de bits en Photoshop!
En este tutorial, hemos revisado cómo hacer un diseño de póster en Photoshop para un evento musical y cómo hacer un mapa de bits en el software. Cubrimos un par de geniales efectos que proporcionarán diferentes resultados para todos. Hoy, aprendimos a:
- Convertir imágenes en modo mapa de bits para crear un efecto de serigrafía.
- Usar máscaras de capa y máscaras de recorte para cambiar colores en una sola capa.
- Usar los filtros onda y coordenadas polares para crear un efecto de trama digital.
- Aplicar algo de la teoría del diseño, como retículas, tipografía, jerarquía y tensión visual.
5 geniales plantillas para pósteres de música editables en Photoshop y disponibles en Envato Elements
Ahora sabes cómo hacer un diseño de póster Photoshop para un evento musical. Pero si quieres agilizar el proceso de tu diseño, necesitarás plantillas.
Como lo prometí, esta es una selección de las mejores plantillas de pósteres de música en mapa de bits de Envato Elements. Estos diseños fueron elaborados por profesionales y son totalmente editables.
1. Dimention Music: Póster Photoshop (PSD)
¿Buscas ideas para diseñar un póster minimalista? Te fascinarán estas plantillas para pósteres de eventos musicales editables en Photoshop como esta.
Presenta un diseño limpio y llamativo con un efecto de mapa de bits. El diseño del afiche en tamaño A4 viene con capas bien organizadas.
2. Everlasting: Plantilla que te motivará a aprender cómo hacer un mapa de bits en Photoshop (en formato PSD)
Si te gustan las clásicas plantillas de póster de música en Photoshop, checa esta. El diseño presenta un efecto de mapa de bits en el fondo y una audaz tipografía.
Todos los elementos están bien organizados. Puedes editar las imágenes, los colores, los objetos inteligentes y el texto en esta genial plantilla tamaño A4 para póster de música.
3. Music Night: Plantilla póster Photoshop (en formato PSD)
Esta plantilla para póster te invita a una inolvidable noche musical. Mira cómo el efecto de mapa de bits la hace destacar instantáneamente. Puedes modificar cada elemento a tu gusto. Está lista para impresión y utiliza fuentes gratuitas.
4. Music Event: Moderno diseño de póster (en formato PSD)
¿Quieres llamar la atención de todos con tu diseño de póster? Consulta esta moderna y formidable plantilla para póster de música editable en Photoshop, con la que desearás saber cómo hacer un mapa de bits.
Es totalmente personalizable. Cambia los colores y el texto y diviértete. Viene en dos tamaños: A2 y mediano estadounidense.
5. Plantilla para descubrir cómo hacer un mapa de bits estilo abstracto (en formato PSD)
Las plantillas para póster de música Photoshop como este acentúan el efecto de mapa de bits. Su diseño es único.
Sus capas están prolijamente organizadas para una fácil personalización. Está lista para impresión y viene en dos tamaños: A2 y mediano estadounidense.
Descubre más tutoriales de cómo hacer un póster en Photoshop y otros recursos
Si te gustó este tutorial, también te podrían agradar estos estupendos recursos:
Crea una ilustración tricolor para serigrafía
Impresión de Proceso CMYK Para el Diseñador de Camiseta Emergentes
Cómo hacer tie dye en Adobe Photoshop
Cómo hacer un cartel de película de acción en Photoshop
Los 10 mejores consejos para diseñar afiches para festivales de música
Cómo hacer un póster para un evento (usando una plantilla)
Cómo crear un póster con el estilo Bauhaus en Adobe InDesign
Cómo crear un cartel de propaganda
Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria forma parte del grupo de escritores de Envato Tuts+.
By
