Share
En este tutorial, vamos a hacer una ilustración creativa en un estilo destinado a la portada de un videojuego o la portada de un libro de ciencia ficción. Vamos a crear esto con técnicas de manipulación de fotos en su mayoría. Con algunas opciones geniales de Photoshop, puedes convertir todas las fotos que elijas en una portada explosiva de aspecto impresionante.
Es increíble, lo fácil que se puede hacer, todo lo que necesita es solo una buena idea y algunos conceptos básicos sólidos en Photoshop. La parte más difícil de hacer esto, es encontrar las imágenes correctas. Los elegí con cuidado, ya que cuanto mejores fotos hayan elegido, menos tiempo le llevará crear esta ilustración de calidad. Empecemos!
Echemos un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.
Abre esta foto de una mujer enmascarada. Vaya a Layers Pallette, haga doble clic con el botón izquierdo del ratón en la capa para desbloquearla. Ahora puedes mover la foto. Colóquelo bien en el lado izquierdo de la máscara..
Comience a reparar la foto copiando una parte del lado derecho de la máscara y aplicándola a la parte faltante del lado izquierdo. Usa la herramienta Lazo (L), dibuja una selección, luego copia (comando + C) esta pieza y pega (comando + V) como una nueva capa.
Ahora que todavía ha seleccionado esta pequeña pieza, baje su opacidad solo un toque. Vaya a Edición> Transformación libre> Distorsionar. Intenta darle un poco de perspectiva.
Ahora agarra la herramienta Borrador (E), establece el Diámetro maestro a aproximadamente 12px y la Dureza al 90%. Así que ahora que tiene este posicionado y transformado, puede comenzar a borrar algunas partes molestas para recuperar el aspecto original. Este proceso también se puede hacer con la herramienta Pluma (P), pero a veces me gusta hacer cosas con la herramienta Borrador. Cuando haya terminado, seleccione estas dos capas y presione Comando + E (ya que solo tenemos dos capas, también puede ir a Imagen> Acoplar imagen), esto las fusionará en una capa.
Si alguien tiene problemas para reparar imágenes, le recomiendo que deje la imagen como estaba originalmente. En el resultado final, te mostraré cómo cubrir esta imperfección..
Para aquellos de ustedes que tienen LucisArt, ahora hay un muy buen momento para usarlo. Asegúrese de que tiene la misma configuración que se muestra a continuación.
Se ve genial, ahora necesitas cortar la máscara de la imagen. Agarre la herramienta Pluma (P), haga zoom muy cerca, de modo que pueda ver la imagen en píxeles y comience a cortar. Cuando termine la ruta, haga clic con el botón derecho del mouse y seleccione Hacer selección, luego presione Comando + Mayús + I (que invertirá su selección) y presione Eliminar en el teclado. Ahora has borrado todo menos nuestra máscara..
Tu imagen debería verse así. El círculo rojo apunta a un punto que necesitamos copiar (Comando + C) usando la Herramienta Lazo (L) o la Herramienta de Marquesina Elíptica (M).
Vamos a reparar el fondo de este tubo. Pegar (Comando + V) la pieza que copió en el paso anterior. Vaya a Editar> Transformar> Voltear verticalmente.
Coloca esta pequeña capa reparadora debajo de nuestra máscara. Colóquelo unos pocos píxeles hacia arriba y borre algunas partes molestas de la parte inferior para hacerlo más redondo..
Como puedes ver, parece un poco plano ahora. Necesitamos poner alguna sombra dentro del tubo. Para hacer esto, usa la herramienta de grabación (O), configúrala en Aspectos destacados y configura el Flujo a alrededor del 100%. Recuerda pintar en esta pequeña capa que está debajo de nuestra máscara. Hazlo oscuro y deja algunos puntos más claros cerca del borde inferior.
Vaya a la paleta de capas, presione Comando y haga clic izquierdo en cada capa. Esto seleccionará ambas capas. Luego presiona Comando + E para fusionarlos. OK, así que hemos terminado con la primera fase de este tutorial. Ahora podemos llegar al punto..
Comience por crear un nuevo documento de aproximadamente 1200 píxeles por 1200 píxeles, con una resolución de 300 píxeles / pulgada. Agarre la herramienta Bote de pintura (G), establezca el color de primer plano en negro y rellene el fondo con este. Ahora arrastre nuestra máscara a este documento y cámbiele el nombre de "Máscara".
Por cierto, pensé que sería bueno corregir algunas sombras. Vaya a Imagen> Ajustes> Sombra / Aspectos destacados y podrá ver los ajustes que se muestran para algunas correcciones..
Desactiva la capa "Máscara" y abre la imagen de la pared de ladrillo, y denomínala "Muro". Vaya a Imagen> Ajustes> Brillo / Contraste e intente oscurecer esta pared. Arrástrelo al documento del proyecto, luego use Editar> Transformación libre para disminuir su tamaño y adaptarlo a nuestro documento del proyecto..
Ahora, haremos un pincel, que nos ayudará a obtener varios resultados con el borrado. Si algo no está claro, no se preocupe, todo se explicará en los siguientes pasos. Abra un nuevo documento de 900 píxeles por 900 píxeles, con una resolución de 300px / pulgada y un fondo negro. Desbloquee la capa "Fondo" (haga clic con el botón izquierdo del ratón en la capa).
Establezca el Color de primer plano en blanco y el Color de fondo en negro. Vaya a Filtros> Render> Nubes. Coge una herramienta de borrador muy suave y bastante grande (E) con dureza al 0% y un flujo del 30%. Borre todas las partes de los bordes y haga muchos cortes suaves y profundos en estas nubes (en algún lugar alrededor de los círculos rojos que se indican a continuación).
Cuando haya terminado, vaya a Editar> Definir predefinido de pincel y haga clic en Aceptar. Acabamos de crear un pincel, que usaremos como borrador. Debido a que las nubes son siempre diferentes, puede repetir este proceso para hacer aproximadamente 2 o 3 pinceles. Te dará más variedad después..
Seleccione la capa "Muro", elija la herramienta Borrador (E), haga clic con el botón derecho del ratón y encuentre nuestro nuevo pincel. Selecciónelo, establezca un gran diámetro de 300-400px. Dureza 0%, Flujo 70%. Ahora borra algunas partes alrededor de la pared.
A continuación, abra la textura de las grietas. Arrástrelo a nuestro proyecto, colóquelo sobre la capa "Muro". Nombre de esta capa "Break". Luego ve a Imagen> Ajustes> Niveles, y dale una expresión al color más oscuro.
Coloque la capa "Break" muy bien y cambie su Modo de fusión a Multiplicar. Luego Copie / Pegue (Comando + J) esta capa. Mueve la capa copiada un píxel hacia arriba y un píxel hacia la izquierda presionando las flechas del teclado (hace que las grietas se abran un poco más). Nota: para mover esta capa con las flechas del teclado, debe tener seleccionada la herramienta Mover (V).
Ahora, haz una nueva capa arriba. Nómbrelo como "agujero". A continuación, establezca el Color de primer plano en negro y tome la Herramienta Pincel (B). Haz clic derecho y encuentra tu pincel de nubes. Use un diámetro grande de 300-400 px, con una dureza del 0% y un flujo del 70%. Necesitamos oscurecer el lugar donde se romperá la pared..
Active la capa "Máscara" y arrástrela sobre todas las capas. A continuación, tome la Herramienta de grabación (O), luego configúrela en Aspectos destacados y Flujo al 100%. Pintar en los bordes inferiores de la máscara, cubrirlos completamente. Además, cubre algunos puntos donde la línea roja superior apunta.
Se ve mucho mejor ahora. Pero la máscara sigue siendo demasiado grande para esta imagen. Vayamos a Editar> Transformación libre y hagámoslo más pequeño.. Nota: intente mantener presionadas las teclas Mayús + Alt mientras se transforma, ya que le dará una forma más pequeña perfecta.
Vale genial. Ahora tenemos que dejar este proyecto por un tiempo. Minimiza este documento, abre la foto de ladrillos y desbloquéala. Como puede ver, es muy ruidoso, incluso si se redimensiona más pequeño. En este caso, decidí ir a Filtro> Ruido> Reducir ruido, y jugué por un tiempo con la configuración. El resultado no es sorprendente, pero seguramente corrige un poco esta imagen.
Recuerde que está trabajando ahora en un nuevo documento, no arrastre esta imagen a su documento de proyecto ahora, ya que solo provocará un desastre.
Lo siguiente que debes hacer es Copiar / Pegar (Comando + J) esta capa porque usaremos dos versiones de esos ladrillos. Desactive la copia por ahora y aplique Imagen> Ajustes> Color selectivo a la primera capa.
Vaya a Imagen> Ajustes> Niveles e intente dar a esta imagen un aspecto más explosivo.
Ahora es el momento adecuado para arrastrar esta imagen a su documento de proyecto. Pero antes de hacer esto, use Edición> Transformación libre y hágalo aproximadamente un 40% más pequeño. Nombre esta capa "Ladrillos 3" y colóquela debajo de la capa "Máscara" como se muestra.
Ahora simplemente deshágase de los bordes duros con la herramienta Borrador (E) con nuestro pincel de nubes. Puede borrar cualquier parte que desee, solo tenga cuidado, trate de no dejar algunos ladrillos semitransparentes suaves borrando porque parecerá poco realista.
Cuando hayas terminado de borrar, vuelve al documento de ladrillos. Ahora encienda su copia de la capa de ladrillos y aplique Imagen> Ajustes> Niveles con la configuración que se muestra a continuación. Cambiar el tamaño a una imagen más pequeña. Nota: no cierre este documento de ladrillos, lo necesitará más adelante.
Arrastre esta capa a nuestro documento de proyecto y llámela "Bricks 2". Coloca esta imagen de la manera que mejor se ajuste. Vaya a Editar> Transformar> Distorsionar. Ahora trata de darle un poco de perspectiva a esos ladrillos..
Coge la herramienta Borrador (E) y repite el proceso de borrado, como se hizo en los pasos anteriores.
Ahora repita el Paso 25. Vuelva a arrastrar su copia de ladrillos al documento del proyecto, pero no use Distortar como antes. Nombra la capa "Bricks 1." Esta vez posicionalo en el medio. Vaya a Edición> Transformación libre, gírelo horizontalmente (90 grados a la derecha). Luego haga clic derecho en la imagen, seleccione Flip Vertical. Gíralo más hacia la parte superior. Ahora, borre la mayor parte de la imagen, deje unos cuantos ladrillos arriba, pero no demasiados. No queremos hacerlo demasiado desordenado..
Es hora de poner esos ladrillos en orden. Esas tres capas deben estar debajo de la capa "Máscara" en el orden particular que se muestra a continuación.
Haga una nueva capa sobre las capas de ladrillos, pero debajo de la capa "Máscara". Nómbrelo "Sombra". Ahora use la herramienta Pincel (B), seleccione nuestro pincel de nube con la misma configuración que antes: gran diámetro de 300-400 px, dureza del 0% y flujo del 70%. Además, asegúrese de que su Color de primer plano esté configurado en negro. Luego pinta en el medio y solo un poco alrededor de la máscara..
Aquí es un momento en el que necesita crear una ilusión de que la máscara está empezando a aparecer entre estas partes explosivas. Como dije antes, te mostraré cómo cubrir el lado izquierdo de la máscara, el que se fijó en los primeros pasos..
Así, las líneas rojas te muestran dónde pintar. Supongo que todavía tiene seleccionado el pincel de nube negra. Lo usaremos de nuevo. Ve a la paleta de capas, asegúrate de que la capa "Máscara" esté seleccionada y agrega una máscara de capa. Ahora seleccione esta máscara de capa y pinte con negro donde las líneas rojas lo indiquen. Ahora estamos cubriendo algunos bordes de la máscara con la explosión de ladrillos.
Recuerde utilizar varios ajustes de Diámetro maestro para el pincel. Para espacios pequeños use un cepillo pequeño, y para manchas más grandes aumente el diámetro.
Ahora seleccione la capa "Máscara". Vaya a la paleta de capas, haga clic con la tecla Alt presionada en el icono de la capa de ajuste para agregar un color selectivo.
Si lo hizo bien, debería aparecer una ventana de Nueva capa con la opción Usar capa anterior para crear máscara de recorte. Asegúrate de marcar esa opción.
Ahora tenemos una capa de ajuste que se puede ajustar en cualquier momento que desee. Puede cambiar su configuración haciendo doble clic en la miniatura de la capa cuando lo desee. Así que vamos a darle a esta máscara un bonito color apropiado. De hecho, vamos a hacer que los colores de la máscara sean más cálidos. Primero seleccione Amarillos de la opción Colores y luego Cianos, use la configuración que se muestra a continuación para ambos.
La máscara ahora tiene mejores colores, y cuando la estaba mirando más de cerca, noté que podemos agregar un reflejo de ladrillo al vidrio. Use la herramienta Lazo (L) y dibuje una selección alrededor del área que se reflejará. Cambie a la capa "Ladrillos 3", luego Copie (Comando + C) y Pegue (Comando + V) esta pieza. Denomínelo "Reflexión" y póngalo sobre todas las otras capas..
Baja su opacidad en algún lugar alrededor del 30%. Vaya a Edición> Transformar> Voltear horizontalmente, coloque esta reflexión en las gafas. Agarra la herramienta de borrador (E) con un pincel redondo normal. Ajuste el flujo al 100% y la dureza a aproximadamente el 90%. Borre algunos bordes con un diámetro pequeño, para ajustarlo al vidrio de las gafas protectoras.
Ahora use la herramienta Pluma (P) para dibujar una selección dentro de las gafas. Cuando haya terminado de hacer la ruta, haga clic con el botón derecho y seleccione Hacer selección.
Haz una nueva capa por encima de todo, llámala "Sombra de vidrio". Ahora seleccione la herramienta de degradado (G). Presiona "D" en el teclado para restablecer tus colores. Asegúrese de que su color de primer plano es negro. Ahora vaya al Editor de degradado y seleccione Primer plano a Transparente. Arrastre el degradado de unos pocos píxeles debajo de la selección al centro de la misma. Deselecciona la selección (Comando + D).
Para este proyecto, hice un render en Cinema 4D. Parece una explosión de cientos de pequeñas piezas afiladas. Esto le dará un efecto más destructivo a nuestro proyecto..
Así que abra este archivo y arrástrelo al documento de ladrillos (asumiendo que no lo cerró). Este archivo está en formato PNG, por lo que es transparente, no tiene que cortar el fondo blanco. Nombra esta capa "Piezas 1".
Gire sus ladrillos para tener más puntos de luz debajo de la capa "Piezas 1". Vaya a la paleta de capas, mantenga presionada la tecla Comando + clic en la miniatura de la capa "Piezas 1". Deberías ver la selección cargada. Ahora seleccione la capa con ladrillos, llámela "Piezas 2", use Comando + Mayús + I y presione la tecla Eliminar en el teclado. Acabamos de eliminar todo excepto la forma de piezas de ladrillos. Seleccione estas dos capas y arrástrelas a su documento de proyecto.
Desactive la capa "Pieces 2", y permita enfocar por un tiempo en "Pieces 1". Vamos a ordenarlos en la paleta de capas. Coloque ambas capas de piezas sobre la capa "Agujero" (y coloque "Piezas 2" sobre "Piezas 1"). Ahora ve a las Opciones de fusión de "Piezas 1" y dale un poco de Sombra Interior para evitar el aspecto plano.
Ahora encienda la capa "Piezas 2", establezca su Modo de fusión en Multiplicar y Copie / Pegue (Comando + J). Nombra la nueva capa "Piezas 3".
Si lo desea, puede combinar esas tres capas y hacer algunas correcciones. Puede utilizar la herramienta Borrador (E) con un pincel normal con 100% de dureza y 100% de flujo, para borrar piezas oscuras, si tiene alguna.
¡Vale genial! Solo necesitamos un buen título ahora. Coge la herramienta de tipo (T) y escribe "Desglose" (usé la fuente Autumn).
Vamos a utilizar una textura agradable para rellenar este texto. Abre este archivo. Vaya a Imagen> Ajuste> Desaturar, luego Editar> Definir patrón. Cierra este documento y vuelve a nuestro proyecto..
En la paleta de capas, seleccione la capa "Desglose", haga clic con el botón derecho del ratón y seleccione Opciones de fusión. Ahora usa las mismas opciones para Superposición de patrón y Superposición de degradado.
A continuación, vamos a necesitar ladrillos de nuevo. Abra el documento con ladrillos y arrastre la imagen de ladrillos a nuestro proyecto. Nómbrelo como "Superposición de desglose". Colóquelo en la capa "Desglose". Realice algunas rotaciones, intente encontrar el lugar con mejor aspecto (no demasiado oscuro, tampoco brillante) y luego colóquelo en el lugar del texto..
Mantenga presionada la tecla Comando + clic izquierdo en la miniatura de la capa "Desglose". Debe cargar su selección. A continuación, asegúrese de haber seleccionado la capa "Superposición de desglose". Usa Comando + Shift + I y pulsa Eliminar.
Ahora, como puede ver, Photoshop elimina todo lo que rodea a la selección, dejando texto texturado, y eso es exactamente lo que queríamos. Establezca este modo de fusión de capa "Desglose de superposición" en Superposición. A continuación, mantenga presionada la tecla Comando + clic en la miniatura de la capa "Desglose de superposición", que cargó la selección.
Haz una nueva capa por encima de todo y llámala "Trazo". Ahora tome una herramienta de marquesina rectangular (M), haga clic con el botón derecho del mouse y seleccione "Trazo", aplique la misma configuración que se muestra a continuación. Deselecciona la selección con Comando + D.
Baje la opacidad de la capa "Trazo" al 44%. Haz un grupo y llámalo "Líneas brillantes". Colóquelo debajo de la capa "Desglose de superposición". Ahora estaremos trabajando en este grupo. Crea una nueva capa en el interior y llámala "línea B". Coge la herramienta Pincel (B) y configura el Color de primer plano en blanco y selecciona el primer pincel de la paleta, que es 1px con 100% de dureza.
Ahora use la herramienta Pluma (P), trace una línea recta en la letra "B" de arriba a abajo. Para hacerlo recto, mantenga presionada la tecla Mayús mientras establece el segundo punto de anclaje. Haga clic con el botón derecho y seleccione "Trazo de trazo", marque la opción Simular presión y presione Aceptar. Deseleccionar el camino.
Repita el paso anterior para cada letra. Le sugiero que copie / pegue (Comando + J) la capa de "línea B" ocho veces y la coloque en el borde izquierdo de cada letra. En el caso de las letras "A" y "W", deberá girar (Edición> Transformación libre) esta pequeña línea para que se ajuste al borde.
Nota: no haremos nada más en este grupo, por lo que puede cerrar las capas dentro del grupo haciendo clic en esta pequeña flecha cerca del icono del ojo del grupo. (¡Pero recuerda no apagar el grupo!)
Seleccione la capa "Superposición de desglose", mantenga presionada la tecla Comando + clic en la miniatura de la capa "Superposición de desglose" para cargar su selección. Agarre la herramienta de marquesina rectangular (M), mantenga presionada la tecla Alt, haga una selección alrededor de la parte superior de las letras (mientras mantiene presionada la tecla Alt) y suelte todo. Debería borrar automáticamente la selección de la parte superior de las letras. Ahora, haz la parte inferior de la misma manera. Debería haber una selección en el centro de texto, como se muestra a continuación.
Haz una nueva capa por encima de todo, llámala "Líneas intermedias". Establecer su color de primer plano a blanco. Agarra la herramienta de pincel (B), haz un pincel grande. Establezca la Dureza en 0% y el Flujo en alrededor del 30%. Ahora solo pinta. Estás pintando dentro de la selección, por lo que no puedes tocar ningún otro punto con tu pincel, excepto la selección dentro de las letras. Haga un buen cepillado suave en la palabra "Interrumpir", luego cambie a un color negro y haga lo mismo con el resto del texto "Abajo".
Al final, quería agregar algo como un capítulo a este título. Use la herramienta de tipo (T) y escriba el texto con una fuente delgada y agradable de su elección.
El texto del título da el aspecto único final a este proyecto. En una ilustración como esta, es bueno decorar texto con imágenes texturadas incrustadas. Da un aspecto general muy agradable..
Gracias por leer este tutorial. Realmente disfruté haciéndolo. Espero que hayas aprendido algunas técnicas nuevas y útiles. Puede ver la imagen final a continuación o ver una versión más grande aquí.
Accentsconagua