Share
Este tutorial se centrará en las capacidades de Photoshop como una herramienta de representación para dar vida a sus ilustraciones vectoriales utilizando efectos de trama. Con solo unas pocas técnicas de coloración, a saber, capas de ajuste, máscaras de capa y estilos de capa; notará que el proceso puede volverse bastante repetitivo, lo que lo convierte en un flujo de trabajo bastante intuitivo y eficiente. Empecemos!
Abra spacecadetBASE.psd desde la carpeta de origen de su descarga. En él, descubrirá múltiples grupos de capas que se han traído desde Illustrator simplemente copiando y pegando diferentes elementos vectoriales de uno en uno en un archivo de Photoshop en blanco. Este archivo en particular debe consistir en lo siguiente:
Agregue una capa de ajuste directamente sobre el grupo 'cadete'. El menú de ajuste de las capas se encuentra en la parte inferior de la pestaña "Capas". En la pestaña Ajustes, haga clic en la barra de degradado para abrir el Editor de degradado. Seleccione el mapa de degradado predeterminado "Azul, Rojo, Amarillo" en los ajustes preestablecidos.
Agregue otro mapa de gradiente sobre el grupo 'Fondo de robot'. Vamos a cambiar el nombre de esta nueva capa de mapa de degradado 'atmos rojo'. Vaya al Editor de degradado y seleccione el mapa predeterminado 'Rojo, Verde'. Si su imagen se ve invertida, cambie los topes rojo y verde a los extremos opuestos de la pista en el editor de degradado. Ahora, haga doble clic en la parada verde y cambie su color a más marrón oscuro (# 2f1900).
Seleccione la capa 'aspectos destacados' en el grupo 'cadete'. Aplicar una máscara de capa. Seleccione la herramienta de pincel y establézcala en 0% de dureza con un diámetro de 30 px. Establezca el color de primer plano en negro y comience a ocultar ligeramente las iluminaciones como se muestra a continuación. También puede ajustar el porcentaje de 'Opacidad' y 'Flujo' del pincel para controlar su fuerza. Activa también el ajuste 'aerógrafo'.
Intentemos agregar más sombra a nuestra figura de cadete. Seleccione 'Capa 1 copia 4'. Vaya al menú de ajuste de capas y seleccione 'Niveles'. Presione 'Cmd / Ctrl + Alt + G' para enmascararlo a la capa de cadete. Ajuste el nivel de salida de resaltado a aproximadamente 127. Haga clic en la máscara de capa y elija la herramienta de degradado. Con un ajuste de degradado lineal, haga clic en + mantener y arrastrar desde la parte superior del hombro hasta la parte inferior del muslo del cadete. Asegúrate de que el negro sea el tono frontal, el blanco es el fondo en tus colores.
Ahora, agregue una segunda capa de ajuste de 'Niveles', enmascare el clip y cambie el nivel de entrada de resaltado a aproximadamente 230.
Duplicar la capa 'aspectos más destacados'. Muévalo debajo del original y córtelo enmascarado. 'CMD / Ctrl + HAGA CLIC' en la capa para crear esas 'hormigas marchando' o una selección de marco. Ve al menú superior y selecciona Filtro> Desenfoque> Desenfoque gaussiano. Establezca el radio en aproximadamente 4.4 o menos. Presione Cmd / Ctrl + D para deseleccionar.
Duplique la capa de ajuste de "atmósfera roja" que hizo en el Paso 2 haciendo clic en ella y presionando Cmd / Ctrl + J. Mueva la copia sobre la capa de "copia de resaltados" y enmascare el clip. Hasta ahora hemos asumido que la fuente de luz principal proviene de la parte superior izquierda. Sigue esa lógica mientras te enmascaras con un suave pincel negro que aclara un poco los puntos.
Ahora es el turno del robot. Seleccione la capa de robot en el grupo (copia de capa 2). Agregue una capa de ajuste de nivel, córtela enmascarada (Cmd / Ctrl + Alt + G) y establezca su nivel de salida de resaltado en 105. Máscara con un cepillo suave en relación con la dirección de su fuente de luz. Cree una segunda capa de ajuste de nivel, enmascare el clip y establezca su nivel de entrada de realce en aproximadamente 233 o menos.
Copie la capa de cadete (capa 1, copia 4) y péguela dentro del grupo de robots. Cambie el nombre de la capa 'sombra' y presione CTRL + L para abrir una ventana de niveles. Establezca el nivel de salida de resaltado en 0. A continuación, enmascare el clip y establezca su modo de fusión en "Superposición" y baje su opacidad principal en 60%.
Encuentre y duplique la capa del mapa de gradiente de "atmósfera roja" y colóquela sobre la capa de "sombra". El clip lo enmascara y usa un cepillo negro suave para enmascararlo según el origen de su fuente de luz como antes.
Selecciona la copia de la capa de atmos rojo y duplícala. Renombra la capa 'superposición azul'. Máscara de clip y cambie los colores de parada en el editor de degradado a azul oscuro (# 1f03af) y azul claro (# 02fffe). Desliza la parada azul oscuro sobre la pista hasta aproximadamente el 15%.
Agregue una capa de ajuste de 'Relleno de color', hágala roja (# ff0000) y enmascare la máscara. Ahora seleccione la máscara de capa y presione Cmd / Ctrl + I para invertir la máscara a negro. Con un pincel blanco suave comienza a revelar algo de rojo en la parte inferior del robot. Esto es para hacer que responda visualmente a los efectos que ahora agregaremos al piso en los siguientes pasos.
Seleccione la capa de paneles y haga clic en Cmd / Ctrl para hacer una selección de marco. Seleccione la herramienta de degradado y configúrela en un modo de degradado radial. Haga clic en + mantener presionado desde el centro de la selección y arrastre hacia afuera para aplicarlo en el piso. Deseleccionar la capa.
Duplique el mapa de degradado 'atmos rojo' y enmascare el clip en la capa de la cuadrícula. Utilice la herramienta de degradado para aplicar una máscara de degradado radial. El negro debe ser el tono central..
Ahora apliquemos un brillo a la rejilla. Haga clic en el menú 'fx' en la parte inferior de la pestaña de capa y elija brillo externo. Copia la configuración que se muestra a continuación.
Aplique una máscara de capa invertida a la capa de la cuadrícula (mantenga presionada la tecla Alt + clic en la opción de máscara de capa). Establezca el color de fondo en blanco y revele la cuadrícula con un borrador suave esta vez (si desea utilizar el pincel, configure el color de primer plano en blanco). Puede utilizar la configuración del borrador que se muestra en la imagen de abajo. Asegúrese de que la configuración del aerógrafo esté activada.
Agregue una capa de ajuste de Niveles enmascarados de clip a 'Capa 5' en el grupo 'telón de fondo del robot'. Establezca el nivel de salida de resaltado en 93. Si lo desea, también puede enmascarar ciertas áreas..
Crea una nueva capa dentro del grupo. Cmd / Ctrl + clic en la capa 5 para crear una selección de marco. Seleccione la herramienta de marquesina y haga clic derecho. Seleccione Trazo y aplique un ancho de 1.5 px en el centro. Agregue un brillo exterior con un amarillo (# fff145). Asegúrate de que tu color sea blanco. Utilice la configuración de estilo de capa a continuación.
Ahora agregue una máscara de capa (Alt + clic). Revela los brillos como se muestra a continuación, utilizando un cepillo blanco suave.
Seleccione la capa 6 en la capa de fondo del robot. Aplique un ajuste de nivel de enmascarado de clip con un nivel de salida de realce de aproximadamente 40. Máscara de distancia para que algo de luz toque el objeto.
Ahora volvamos a nuestro cadete y comencemos a aplicar un poco más de "destello" a su apariencia. Vaya al grupo 'resplandores'> subgrupo 'cadetglows'. Agrega una nueva capa y nómbrela 'contorno rojo'. Cmd / Ctrl + clic en la 'copia 1 de la capa 1' debajo del grupo 'cadete' para hacer una selección de marco. Aplique un trazo de 2 píxeles en el centro de la capa 'contorno rojo'.
Agregue un brillo exterior (# ff4242) y una superposición de color (# ff7376) al trazo.
Aplique una máscara de capa invertida y revele algunas áreas con un pincel blanco suave o borrador.
Mostrar la capa 9. Aplicar un brillo exterior (# ff2099)
Repita el paso 22
Duplicar la capa 9 (Cmd / Ctrl + J) repita el paso 22. Esto es para acentuar más ciertas áreas.
Mostrar la capa 10 y crear una capa duplicada (Cmd / Ctrl + J). Ocultar el duplicado.
Seleccione la capa 10 y aplique un brillo exterior (# ff3636) y una superposición de color (# ff000c). Haga una máscara de capa invertida y revele con un cepillo blanco suave a lo largo del borde inferior de las botas.
Mostrar "copia de capa 10" y agregar un brillo exterior (# ffbf36) y una superposición de color (# feabf9)
Agregue una máscara de capa y comience a esconderse en ciertas áreas con un borrador negro suave para hacer que su materialidad se vea un poco menos plana..
En la Capa 13, agreguemos algo de estilo de capa a eso también. (brillo exterior: # ff15cb, superposición de color: #fffbbf). Aplica una máscara de capa invertida y comienza a revelar con un pincel blanco suave.
En la Capa 21, agregue un brillo externo y una superposición de color (ambas # 3ae1ff).
Ahora vamos a duplicar la capa de contorno rojo que hizo en el paso 20 y cambiarle el nombre a 'contorno magenta'. Seleccione su máscara de capa y presione Cmd / Ctrl + L y ajuste el nivel de salida de sombra a 255 para que quede completamente blanco, revelando todo. Cambia su color de brillo exterior (# fd64ff)
Cmd / Ctrl + Haga clic en Capa 10 para crear una selección de marquesina. Elija la herramienta de marquesina y configure el modo de resta. Haga clic y arrastre sobre toda la figura, a excepción del casco. Solo la selección del casco debe permanecer como se muestra a continuación. Ahora aplique un trazo de 2px en el centro.
Invierta la máscara de capa (Cmd / Ctrl + I) y revele de acuerdo a dónde percibe que proviene la fuente de luz..
Ahora vamos a añadir un poco de brillo. Haz una nueva capa y rotúlala como 'chispas'. Elija la herramienta de línea (presione U) y configúrela en modo de "relleno de píxeles". Dibuja dos líneas diagonales de 2px que se intersecan en el medio. Luego, use un cepillo suave de 46px con un ajuste de flujo y opacidad dentro del rango del 60% y aplíquelo en el centro con unos pocos clics. Finalmente, ingrese con un borrador suave de 48 píxeles y borre los extremos de las puntas de ambos segmentos de línea.
Seleccione la herramienta de movimiento (V) y mantenga presionada la tecla Alt. El puntero del mouse debe convertirse en una flecha doble blanca / negra. Continúa presionando Alt y haz clic y arrastra la capa de destellos por toda la figura del cadete. Mantenga presionada la tecla shift y seleccione todas las capas duplicadas y fusione presionando Cmd / Ctrl + E.
Activa todas las capas en el grupo 'robotglows'. Cmd / Ctrl + Clic en 'capa 1 copia 4' (bajo grupo de cadetes). Seleccione la carpeta robotglows y Alt + Clic en la opción de máscara de capa. Esto ocultará cualquier cosa que obstruya visualmente la figura del cadete dentro de este grupo..
Oculte todas las capas bajo el grupo, excepto la Capa 12. Aplique un brillo exterior (# 7dfbf7) y una superposición de cubierta (#fffcaa).
Aplicar una máscara de capa invertida y revelar con un cepillo suave.
Crea una nueva capa y renómbrela 'contorno'. Cmd / Ctrl + clic en 'Copia de capa 2' debajo del grupo de robots para crear una selección de marco. Aplicar un trazo de 2px en el centro.
Aplique un brillo exterior (# c0f8fc), agregue una máscara invertida y revele con un cepillo suave.
Ahora duplique la capa, cambie el nombre a 'contorno rojo' y cambie su color resplandor (# ff3c3c). Configura la máscara para completar el color negro y revela algo del contorno a lo largo de la base del robot.
Encienda la Capa 20. Aplique un brillo exterior (# 49ffa3).
Repita el paso 43 para la capa 23. Enmascare el área que se superpone a la ilustración del robot de primer plano como se muestra a continuación.
Es hora de agregar más detalles al fondo. Vamos a crear una nueva carpeta directamente debajo del grupo 'lazerz' y llamémosla 'campo de estrellas'. Crea una nueva capa y llámala 'estrellas'. Seleccione la herramienta de pincel y ajústela a 7px 100% de dureza, opacidad y flujo. Haz click para hacer un montón de puntos..
Ahora duplique esa capa (Cmd / Ctrl + J) y presione Cmd / Ctrl + T para que aparezca el cuadro de transformación. Reduzca la capa a un tamaño más pequeño y presione Entrar para confirmar.
Con la herramienta de mover seleccionada, mantenga presionada la tecla Alt + Clic y arrastre la capa para crear múltiples copias.
Seleccione todas las capas de estrellas y Cmd / Ctrl + E para combinarlas. Agregue una máscara de capa y comience a enmascarar ciertas áreas para crear una variación en el brillo y la profundidad. Haga clic derecho en la máscara de capa y haga clic en 'Aplicar máscara de capa'.
Repita el paso 46
Repita los pasos 45-49 hasta obtener un resultado similar al de abajo.
Crea una nueva capa y llámala 'estrellas fugaces'. Dibuja una línea diagonal blanca de 2px. Aplique un brillo exterior (# fc2cff) y superposición de colores (# ffeb8c).
Utilice un borrador suave para desvanecer un extremo de la línea.
Sigue dibujando unas líneas más de esta manera..
Nuestro campo de estrellas está actualmente obstruyendo nuestro grupo de fondo robot. Corrigamos eso con Shift + Cmd / Ctrl + haciendo clic en las capas de fondo del robot (capas 5 y 6) y agregando una máscara de capa al grupo del campo de estrellas con Alt + haciendo clic en la opción de máscara de capa.
Encienda el grupo 'lazerz'. Aplique un brillo externo (# bc53ff), brillo interno (# 06fff6) y superposiciones de color (# fcd7e2) a ambas capas dentro del grupo.
Aplique una máscara de capa a ambas capas y la máscara desde el punto de fuga hacia afuera como se muestra a continuación.
Repita lo que hizo en el paso 54 para el grupo lazerz.
Ahora es el momento de aplicar algunos efectos atmosféricos desde lo sutil a lo sustancial. En la siguiente serie de imágenes, preste mucha atención a los distintos modos de fusión, la opacidad principal y el uso de otros ajustes. Comencemos por crear un grupo de 'atmósfera' directamente debajo del grupo de 'texto'. Agregue una capa de Ajuste de degradado, establezca un estilo radial y cree una paleta tricolor personalizada de # d5fff5, # 9076ff, # 03f0ff (de izquierda a derecha). Establezca la parada de opacidad para # 03f0ff en 0%. Para crear una tercera parada, simplemente haga clic en cualquier parte debajo de la pista de color en el editor de degradado.
Crea una nueva capa y selecciona la herramienta de pincel. Establezca el diámetro en 1000px aproximadamente con un ajuste de flujo del 27%. Haz click en el torso de la figura unas cuantas veces..
Ajusta el modo de fusión de la capa, la opacidad y el relleno. Aplica una máscara invertida y comienza a revelar. Ahora los efectos atmosféricos pueden ser bastante sutiles, por lo que hay mucho espacio para la variación. A partir de aquí podrás ver algunos ejemplos de mi propia densidad de máscara..
Agregue otra capa de ajuste de degradado con dos colores de parada (# ff7676, # ae00ff) y en un estilo radial. Establezca la opacidad de parada para # ae00ff en 0%. Presione ok en el editor de degradado. Con la ventana 'Relleno de degradado' todavía arriba, mueva el degradado a la parte inferior del lienzo sobre el suelo. No tienes que seleccionar la herramienta Mover para hacer esto..
Añadir una capa de ajuste de nivel. Establezca la salida de resaltado en 76 y aplique una máscara de capa. Esto es para ayudar a acentuar algo de enfoque en la pieza..
Agregue una nueva capa de ajuste de degradado de 3 paradas y establezca los colores finales en # c1f7ff, # a3fffc, # c6fff0 (de izquierda a derecha). Haga clic sobre la pista de color para agregar una parada de opacidad en el medio. Establezca las paradas de opacidad en cualquier extremo de la pista en 0%.
Duplique el relleno de degradado azul claro y aplique una máscara de capa con un degradado radial.
Ahora para el toque final. Abra el grupo 'texto'. Duplique la capa '10000LYIS' y trate ambas capas como se muestra en la imagen correspondiente a continuación. La fuente utilizada para el texto se puede descargar aquí: Star Jedi
Crear un trazo de contorno 2px en una nueva capa. Agregue un brillo externo (# ffd257) y aplique una máscara.
Coloque la capa de extrusión en un nuevo grupo. Con la nueva carpeta aún seleccionada, Cmd / Ctrl + clic en la capa 10000LYIS y Alt + clic en la opción de máscara de capa.
Agregue una nueva capa de mapa de degradado y enmascare el clip (Cmd / Ctrl + Alt + G) a la capa de extrusión. Establezca los colores de parada en # ff0000 y # fffc00.
Agregue otro mapa de degradado enmascarado de clip con los colores de parada # d800ff y # 00f6ff. Invertir la máscara de capa (Cmd / Ctrl + I) y la máscara en consecuencia.
Cree una capa de trazo de contorno 2px de la extrusión en una nueva capa y agregue un brillo (# 57fff5)
Encuentre la máscara del grupo 'lazerz' y oculte la parte que está obstruyendo la vista del texto como se muestra.
Agregue un poco de brillo como lo hicimos en los pasos 35 y 36..
Por último, necesitamos 'moler' un poco la figura, así que vamos a crear un reflejo simple. Encuentra la capa que tiene la figura, copia y pégala. Vamos a cambiar el nombre de 'reflexión'. Cmd / Ctrl + T, haga clic derecho y seleccione 'Voltear Vertical'. Muévalo a la parte inferior del lienzo debajo de los pies del cadete como se muestra. Pulse Cmd / Ctrl + I para invertir la capa de reflexión..
Mueva la capa a la parte inferior del grupo y aplique la configuración de capa que se indica a continuación.
Accentsconagua