Share
Mis clientes a menudo me piden que cree escenarios imposibles, paisajes extraños e imágenes surrealistas para sus proyectos; Imágenes que no serían posibles en la vida real. Es en situaciones como esta donde la manipulación de fotos se convierte en una poderosa herramienta de diseño. En el tutorial de hoy, le mostraré cómo diseñar una portada de CD usando varias técnicas de manipulación de fotos, cómo mantener editables las capas de texto críticas para cualquier cambio futuro y cómo presentar una maqueta rápida utilizando el filtro de Punto de fuga. Vamos a ponerlo en marcha!
Para ahorrar tiempo, puede descargar todas las siguientes imágenes antes de comenzar.
Esta vez crearemos una manipulación fotográfica inspirada en el poema clásico de Edgar Allan Poe, "The Raven". Esto no debe interpretarse como una representación gráfica del poema, solo una adaptación retorcida que representa la soledad del hombre que perdió a su amada Lenore. Imagina esto como un proyecto de libro de audio, o una portada de álbum de banda de rock.
Comience a crear el documento; una cubierta de CD estándar es de 4.75 x 4.75 pulgadas. Así que crea un documento en estas dimensiones. Si realmente desea imprimir esto, debería trabajar con una resolución de más de 300 píxeles por pulgada, pero esta vez estoy configurando el documento a 200 ppp debido al tamaño de las fotografías..
Una vez que haya configurado la resolución de la imagen, muestre sus reglas (Comando + R) y agregue algunas guías a los bordes del documento. Dado que este será un diseño de impresión, debe agregar un margen de seguridad, así que vaya a Imagen> Tamaño del lienzo y cambie la dimensión a 4,85 x 4,85 pulgadas Ancla: Centrar.
Todo el poema tiene lugar en la habitación del narrador, abre la imagen de "Habitación vacía" en Photoshop y guárdala con un nombre descriptivo como "Habitación.psd". Esta imagen es amplia y nuestro diseño debe ser un cuadrado perfecto. Tendremos que estirarlo sin distorsionarlo. En realidad, es bastante simple. Primero, dibuje una Guía que intente delimitar un cuadrado en el lado izquierdo, luego, utilizando la Herramienta de selección de marquesina rectangular (M), seleccione el lado derecho de la imagen, cópielo y péguelo al lado derecho del segmento con la guía. Luego, use el control de transformación libre (V) y mantenga presionada la tecla Comando (Ctrl) para distorsionar el área pegada y hacer coincidir las líneas horizontales de la pared de la habitación..
Para hacer la reducción lo más pulida posible, ajuste los niveles de "Capa 2" como se muestra en la siguiente imagen. Lo hice en 2 rondas, pero puedes intentar hacerlo en solo una. Luego, agregue una máscara de capa> Ocultar todo y complete la máscara con un degradado horizontal (blanco - negro). Este paso hará que la reducción funcione casi perfectamente..
En el archivo "Room.psd" usando la herramienta Rectangular Marquee (M), seleccione el lado derecho de la imagen y presione Comando (Ctrl) + Mayús + C para copiar todas las capas de la selección (esto es para evitar el paso de aplanamiento La imagen y le ayuda a mantener esta parte del trabajo editable para futuros cambios, por si acaso). Luego péguelo en el documento principal en una nueva capa llamada "Habitación".
Ahora es el momento de agregar uno de los personajes principales, el chico. Para esto, toma la imagen del chico sentado y ábrela en Photoshop, luego, utilizando cualquier técnica, selecciona la forma del chico (estoy usando la herramienta Lazo poligonal). Copia la selección y pégala en el documento principal. Luego vaya a Edición> Transformar> Girar horizontal para que coincida con la iluminación de la escena. Esto es realmente importante porque, con demasiada frecuencia, no tendrá suficiente dinero para hacer sus propias tomas y tendrá que usar las existencias y elegir la imagen correcta no es fácil. Utilice la herramienta de transformación libre para reducir el tamaño del chico. Nombra la capa "Guy".
Ya que no quiero una escena 100% realista, sino una dramática; Agregaremos varios niveles de sombras, el primero es la sombra de la habitación. Crea una nueva capa llamada "Room Shadow"; con un pincel grande (Color: # 151610, Tamaño: 300px Opacidad y Flujo 50%) pinte todo el lado derecho de la escena, luego cambie el Modo de fusión a Multiplicar y su Opacidad al 75%.
Abra la imagen del taburete, seleccione su forma y péguela en el documento principal; nombre esa capa "Silla". Una vez más debes voltearlo horizontalmente para que coincida con las luces.
Coge la herramienta Grabar, selecciona "Tipo" y quema todo su lado derecho para aumentar la intensidad de las sombras. Luego, tome la herramienta de esponja por defecto y desaturar las áreas más brillantes. Haz lo mismo con la capa "Silla"..
Abra la imagen "Crow1" de los recursos y seleccione su forma usando cualquier técnica (lo hice con la herramienta Lazo poligonal), cópiela y péguela en una capa llamada "Raven". Gíralo horizontalmente y cambia su tamaño un poco, haz que el cuervo sea más grande que el hombre. Colócalo junto a la puerta de la habitación..
A continuación, agregue una máscara de capa a la capa "Raven" con la herramienta Rectangular Marquee. Haga esto dibujando un rectángulo sobre la forma de la puerta y rellenando el área con negro. De esta manera, crearemos la ilusión de un cuervo que entra por la puerta sin ser realmente destructivo para la imagen..
Abra el archivo "Pila de libros", seleccione la forma y péguela en una nueva capa llamada "Libros", cambie su tamaño y colóquela solo sobre la capa "Silla", luego queme su lado derecho.
Nuestro cuervo es bastante agradable, pero no está del todo bien. Para solucionar este problema, tendremos que manipularlo un poco dándole una nueva cabeza. Abra la imagen "Crow 2" de los activos y seleccione solo su cabeza. Péguelo, gírelo y cambie su tamaño en una nueva capa llamada "Cabeza" sobre la "capa Cuervo" y luego, utilizando la misma técnica que se muestra en el paso 3 de este tutorial, combine la cabeza con el cuerpo; pero en lugar de usar un degradado, use un pincel negro. Si es necesario, elimina algunas áreas de la cabeza de la capa "Cuervo".
Debido a que las alas de los pájaros hacen que el aire fluya, agregaremos un libro abierto debido a la brisa. Abra la imagen del "Libro Abierto" de los activos, extraiga solo el libro abierto superior y péguelo en una nueva capa en el documento principal llamado "Libro Abierto". Finalmente agrega tantos libros como quieras. Recuerda siempre quemar el lado derecho de ellos..
Duplique la capa "Cuervo" con la herramienta Transformación libre para distorsionarla; haciéndolo más ancho. Luego, en Matiz / Saturación (Comando (Ctrl) + U), reduzca el valor de Luminosidad a -100. Vaya a Filtro> Desenfoque> Desenfoque gaussiano, radio 8px para desenfocar la sombra y reducir la opacidad de la capa al 50%.
Aplicaremos esta técnica en casi todos los objetos de la escena, es bastante fácil. Cree una capa detrás del objeto relacionado, en este caso la capa "Raven" y asígnele el nombre de "Raven Shadow" (lo hicimos en el paso anterior) y luego utilice un pincel grande y suave (# 110C06) para pintar una sombra allí. A continuación, cree una nueva capa llamada "Sombra delantera" y pinte sombras sobre el objeto relacionado, en este caso el cuervo. Luego, utilizando un borrador grande y suave (E), Opacidad y Flujo, el 50% borra algunas áreas de la sombra frontal donde cree que debería haber más luz. Intente agrupar las capas de sombra y el objeto principal en una carpeta para mantener las capas organizadas.
Repita la técnica de sombra anterior, pero esta vez con la capa "Abrir libro". Si lo desea, puede utilizar la herramienta Difuminar en la capa de sombra para combinarla mejor con el fondo.
Al igual que con la capa "Raven" en el paso 14, duplique la capa "Guy", baje su luminosidad y opacidad y luego pinte las sombras delantera y trasera, así que asegúrese de cuidar especialmente la sombra debajo de sus zapatillas..
Usando la misma técnica, pinte las sombras de la capa "Silla" y los libros adicionales en el piso, una vez más, no intente crear un resultado realista de la foto sino uno dramático, así que siéntase libre de agregar tantas sombras como desee. Pero siempre trata de no oscurecer la imagen..
Usando un Pincel oscuro más grande (# 110C06) pinte todo alrededor de los bordes de la habitación en una nueva capa llamada "Sombras delanteras" en algún lugar sobre la capa "Habitación". Finalmente baja su opacidad al 50%..
Este chico está realmente obsesionado con su amor perdido, Lenore, ¿cómo puedes representar un sentimiento así en una imagen muda? Eso es bastante difícil ¿no? Es por eso que decidí agregar la palabra "Lenore" pintada varias veces en la pared. Para esto, cree un nuevo documento (cualquier tamaño es correcto) con un fondo gris neutro (# A0A0A0) y usando algunas fuentes dibujadas a mano (puede encontrar varias fuentes libres en dafont.com) escriba la palabra "Lenore" en todas partes. Luego presione Comando (Ctrl) + A para seleccionar todo y Comando (Ctrl) + Shift + C para copiar una versión plana de la imagen.
Cree una nueva capa llamada "Palabras del muro" sobre las capas "Habitación" o la carpeta "Habitación". Luego vaya a Filtro> Punto de fuga. En la ventana del punto de fuga, dibuje los planos necesarios para colocar las palabras en la pared. Si no está familiarizado con el filtro de puntos de fuga, tal vez debería leer primero las siguientes instrucciones: Usar el filtro de puntos de fuga para simular una tarjeta de presentación o crear una impresionante maqueta de una caja de grunge.
Una vez que haya creado los planos, pegue el portapapeles allí, arrástrelo y cambie su tamaño hasta que se vea bien. Este no es un proceso fácil, así que siéntete libre de intentarlo tantas veces como necesites antes de seguir adelante..
Una vez que haya colocado el texto adecuadamente, cambie el modo de fusión de la capa "Palabras del muro" a Superposición.
Consejo: Windows 7 y el filtro de Punto de fuga no funcionan bien juntos, por alguna razón, el Aero de Windows tiene un conflicto con el motor de Punto de fuga, por lo que si está trabajando con W7 y su sistema falla repentinamente mientras usa este filtro, intente cambiar La apariencia del escritorio a "Windows 7 Basic"..
Con la herramienta Lazo poligonal, seleccione las áreas sin paredes (puertas y ventanas) con la capa "Palabras de la pared" seleccionada, luego elimine la selección. Luego cambia su opacidad al 50%..
Ya que nuestro cuervo está volando, necesitaremos agregar un efecto de movimiento, eso es bastante fácil. Duplica la capa "Cuervo" y colócala sobre el original. Vaya a Filtro> Desenfoque> Desenfoque de movimiento, configure Ángulo: 0º y Distancia 20px y presione Aceptar, luego con la herramienta Borrador o usando una máscara de capa elimine algunas partes de la capa de desenfoque como se muestra en las imágenes a continuación.
Tome la hoja de papel de los recursos, extráigala del fondo blanco y péguela en una nueva capa sobre todas las demás en nuestro documento principal. El uso de la herramienta Warp (Edición> Transformar> Warp) distorsiona la hoja de papel como se muestra en la siguiente imagen. Repita este paso tantas veces como desee con diferentes piezas de papel volador. Ponlos todos en una carpeta..
Combine la carpeta de papel Flying y desaturar la capa resultante. Usando la herramienta Grabar para oscurecer algunas sombras sobre el propio papel. Luego, utilizando nuestra vieja técnica de sombreado, agregue dos Capas de sombra, una en el frente y otra en la parte posterior, pinte algunas sombras con un pincel oscuro. Finalmente, puedes repetir el proceso del Paso 22 para agregar un efecto de desenfoque de movimiento.
Pon todas las capas en una carpeta llamada "Arte".
Usando el tipo de letra "Trajano", agregue el título de la portada, coloque todas las Capas del título en una carpeta y asígnele el nombre "Título", luego haga clic en la miniatura de la capa y seleccione la opción Convertir en objeto inteligente. Luego haga clic en el objeto inteligente y vaya a 3D> Nueva postal 3D desde la capa, luego el objeto inteligente "Título" se convertirá en una capa 3D con todo el texto aún editable. De esta forma, independientemente de la cantidad de cambios que realice en la perspectiva, la rotación y la profundidad, podrá cambiar el texto en cualquier momento..
Agregue un efecto de biselado y relieve y una superposición de degradado a la capa 3D tal como se muestra en la parte inferior de la imagen a continuación. No te preocupes demasiado por la posición de la luz y la sombra en este momento; Lo trabajaremos en el siguiente paso..
Usar la herramienta de transformación 3D Rotar, mover y arrastrar la capa para que coincida con la perspectiva de la pared. Una vez que haya colocado la capa de manera adecuada, agregue el estilo Sombra paralela configurando el Ángulo de luz al 30% y una gran distancia entre la sombra y el texto (32 px en este ejemplo).
A menudo, los clientes cambian de opinión en medio del proyecto, es por eso que es realmente importante mantener sus capas editables todo el tiempo. En este ejemplo, agregaremos algunas palabras faltantes al título: el nombre del autor. Para ello, deberá cavar los documentos anidados en los objetos, primero haga doble clic sobre la textura difusa en la capa 3D (textura "Título"), un nuevo archivo llamado "Título.psd", en este nuevo documento encuentre la capa de objetos inteligentes, haga doble clic en ella y finalmente verá las capas de texto en un documento llamado "Título2.psd", allí puede expandir el tamaño del lienzo y agregar la tercera línea de texto. Para confirmar los cambios, debe guardar cada documento al revés, primero "Text2.psd" y luego "Text.psd" y luego verá su capa 3D actualizada en el documento principal.
Como un detalle sucio, agregaremos algo de ruido al compuesto. Presione D en su teclado para cargar los colores predeterminados, cree una nueva capa llamada "Ruido" sobre el objeto "Texto" y vaya a Filtro> Nubes de procesamiento. A continuación, vaya a Filtro> Ruido> Agregar ruido (establezca los valores que se muestran a continuación). Finalmente, cambie el Modo de fusión de la capa a Superposición y Opacidad al 35%.
En este punto sabrá si el diseño es demasiado oscuro o demasiado claro, por eso necesitaremos agregar una capa de ajuste de Niveles para aclarar la imagen. Ahora seleccione Todos (Comando (Ctrl) + A) y Comando (Ctrl) + Shift + C para aplanar y copiar el diseño.
A veces los clientes quieren ver un ejemplo real de su producto. Es realmente difícil enviar una versión impresa de un archivo de portada, especialmente si sus clientes están lejos de usted pero puede enviarles una foto. Esta vez nos burlaremos de nuestra portada en una caja de CD. Abra la imagen de la "caja del CD" en un nuevo documento llamado "mockup.psd" y cree una nueva capa sobre la capa aplanada. Seleccione la nueva capa y vaya a Filtro> Punto de fuga, allí, pinte un plano que coincida con la forma de la caja y pegue el portapapeles allí.
Como la carátula está detrás de la caja de plástico del CD, tendremos que eliminar algunas áreas de la capa de carátula. Para esto, agregue una máscara de capa y, utilizando la herramienta Lazo poligonal, seleccione las muescas pequeñas de la cubierta de plástico y luego complete la selección con negro en la máscara de capa. Puedes derribar la opacidad del arte encubierto para ver realmente las muescas.
Luego, una vez más, utilizando la herramienta Lazo poligonal, seleccione un semicírculo de la muesca, donde el papel será claramente visible, y rellénelo con negro o gris..
Usaremos una Superposición de degradado en la capa de ilustraciones para crear el efecto 'plástico brillante', esto es bastante simple, solo agregue varias transiciones de blanco y negro al efecto, y cambie su Modo de fusión a Pantalla y su Opacidad a menos del 20%. Además, estoy agregando una Sombra Interior para mejorar la percepción de la profundidad..
Como algunos toques finales, estoy agregando la capa "Textura de papel" de los activos a una nueva capa detrás de la capa "CD". Cambiar el modo de fusión de la capa "CD" a Multiplicar funciona perfectamente en este caso. Luego, solo juegue con la capa de textura, agregué una capa de color sólido oscuro (# 36312D) detrás de la textura; Además, aumenté los niveles oscuros de la textura agregando una máscara de capa con un degradado radial blanco - negro. creando una viñeta oscura de esta manera.
Por favor, eche un vistazo a la versión final de nuestra portada.
Accentsconagua