Usar Cuadrículas en Photoshop para Crear un Poster Tipográfico
() translation by (you can also view the original English article)



En este tutorial, crearemos un póster tipográfico usando cuadrículas. También aprenderás a usar máscaras de capa y capas de ajuste para editar imágenes. ¿Estás listo para comenzar?
Lo que Necesitarás
Necesitarás acceso a Adobe Photoshop. Si no tienes el software, puedes descargar la versión de prueba en el sitio de Adobe. También necesitarás los siguientes recursos:
Descarga las imágenes e instala la fuente, ¡y estarás listo!
1. Prepara un Nuevo Archivo de Photoshop
Paso 1
En Photoshop, ve a Archivo > Nuevo. Nombra el documento Snowboarding Poster. Pon Ancho: 1270 px y Altura: 1600 px. Pon Resolución: 72 ppp y da clic en OK.



Paso 2
Presiona Comando-R para traer las reglas alrededor del documento. Ve a Vista > Nueva Guía. Sobre la ventana de Nueva Guía, selecciona Horizontal y pon la guía a 70 px. Da clic OK.
Haz lo mismo para los otros lados del documento sustrayendo 70 px a partir del tamaño final. Para activar y desactivar las guías, presiona Comando-;.



Paso 3
Para este poster, crearemos una cuadrícula de 5:3 (anchura x altura). Esto significa que dividiremos el poster verticalmente en cinco secciones y horizontalmente en tres secciones. Experimentar con las cuadrículas es una gran manera de crear un diseño inusual.
Ve a Vista > Nueva Guía. En la ventana respectiva, selecciona Vertical y pon la guía a 254 px. Da clic en OK.
Vamos a poner las guías verticales a 254 px, 508 px, 762 px, y 1016 px. Da clic en OK.
Vamos a poner las guías horizontales a 533 px y 1066 px. Da clic en OK.



Paso 4
Sobre el panel Capas, da clic en Crear un Nuevo Relleno o Capa de Ajuste > Color Sólido. Selecciona una color negro en la paleta de colores. Da clic en OK.



2. ¿Cómo Editar la Imagen de la Pista de Ski?
Paso 1
Arrastra la imagen Ski slopes en el documento.
Presiona Comando-T para transformar. Ve sobre la barra de control y activa el botón de Mantener la Relación de Aspecto. Pon la Anchura y Altura a 75%. Presiona Enter para proceder. No te preocupes del lugar, trabajaremos en eso luego.



Paso 2
Activa las guías presionando Comando-;. Sobre la barra de tareas, selecciona la Herramienta Marco (M). Selecciona las primeras dos columnas de la izquierda. Usa las guías para eso.
Sobre el panel de Capas, asegúrate de que estés seleccionando la imagen Ski slopes. Da clic sobre Añadir Máscara de capa.



Paso 3
Sobre el panel de capas, da clic sobre el botón entre las miniaturas. Esto desvinculará la imagen de la máscara de capa. Esto es útil cuando quieres mantener la posición de la máscara de capa pero quieres mover la imagen.
Asegúrate de selecciona la miniatura de objeto inteligente y no la máscara de capa. Usa la Herramienta Mover (V), y mueve la imagen donde sea que quieras. En la imagen de abajo, quiero que los detalles de la pista sean concentrados en la sección media. Se que quiero añadir texto encima y abajo sobre la pista, así que trataré de dejar estas dos secciones lo más libre posible.



Paso 4
Para neutralizar la imagen, añadiremos una Capa de Ajuste. Esto será útil cuando estemos usando múltiples imágenes en un poster donde los colores no se mezclen.
Sobre el panel de Capas, da clic en Crear un Nuevo Relleno o Capa de Ajuste > Blanco & Negro.



Paso 5
Selecciona la nueva capa de ajuste Blanco & Negro y da clic Derecho > Crear Máscara de Recorte.
El atajo para esto es: Mantén presionada la tecla Opción y pasa sobre la capa hasta que la flecha que apunta hacia abajo aparezca, y da clic. Una máscara de recorte es útil cuando queremos aplicar una Capa de Relleno o Capa de Ajuste solo a la capa de debajo. De esta manera, no comprometeremos el resto del poster.



