En este proyecto, lo guiaremos a través de todo el proceso de creación de un diseño de póster con un fuerte mensaje ambiental. Utilizará Photoshop para ensamblar la ilustración, luego agregará el texto y los gráficos con InDesign para producir ilustraciones sin errores. Muchas de las fotos utilizadas en este tutorial están disponibles de forma gratuita para los Miembros Premium de Psd. Empecemos!
Hemos otorgado una licencia personal de cortesía a los Miembros Psd Premium para la mayoría de las imágenes de PhotoDune que se usan en este tutorial. Se puede acceder a ellos en los archivos fuente de su descarga premium. Si no es un miembro premium, puede descargar las imágenes utilizadas en este tutorial a continuación. También encontrará una plantilla, imágenes adicionales y el material gráfico listo para imprimir de InDesign en la carpeta de origen.
Cada imagen comienza la vida como un concepto antes de que se pueda realizar. Antes de comenzar, me gustaría hablar sobre cómo abordar un resumen de ilustración típico. Si está trabajando comercialmente, probablemente se le comisionará porque su estilo se ajusta al resumen. Dependiendo de su relación de trabajo, a veces basta con un correo electrónico o una llamada telefónica antes de comenzar a trabajar.
Algunos clientes o directores de arte pueden solicitar un concepto preliminar preliminar para su aprobación. Aquí es donde debe usar su criterio para pasar horas y horas compilando elementos que podrían ser rechazados, o simplemente hacer un bosquejo rápido. Opté por un poco de ambos. El boceto que se muestra a continuación se realizó con un lápiz y una tableta y se usó como plantilla para la obra final.
Cree un nuevo archivo de Photoshop para el tamaño de recorte del póster: 21 cm x 29,4 cm, establezca la Resolución en 300 ppp, el Modo de color en RGB y el Contenido de fondo en blanco.
Presione Cmd / Ctrl + punto y coma para ver las Guías y Cmd / Ctrl + R para ver las Reglas. Ahora coloca guías en los cuatro bordes de tu lienzo..
Presione Mayús + Cmd / Ctrl + I para acceder al cuadro de diálogo Tamaño del lienzo. Asegúrese de que el Punto de anclaje central esté resaltado, luego aumente los campos de Altura y Ancho en 6 mm y mantenga la extensión del Lienzo en color blanco. Después de hacer clic en Aceptar, su lienzo ahora tiene una sangría de 3 mm en todos los bordes que necesita su impresora.
Abra el archivo "Scamp.jpg" de la carpeta "fuente" y presione Mayús y arrastre la miniatura de la capa a su nuevo lienzo para crear una nueva capa. Denomínelo "Rough" y reduzca su opacidad al 30%..
Recuerde, esta capa es una guía, por lo que deberá cambiar su visibilidad mientras trabaja en el proyecto..
Abre las manos. Para extraer la imagen del fondo blanco, primero configure la Herramienta Varita mágica (W) en Agregar a la selección, una Tolerancia de 15, luego marque Anti-alias y Contiguo en la barra de opciones. Ahora selecciona todo el fondo blanco..
Elija cualquier herramienta de selección y haga clic en el botón Refinar borde en la barra de opciones. En la siguiente ventana, elija En negro (B) en el menú desplegable Modo de vista. Este modo dará la mejor vista previa para cualquier halo blanco no deseado. A continuación, copie esta configuración y haga clic en Aceptar.
Ahora verá una nueva capa enmascarada y la visibilidad de la capa original desactivada. Amplíe y compruebe que está satisfecho con los resultados del comando Refine Edge. En este punto, puede modificar la máscara pintando ya sea blanco (para revelar) o negro (para ocultar) con un pincel pequeño (B) establecido alrededor de 50 durezas si es necesario.
Cuando esté satisfecho, arrastre la miniatura de la máscara al icono de la papelera al pie de la pestaña Capas y haga clic en Aplicar en la siguiente ventana.
La siguiente etapa es eliminar la planta que sobresale. Agarra un borrador de bordes redondeados (E), nuevamente configurado en alrededor de 50 durezas. Amplíe y elimine el área más cercana a la mano, pero siga la forma de la mano como se muestra en la parte superior de la pantalla. Ahora aumenta el diámetro de tu cepillo y elimina el resto.
Si no se siente cómodo con la eliminación permanente de píxeles, realice esta parte en la máscara antes de aplicarla en el paso anterior.
Ahora necesitamos deshacernos de la hoja restante que se superpone al pulgar. Use la herramienta Lazo para dibujar una selección aproximada como se muestra. Presiona Shift + F6 para abrir la ventana Feather, ingresa 10px y haz clic en OK. Ahora presione Cmd / Ctrl + J para copiar la selección a una nueva capa, luego toque las flechas en su teclado para empujar la capa hacia arriba como se indica.
Nota: Si encuentra molestas las "hormigas marchantes", presione Cmd / Ctrl + H para ocultar la visibilidad de la selección; recuerde que debe anular la selección cuando haya terminado..
Continúe seleccionando, Feather y copie áreas adicionales de la capa "Copia de fondo" para cubrir la hoja.
Cuando esté satisfecho, presione Mayús y haga clic en todas las miniaturas de la capa de parche y presione Cmd / Ctrl + E para combinarlas. Ahora Cmd / Ctrl-clic en la miniatura de "Copia de fondo" para crear una selección basada en capas. Asegúrese de que la miniatura de la capa superior esté resaltada en la pestaña Capas, presione Mayús + Cmd / Ctrl + I para invertir la selección y presione eliminar para eliminar la superposición.
Combine la capa superior hacia abajo, luego use el Pincel corrector puntual (J) para corregir pequeños defectos y la Herramienta de parches (J) sobre áreas más grandes. Eso es todo, la imagen de su mano debe ser perfectamente extraída y retocada por expertos..
Agregue las manos a su archivo de proyecto debajo de "Áspero". Nombra la capa "Manos", luego presiona Cmd / Ctrl + T para acceder a Transformar y ampliar / posicionar el borde derecho del lienzo. Ahora elija Capa> Esteras> Defringe e ingrese 1px para eliminar cualquier halo de borde blanco que pueda estar escondido. A continuación, vamos a aumentar un poco el contraste; elija Niveles en el icono Crear nueva capa de ajuste al pie de la pestaña Capas. En la siguiente ventana, active el icono de doble anillo para recortar el ajuste a la capa de destino y copiar esta configuración.
Consejo: como este proyecto está destinado a la impresión comercial, ciertos colores en pantalla no se verán igual. Estos colores se conocen como fuera de rango. Su monitor crea colores al mezclar luz roja, verde y azul (RGB), mientras que su impresora crea color al usar tintas que absorben la luz de cian, magenta, amarillo y negro (CMYK), estos pigmentos tienen una capacidad mucho más limitada para reproducir el color. Para remediar esto, trabaje en Modo RGB (para tener acceso a todos los filtros, etc.) y presione Cmd / Ctrl + Y para Proof Colors. Esto evitará sorpresas desagradables cuando se imprima el trabajo..
Ahora modifique la misma capa con un ajuste de Tono / Saturación. Baje la saturación maestra a -14, luego los rojos (en el menú desplegable) a -19.
Haga clic en su muestra de primer plano para abrir el Selector de color y elija # ecf5f9, seleccione la capa "Fondo" y presione Alt / Opt + Borrar / Retroceso para rellenar con el nuevo color.
Presione D para restablecer los colores de primer plano / fondo a su blanco y negro predeterminado. Agregue la imagen de la nube como una nueva capa sobre el "Fondo" y amplíe como se muestra. Nombre de esta capa "Cielo", reduzca la opacidad al 79%, luego agregue una máscara de capa. Establezca la herramienta Degradado (G) en Primer plano en Transparente, luego elija Lineal y marque Dither / Transparencia en la barra de opciones. Apunte la máscara de capa y presione la tecla Mayús mientras arrastra según lo indicado por la dirección y la longitud de la flecha.
Coloque un ajuste de exposición no recortado (para afectar a todas las capas subyacentes) sobre el "Cielo" y aplique la siguiente configuración.
Ahora agregue otro ajuste de Balance de color no recortado por encima del anterior y reduzca el rojo de tono medio a -25.
Abra "Moss.JPG" desde la carpeta "fuente". El pequeño detalle en esta roca cubierta de musgo proporcionará el escenario perfecto para nuestros animales en miniatura. Primero, vaya a Filtro> Enfocar> Afilado inteligente y copie esta configuración.
Debido a que el fondo es más complejo, use la Herramienta de selección rápida (W) para seleccionar la piedra, luego use la Herramienta de marquesina rectangular (M), configurada para Restar de la selección para cortar la parte inferior. Ahora aplique la siguiente configuración de Refine Edge.
Cuando esté satisfecho, quite y aplique la máscara a la capa duplicada.
Agregue la roca aislada como una nueva capa debajo del "Áspero", etiquételo como "Tierra", luego Transforme / posición para que se ajuste perfectamente a las manos. Ahora agregue una máscara y use una selección de medios naturales predeterminados de Photoshops y pinceles de bordes suaves / medios para mezclar el ambiente con las manos.
Nota: Mi máscara se muestra de forma aislada a la derecha de la pantalla para mayor claridad.
Recorte un ajuste de Niveles al "Aterrizaje" y configure los controles deslizantes de punto negro / punto medio como se muestra a continuación para aumentar el contraste.
A continuación, agregue un ajuste de balance de color a la misma capa, aumente el tono cian / verde de tono medio y reduzca el azul como se muestra.
Abra el iceberg y use la Herramienta de selección rápida (W) para hacer una selección alrededor del hielo, luego Plumear por 1px y Copiar al portapapeles.
Pegue como una nueva capa debajo del "Áspero", asígnele el nombre "Hielo", luego vuelva a clasificar según el tamaño / posición sobre el lado derecho del terreno. Agregue una máscara y use una variedad de cepillos con diferentes opacidades para mezclar la nieve con la vegetación.
Recorte un ajuste de Niveles al "Hielo" y copie estos ajustes.
Agregue la cascada en la parte superior de la pila, luego vuelva a clasificar según el tamaño / posición justo debajo de la capa de hielo. Agregue una máscara, luego presione Cmd / Ctrl + I para Invertir la máscara a negativo. Ahora usa una variedad de pinceles blancos para fusionarlos suavemente en la escena.
Abre el árbol. Esta vez usaremos un método diferente para deshacernos del fondo blanco. Vaya a Seleccionar> Gama de colores, luego haga clic en cualquier parte del fondo blanco. Verifique el botón Invertir, establezca el control deslizante Fuzziness en 52 y presione OK.
Con la selección activa, acceda a la ventana Refine Edge y aplique lo siguiente.
Amplíe y examine cuidadosamente la nueva capa en busca de cualquier agujero negro que la selección de Rango de color pueda haber incluido en el tronco del árbol. Si ves alguno, píntalo sobre la máscara con un pequeño pincel blanco..
Nota: para ver su máscara a tamaño completo, simplemente pulse Opción / Alt y haga clic en su miniatura en el panel Capas.
Aplique la máscara, luego agregue el árbol a su archivo de trabajo como se muestra. Denomínelo "Árbol", luego enmascare cuidadosamente la base del tronco. A continuación, recorte los niveles y las capas de ajuste de balance de color para aumentar el contraste e intensificar los verdes.
Queremos que los niveles afecten el tronco y las ramas y que el balance de color afecte a las hojas, así que pinte cada máscara de ajuste para limitar sus efectos (que se muestran en la parte inferior de la pantalla).
Añadir una nueva capa llamada "Retoque". Configure la Herramienta de sello de clonación (S) en Actual y abajo y desactive la opción de clonación de ajuste. Ahora usa un surtido de medios naturales y pinceles de bordes suaves para agregar más rocas y vegetación, luego clona sobre la brecha en el glaciar.
Abra el grupo de animales, luego cree una selección rectangular alrededor del gorila y Copie en el Portapapeles.
Para extraer con éxito temas complicados como pieles de fondos lisos, utilizaremos un canal o máscara de densidad. Vaya a Imagen> Cálculos, en la siguiente ventana, copie estas configuraciones para crear un canal compuesto compuesto por el canal azul y haga clic en Aceptar.
Salta a la pestaña Canales y verás el nuevo canal ("Alpha 1") en la parte inferior. Habilitar la visibilidad del canal compuesto RGB superior. Asegúrate de "Alpha 1" el canal objetivo, usa un pincel blanco para pintar el león.
Desactive la visibilidad del canal compuesto, luego con "Alfa 1" la capa de destino, presione Cmd / Ctrl + L para acceder al cuadro de diálogo Niveles y configure el control deslizante de entrada de punto blanco a 277 para eliminar el fondo de color gris pálido.
De forma predeterminada, el blanco actúa como área de canal selectivo, así que presione Cmd / Ctrl + I para Invertir el canal a negativo, luego Cmd / Ctrl y haga clic en la miniatura para crear una selección de canal.
Ahora active el canal compuesto RGB superior y copie la selección al Portapapeles.
Pegue la selección debajo de "Áspero", vuelva a clasificar según el tamaño y etiquételo como "Gorila". Enmascara los pies del gorila para revelar algunas hojas de hierba, luego recorta un ajuste de Niveles para aumentar el contraste usando estos ajustes.
Genere una selección basada en capas del gorila, y agregue una nueva capa debajo llamada "Sombra de gorila". Cambie el Modo de fusión a Multiplicar, aplaste verticalmente desde el punto de control central superior, luego mantenga presionado Cmd / Ctrl y desvíese hacia la derecha para crear una sombra proyectada. A continuación, aplique un Desenfoque Gaussiano de 3px.
Ahora vamos a romper la suavidad de la sombra con un poco de grano. Configure el color de primer plano en negro, luego vaya a Filtro> Boceto> Reticulación y copie estas configuraciones.
Para una sombra realista, enmascara el borde derecho con un degradado lineal de negro a transparente, luego enmascara las áreas sobresalientes de la mano izquierda según sea necesario.
Use el mismo flujo de trabajo para agregar una capa de sombra proyectada debajo del "Árbol" A continuación, extraiga el elefante usando las técnicas que ha aprendido y colóquelas debajo de la "Áspero". Cambiar el tamaño / posición como se muestra y etiquetarlo "Elefante". Recorte un ajuste de Niveles, luego agregue una capa de sombra proyectada.
Repita el proceso de recorte en el león y colóquelo debajo del "Áspero". Recorte un ajuste de Niveles, luego agregue una capa de sombra.
Aísla y agrega el lema y el tucán en el árbol. Recorte un ajuste de Niveles al "Lema", luego agregue una capa de sombra.
Finalmente, extraiga y coloque los pingüinos y el buitre, luego agregue las sombras según sea necesario. Son los elementos básicos de la composición completada..
Siéntese y estudie su imagen y vea dónde se necesitan más sombras. Agregué dos más: una arrojada por el árbol sobre el elefante y otra sobre el león como se indica. También puede usar las selecciones invertidas de sus capas de animales para eliminar cualquier superposición de sombras..
En esta etapa decidí darle un poco más de forma a la capa "Árbol". Realice una selección suelta en la parte superior con la herramienta Lazo (L), luego Pluma en 2px. Ahora acceda a Warp a través de Transform y ajuste la malla como se muestra. También deberá modificar la máscara de ajuste de niveles recortada en consecuencia.
Descarga e instala estos pinceles de nubes. Crea una nueva capa debajo de las "Manos" llamadas "Nubes extra". Establezca el color de primer plano en blanco, luego use estos pinceles para darle sabor.
Recorte otro ajuste de Niveles en las "Manos" y copie estos ajustes. Ahora, presione Mayús y arrastre un degradado del trazador de líneas de negro a transparente (G) como se indica para limitar el efecto a la mitad inferior.
Realice cualquier clonación adicional según sea necesario en una nueva capa llamada "Retoque 2" debajo de la "Plantilla".
A continuación, aplicaremos una técnica no destructiva de esquivar y quemar para agregar luces y sombras. Primero, agregue una nueva capa llamada "Esquivar y quemar" debajo de "Áspero". Presione Mayús + F5 y seleccione 50% de gris en el menú desplegable Contenido y presione Aceptar. Ahora, si cambia el modo de fusión de la capa a luz suave, el gris desaparecerá.
Desde aquí, cree una selección basada en la capa desde "Manos", configure la Herramienta de pincel (B) en 30% de opacidad y pinte con negro para crear una sombra en la mitad inferior. Repita esta técnica, pinte dentro de una selección del "Árbol", luego pinte con blanco para crear reflejos. He cambiado el Modo de fusión de la capa a Normal en el fondo de pantalla para mayor claridad.
Utilice la misma técnica de pintura de selección de capas para crear sombras y resaltes utilizando el blanco y el negro respectivamente. La capa completa se muestra a la derecha..
Consejo: Si comete un error y necesita restablecer el 50% de gris, vuelva a establecer la capa en normal y retire el gris con el Cuentagotas (I), o use el Selector de color para configurar los tres campos RGB a 128, luego pinte en 100% de opacidad.
Aquí está la capa establecida de nuevo en el modo de luz suave. Si sientes que el efecto es demasiado fuerte, baja la opacidad de la capa para compensar: utilicé el 90%..
Para terminar, añadiremos un poco de afilado. Coloque una capa vacía debajo de "Áspero" y etiquételo como "Afilado". Ahora elija Imagen> Aplicar imagen, asegúrese de que la Fusión esté configurada en Normal y presione Aceptar. Este comando crea una sola capa compuesta. Ahora elija Filtro> Otro> Paso alto, establezca el Radio a 3.1 px y haga clic en Aceptar.
Finalmente, cambia la capa de nuevo a Soft Light. Ese es el archivo de capas completado, así que asegúrese de pulsar Guardar!
En la parte final de este proyecto, utilizaremos InDesign para crear la obra de arte del cartel. Para mantener manejables los tamaños de archivo, alise su ilustración, haga clic en Aceptar en la siguiente ventana y en Guardar como archivo .TIFF.
Inicie InDesign y cree un nuevo documento A4 con esta configuración y haga clic en Aceptar.
Vaya a Ver> Rejillas y Guías y active Mostrar guías, Bloquear guías de columna, Ajustar a guías y Guías inteligentes, luego Ver> Extras> Mostrar bordes de marco. Ahora presione Cmd / Ctrl + D para ubicar y colocar su archivo .TIFF. Active el icono superior izquierdo en el localizador de puntos de referencia y configure ambas coordenadas en las guías de sangrado (-3 mm). A continuación, vaya a Ver> Rendimiento de pantalla> Pantalla de alta calidad, luego nombre la capa predeterminada "Imagen colocada".
Vaya a la pestaña Muestras y use el menú desplegable de la parte superior derecha para seleccionar Nueva muestra de color, luego deseleccione el botón Nombre con valor de color y etiquételo como "Shiner black". Asegúrese de que el Tipo de color esté configurado en Proceso y que el Modo de color sea CMYK. Ahora ingrese 40% Cian, 1% Magenta, 1% Amarillo y 100% Negro. La adición de un 40% de cian al desglose de color hace que el negro sea más profundo o rico..
Bloquee la capa "Imagen colocada", luego agregue una nueva capa llamada "Gráficos". Agarre la Herramienta de Tipo (T) y coloque un cuadro de texto en la guía superior y agregue el encabezado principal de color "Negro brillante" con esta fuente. Vaya a Ventana> Salida> Atributos y, con el texto resaltado, desmarque Sobreimpresión Rellenar. En este punto, decidí omitir el segundo subencabezado más pequeño que incluí en mi bosquejo porque sentí que el mensaje era lo suficientemente claro..
Nota: los errores a menudo se cometen para texto negro, como tradicionalmente se sobreimprime, pero si el texto está por encima de cierto tamaño, puede ver la imagen o el elemento detrás de él. El motivo del 1% de magenta y amarillo es la protección contra fallas, en caso de que el RIP de las impresoras no esté configurado correctamente y evite la posibilidad de sobreimpresión de texto y paneles en negro en lugar de eliminar cualquier elemento que se encuentre detrás de ellos..
Use la herramienta Rectángulo (M) para ajustar un marco al sangrado inferior lleno con "Shiner black". Esto también debe configurarse para excluir los colores subyacentes en el panel Atributos. Ahora agregue la línea de etiqueta de corte de luz en su propia elección de fuente. he usado FFDin.
Ajuste otro marco de texto de la guía izquierda al canal central. Ahora vaya a Tipo> Rellenar con texto de marcador de posición (este texto se sustituirá por texto real una vez que se apruebe el diseño). Haga clic en el ícono de la cruz roja a la derecha del cuadro y seleccione un segundo cuadro de texto para volver a poner el texto. Las Guías inteligentes ayudarán a que su nuevo cuadro de texto coincida con la profundidad del primero.
El estilo de su texto del cuerpo como sea necesario - utilicé FFDin de nuevo a las 9, en 11 puntos anteriores. El tipo que aparece pequeño sobre un fondo pálido debe estar coloreado con el negro predeterminado de InDesigns y configurado como Sobreimpresión en el panel Atributos.
Resalte el primer párrafo y aplique un límite inicial como se muestra en la barra de opciones.
Agarre la herramienta Elipse (E) y agregue un marco circular de aproximadamente 25 mm de diámetro. Presione Cmd / Ctrl + D y busque "Logo.pdf" en la carpeta "source". Ahora haga clic en el botón Ajustar contenido al marco en la barra de Opciones y encaje el logotipo en su lugar como se muestra.
Con el logotipo seleccionado, elija> Ventana> Ajuste de texto y aplique la siguiente configuración para forzar que el texto se ejecute alrededor del logotipo. Si el ajuste de texto interfiere con la línea de etiqueta blanca, seleccione su marco de texto, presione Cmd / Ctrl + B y marque el botón Ignorar ajuste de texto.
Ahora se puede enviar un archivo .PDF de baja resolución para la aprobación del cliente, luego, cuando el texto real está en su lugar, se envía otra prueba para la aprobación final. La etapa final sería un archivo .PDF listo para imprimir utilizando el ajuste preestablecido preferido de su impresora o el ajuste preestablecido de InDesigns PDF / X-1a2001.
Ahora que has trabajado en este proyecto, ¿por qué no creas tu propia versión de un póster medioambiental contundente? Incluso podrías usar diferentes animales como criaturas marinas, por ejemplo.?