Paso 6
Para abrir el panel de Propiedades, da clic sobre la Miniatura de la Capa. Sobre el panel Propiedades, mueve el botón para retocar la intensidad de color. Esta imagen en particular está compuesta de azules y cyanes. Siéntete libre de experimentar con estos.



Paso 7
Mantén las capas organizadas, selecciona la capa ski slope y la Capa de Ajuste. Arrastra estas dos capas hacia el botón Crear Nuevo Grupo. Da doble clic sobre la carpeta Grupo 1 para cambiar el nombre; yo lo nombré Pista.



3. ¿Cómo Editar la Imagen del Snowboarder?
Paso 1
Abre la imagen del Snowboarder en Photoshop. Asegúrate de que no estés arrastrando al documento. Necesitamos abrirlo separadamente.
Da clic sobre el botón Máscara de Capa para crear una nueva Máscara de Capa.



Paso 2
Vamos a comenzar a trabajar en la sección del cielo. Asegúrate de que tengas la Máscara de Capa seleccionada.
En la barra de tareas, selecciona la Herramienta Varita Mágica (W) y selecciona la porción de cielo de la imagen. Mantén presionado Mayus para añadir a la selección. Una vez seleccionado todo el cielo, presiona Comando-I para invertir la selección. Presiona Comando-D para deseleccionar.



Paso 3
Presiona \ para activar la superposición roja; esto facilitará ver qué partes de la imagen aun necesitan trabajo.
Selecciona la Herramienta Pincel (B). Da clic derecho sobre el documento, y pon el Tamaño a 500 px y la Dureza a 0. Presiona [ para disminuir y ] para incrementar el tamaño del pincel. Pon el color de Relleno a negro y comienza a pasar el pincel sobre la nieve en la foto.



Paso 4
Sobre el panel de Capas, selecciona la miniatura de la Máscara de Capa y da clic-derecho > Perfeccionar Máscara.
En la ventana de Perfeccionar Máscara, podemos cambiar el Modo de Vista. Tengo Sobre Negro (B) seleccionado. Pon el Radio a 7.5 px, Desvanecer a 0.5 px, y Desplazar Borde a -25%. Da clic en OK.



Paso 5
Da clic-derecho sobre la capa y selecciona Duplicar Capa. Nombra la capa snowboarder y pon Destino al poster.



Paso 6
Vuelve al poster. Selecciona la capa Snowboarder y presiona Comando-T para Transformar. Ve a la barra de control y activa Mantener Relación de Aspecto. Pon la Anchura y Altura a 40%. Presiona Enter para proceder.
Mientras que las cuadrículas son usadas para crear orden en un poster, también son usadas para romper las reglas. Haciendo eso, crearemos algo que es diferente. Una gran manera de romper la cuadrícula es colocar la imagen snowboarder sobre la guía de cuadrícula. Mueve la imagen hacia la parte inferior izquierda del poster, como se muestra en la imagen de abajo.



Paso 7
Sobre el panel Capas, da clic sobre Crear un Nuevo Relleno o Capa de Ajuste > Tono/Saturación. Repite esta acción, pero esta vez, añade una capa de Brillo/Contraste.
Para crear una Máscara de Recorte, selecciona las Capas de Ajuste y Da clic derecho > Crear Máscara de Recorte.



Paso 8
Da clic sobre la capa miniatura de Brillo/Contraste. Esto traerá el panel Propiedades. Pon el Brillo a 36 y el Contraste a -4.
Da clic sobre la capa miniatura de Tono/Saturación para traer el panel de Propiedades. Aquí, podemos alterar el color de toda la imagen o colores específicos. Para este tutorial, retocaremos los colores separadamente. Da clic sobre el menú desplegable Maestro, selecciona Rojo, y pon el Tono a +25. Esta vez, selecciona la opción Amarillo y pon Saturación a -100. Selecciona la opción Cyan y pon el Tono a +35.



Paso 9
Notarás que los guantes, el gorro y la cara del patinador son azules. Podemos arreglar esto trabajando sobre la Máscara de Capa.
Selecciona la Máscara de Capa sobre la capa de ajuste de Tono/Saturación. Selecciona la Herramienta Pincel (B). Da clic derecho sobre el documento, y pon el Tamaño a 100 px y la Dureza a 0. Pasa el pincel sobre el gorro y los guantes. ¡Perfecto!
Selecciona las capas snowboarder y los dos ajustes de capa. Arrastra estas tres capas al botón Agrupar. Renombra el grupo Snowboarder.



4. ¿Cómo Añadir Texto?
Paso 1
En el panel Herramientas, selecciona la Herramienta Texto (T), Usé un texto blanco para que contraste con el fondo.
La fuente que usé es Schamalfette.
Trae el panel Herramientas yendo a Texto > Panel > Panel Carácter. Debajo están los detalles que añadí, con el tamaño y la anchura específica en las capas separadas.
- STATION DE SKI
MONT-TREMBLANT
QUEBEC
(Schalfette, Regular, Tamaño: 100 pt, 80 pt y 200 pt, Tracking: 100 pt, Interlineado: experimenta con estas opciones ya que será diferente para cada línea).
- 02
—
28
OCTOBRE
Schmalfette, Regular, Tamaño: 180 pt y 50 pt, Tracking: 100. Alteré la escala del guión para que se ajustara al ancho de los números. Puedes hacer esto usando la Escala Horizontal sobre el panel de Carácter.
Coloca estas dos palabras encima y en la parte inferior sobre el lado izquierdo del poster.



Paso 2
Vamos añadir texto al fondo negro. Usando la Herramienta Texto (T), pon JOIE DE VIE. Sobre el panel Carácter, pon el Tamaño: 630 pt; Leading: 505 pt, y pon el color a #eb4d08
. Sobre la barra de control, activa el botón Alinear Texto a la Derecha. Coloca el texto sobre el lado derecho del poster.
En el panel de Capas, mueve los grupos de capas Snowboarder y Ski slopes, para que la capa snowboarder esté sobre las letras, añadiendo dimensión.



Paso 3
Vamos añadir trazos entre palabras. Sobre la barra de tareas, selecciona la Herramienta Línea (U). Sobre la barra de control y pon el color de Trazo a #eb5d08
y 3 pt. Pon la Anchura a 665 px y la Altura a 5 px.
Mantén presionada las teclas Opción-Mayus y arrastra para multiplicar. Coloca ambos trazos entre las palabras. Sobre el panel de Capas, mueve los trazos debajo del grupo Snowboarder.



5. ¿Cómo Guardar un Archivo para la Web?
Ve sobre Archivo > Guardar y guarda el archivo como lo harías normalmente.
Para guardar un archivo JPEG para la web, ve a Archivo > Guardar para la Web o Mayus-Opción-Comando-S. Selecciona el tipo de archivo que quieres guardar—yo escogí JPEG—y pon 100 para la Calidad. Debajo del Tamaño de Imagen, puedes cambiar el tamaño de pixel de la imagen si tienes cualquier restricción de tamaño.
Sobre el lado izquierdo inferior, puedes ver una previsualización del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesitas bajar la calidad del tamaño de la imagen.
Da clic en Guardar... para escoger el destino en la nueva ventana, y da clic en Guardar de nuevo.



¡Felicidades! ¡Has Terminado Este Tutorial!
En este tutorial, hemos aprendido a usar cuadrículas para crear poster tipográficos potentes. Mientras que las cuadrículas son usadas para crear posters organizados, también están hechas para que sean rotas. Asegúrate de publicar tu poster en los comentarios debajo.
Hoy hemos aprendido a:
- Usar cuadrículas para crear un poster único
- Usar cuadrículas para romper la composición de las reglas
- Usar Máscaras de Capa para organizar las imágenes y perfeccionarlas usando la opción de Perfeccionar Máscara.
- Usar Capas de Ajuste para neutralizar y cambiar el color de una imagen.



Si te gustó este tutorial, te pueden gustar estos:
- Diseño de PosterCrear un Poster Bauhaus en Adobe InDesignGrace Fussell
- Adobe IllustratorIllustrator en 60 Segundos: La Perspectiva de la CuadrículaAndrei Stefan
- Edición No DestructivaEdición de Foto No Destructiva en 60 SegundosHarry Guinness
- Efectos de TextoCrear un Efecto de Texto 3D de Oro en Adobe PhotoshopRose
