Share
Los diseñadores a menudo crean arte lineal en Illustrator y luego lo llevan a Photoshop para agregar color y efectos. En este tutorial, utilizaremos Photoshop para crear un efecto de texto retro e ilustración de caracteres con algunas ilustraciones preexistentes que puede descargar con los archivos de origen del tutorial. Empecemos!
Abra el archivo 'psdtut_BASE.psd'. Dentro de la pestaña de capas debe haber una capa de grupo "cadete" con todos los elementos de ilustración. Asegúrese de familiarizarse brevemente con todos los componentes. Ocultemos todas las capas que no necesitamos por ahora, excepto cadete, cañón y fondo.
Seleccione la capa 'Fondo' y presione Comando / Ctrl + I para invertirla.
Cree una carpeta de grupo encima de la capa de "fichas" y mueva la capa cannon_lines en ese grupo. Comando / Ctrl + Haga clic en la capa 'cadete' para crear una selección de marco. Haga clic en la herramienta Máscara de capa para cubrir cualquier línea de cañón que obstruya la figura del cadete..
Comencemos con el color que comienza con la figura del cadete. Haga clic en las capas de Ajuste en la parte inferior de la pestaña de capas. Cree un Mapa de degradado y enmascare el clip en la capa de cadete presionando ALT + Comando / Ctrl + G. Los colores del control deslizante para el mapa de degradado son # 007ea2, # bef5ff.
Repetiremos un poco la técnica del Mapa de degradado enmascarado de clips. También usaremos las máscaras de capas para revelar el color suavemente. Para hacer esto, seleccione la máscara de capa del mapa de degradado e inviértalos, luego revele el mapa con un pincel blanco suave, con la configuración del aerógrafo. También puede utilizar la herramienta de degradado. La siguiente serie de imágenes incluirá los códigos de color hexadecimales del mapa de degradado y una vista en el "Modo de máscara rápida" utilizada como guía para dar una idea de cuánto se está revelando. Recuerde que estos no tienen que ser seguidos estrictamente. Use su propia descripción para determinar cuánto o poco mapeo de gradiente desea revelar. # 00569f, # fffocket
# 290a59, # 528dcf
# 470070, # 0075a0
# 5000a1, # 087bb6
# 250031, # fe0675
Ahora haremos lo mismo por la capa de cañón..
# 0a3559, # e3fff9
# 290085, # 1d81ab
# 0a3f6b, # 7d1ad0
# 250031, # fe0675
* Nota * Recuerda mantenerte organizado! A estas alturas ya debería tener bastantes capas acumuladas en la pestaña Capas. Este tutorial se volverá más y más ocupado con el contenido a medida que avance, por lo que es mejor organizar su material con las carpetas de Grupo y Subgrupo cuando sea necesario. Utilice el archivo PSD de referencia (psdtut_REF.psd) para tener una idea de cuánta organización se recomienda.
Cree un clip enmascarado Capa de ajuste de relleno de color para la capa "oscura". Queremos que el sombreado se mezcle un poco más con nuestra paleta de colores, así que vamos a darle un tono azul oscuro, # 0d4061.
Vamos a añadir algunos puntos destacados. Cree algunas capas y utilice un poco de aerografía para crear reflejos suaves en la figura del cadete. Juega con los porcentajes de opacidad, flujo y dureza para obtener diferentes efectos de pincel. Usa un borrador suave cuando sientas que has terminado de hacerlo..
Haz lo mismo con la capa de cañón. Use un pincel pequeño para resaltar pequeños y ajuste la opacidad maestra de su (s) capa (s) de resaltado a "pantalla" o "superposición". También puede aplicar un estilo de capa de brillo exterior blanco para acentuar aún más una apariencia brillante..
Encuentra la capa 'cadet_lines_black'. Colóquelo en una carpeta de grupo llamada 'resplandores'. Duplique la capa con Comando / Ctrl + J e invierta (Comando / Ctrl + I). Por último, aplique un brillo exterior con el color predeterminado. Siga los parámetros indicados en la imagen de abajo..
A continuación, aplicamos una máscara de capa invertida presionando ALT + Al hacer clic en la herramienta de máscara de capa en la parte inferior de la pestaña de capas. Revelar con un cepillo suave. Una vez más, se utiliza una tapa de pantalla del modo de máscara rápida como guía para indicar la cantidad de revelación de la capa que se ha realizado. Usaremos esta guía cuando sea necesario mostrar el enmascaramiento de capa a lo largo de este tutorial.
Repita ese proceso esta vez con un color de brillo externo # 00eaff
Vamos a darle al vidrio en el casco un contorno brillante. Use la herramienta de lápiz para trazar la forma (asegúrese de que esté en el modo 'caminos'). Haga clic derecho en la ruta y seleccione 'Hacer selección'. Asegúrese de seguir los parámetros que se muestran a continuación y presione Aceptar. Seleccione la herramienta de marquesina, haga clic con el botón derecho y seleccione 'Trazar'. Por último, aplicar un poco de máscara de capa..
Crea una nueva capa en la carpeta de luces. Busque la capa de cadete y Comando / Ctrl + Clic para crear la selección de marco. Comando / Ctrl + C para copiar la capa y pegarla en la nueva capa que creó.
Establece la capa Relleno maestro en 0% y dale un color de brillo interno, # c600f8. Siga los parámetros de fx que se muestran a continuación.
A continuación, agregamos una máscara de capa y nos escondemos con un pincel o borrador negro. Pero antes de hacerlo, debemos aplanar la capa de brillo interior. Para hacer esto, vamos a crear una nueva capa y unir las dos con Comando / Ctrl + E. Sin llegar mucho a la física real de la misma, la razón para hacer esto es reajustar los estilos de capa una vez que se manipula la forma del objeto en De cualquier forma, ya sea que borre o use una máscara de capa. Al fusionarse con una capa en blanco, se aplana el estilo de capa que evita que ocurra lo mencionado anteriormente. Establecer el modo de fusión en 'Pantalla'.
Aplicar una máscara de capa invertida y revelar en consecuencia..
Ahora repetiremos lo que hicimos en los pasos 17-19 para el grupo cannon_lines. Duplique la capa cannon_lines, invierta el duplicado y aplique un color de brillo externo, # aee9ff. Usa una máscara de capa para revelarla en varias áreas..
Repita con el color # 00eaff.
Crea una nueva capa y llámala 'pinkoutline'. Encuentre la capa 'cañón' y Comando / Ctrl + HAGA CLIC para crear un marco. Crea un trazo y dale un brillo externo, # ff00f0, y una superposición de color, # fee6ff.
Vaya al grupo 'interfaz' y aplique un brillo externo, # 22ffc3, y una superposición de colores, # c7ffe8.
Deberías tener algo similar a la imagen de abajo. Tome todo lo que ha hecho hasta ahora y colóquelos en una carpeta de grupo si aún no lo ha hecho. Crea otra carpeta de grupo llamada 'takeshi'. Este será el grupo, que contendrá su tratamiento de tipografía..
En esta próxima fase, estaremos trabajando en ilustrador. Abra el archivo 'psdtut_type.ai'. (Para aquellos de ustedes que no tienen Illustrator, hay un archivo PSD que consiste en el tratamiento de tipo de letra. Simplemente vaya al paso 55)
Con la herramienta de selección (V), ALT + Clic + Arrastre el carácter japonés para duplicarlo.
Seleccione uno de los caracteres y conviértalo en un tono más claro de gris, K-18%. (Vamos a utilizar controles deslizantes de color CMYK para este ejercicio)
Seleccione el carácter gris claro. Vaya al menú superior y haga clic en Efectos> 3d> Extruir y biselar. Siga los parámetros en el cuadro de diálogo que se muestra a continuación.
Repita el paso 33 para el carácter duplicado, solo que esta vez, seleccione 'Estructura alámbrica' en el menú desplegable Superficie.
Seleccione ambas extrusiones y haga clic en Objeto> Expandir apariencia.
Establezca el color de trazo de la estructura alámbrica en negro absoluto, C, M, Y y K al 100% y haga que todas las líneas tengan un grosor de 1 pt. Renombra su capa de grupo 'Wireframe'.
Ahora tenemos que arreglar la extrusión sólida. Primero, selecciónelo y desagrupe (Shift + Command / Ctrl + G) todos los objetos hasta que las capas ya no se expandan..
Todo lo que debería quedar ahora es un montón de máscaras de clip que se llaman "grupo". Bloquea el grupo de Estructura metálica. Ahora selecciona todas las capas llamadas 'Grupo'. Libere las Máscaras de Clip presionando ALT + Comando / Ctrl + 7. Seleccione una de las capas de ruta en blanco. En el menú superior, haga clic en Seleccionar> Mismo> Color de relleno. Esto debería seleccionar todas las capas de ruta en blanco. Presione Eliminar.
Notarás que algunas áreas de la extrusión pueden tener diferentes tonos. Esto es porque son todo lo que tienen forma propia. Combinemos las formas junto con la herramienta Unite en la pestaña Explorador. (Mayús + Comando / Ctrl + F9). Selecciona una de las extrusiones separadas y únelas. Consulte las instrucciones a continuación para obtener más información..
Ahora haz lo mismo para las otras extrusiones. Hazlas una a la vez, no queremos que todas sean una, forma uniforme.
Ahora arreglaremos cualquier extrusión incompleta. Elija la herramienta Selección directa y haga clic en + arrastrar los puntos de anclaje de las esquinas para cerrar los huecos como se muestra a continuación. Asegúrese de que las guías inteligentes estén activadas (Comando / Ctrl + U)
También puede corregir cualquier otro hueco utilizando la herramienta de lápiz como se muestra a continuación.
Ahora vamos a añadir algunos gradientes. Elija una forma extruida y seleccione la herramienta Degradado. Busque la pestaña Degradado y haga clic en el control deslizante de degradado para activarla. Con la herramienta de degradado, haga clic y arrastre para obtener el ángulo de gradación de color a su gusto.
Haz lo mismo con las otras formas extruidas. Recuerda hacerlo de uno en uno y no simultáneamente..
Seleccione los objetos del tipo extruido y duplíquelos (ALT + Clic + Arrastrar).
Agrupar y bloquear el tipo original. Seleccione todas las formas de degradado en el duplicado usando Seleccionar> Mismo> Color de relleno en el menú superior.
Vaya a la pestaña del buscador de caminos y la Opción + Haga clic en la herramienta Unir para hacerlas formas compuestas. Haga clic en Expandir.
Ahora seleccione el tipo completo nuevamente y esta vez, Opción + Haga clic en 'Frente menos' en la pestaña Buscador. Asegúrese de que los pedidos de capas sean correctos y que tenga un resultado como el que se muestra a continuación. Recuerda hacer clic en 'Expandir'.
Elimine el relleno de color y dé a las formas un contorno negro de 1 pt..
Desbloquear y desagrupar el tipo original. Agrupa las extrusiones de gradiente juntas. Selecciona la tipografía plana y dale un relleno de color negro..
Con la tipografía negra aún seleccionada, vaya al menú superior y haga clic en Objeto> Ruta> Ruta de desplazamiento. Dale un desplazamiento de alrededor de -20 px. Corrija las esquinas impares con la opción Eliminar punto de anclaje en las opciones de la herramienta Pluma.
Elimine el relleno de color en la forma de desplazamiento y dele un trazo blanco de 14 puntos. Bajo el menú de la pestaña Trazo, establezca la esquina como 'redondear'.
Con el desplazamiento aún seleccionado, vaya a Objeto> Trayectoria> Trazo de contorno que lo convertirá en una forma. Dale a la nueva forma un desplazamiento de -6 px y hazla negra.
Ahora debería tener un 'kit de partes' completo para comenzar a crear su manipulación de texto en Photoshop. Reúna todas las partes como se muestra a continuación y colóquelas todas en capas separadas. Debería haber 6 en total. Vaya a Archivo> Exportar. Exportar el archivo como un PSD. Siga los parámetros que se muestran a continuación en el cuadro de diálogo..
Abra el archivo de Photoshop y seleccione todas las capas con Shift + Click. Arrastre las capas seleccionadas al archivo de ilustración para colocarlas en el lienzo.
Asegúrese de que todo el material de tipo esté en la carpeta 'takeshi' y céntrelos en el lienzo como se muestra. Invierta el alambre y los contornos a blanco. Cree un contorno blanco de 2 a 3 píxeles alrededor de la capa 'tipo' en una capa separada a través de la selección de marco, como se muestra en el paso 27. Nómbrelo como 'contorno'.
Ahora haremos un tratamiento de coloración similar al que hicimos con la ilustración inicial anterior en este tutorial. Usaremos mapas de degradado y enmascaramiento de capas. Una vez más, el modo de máscara rápida se muestra como una guía de la cantidad de máscara que se ha realizado. Comencemos con un mapa de gradiente de # ff00ba y # 1200ff.
# 000000, # 001df8
# 0054ff, # 89f0ff
Ve a la capa de estructura metálica y dale una capa de color, # faffa5, y un brillo exterior, # fff500.
Aplicar un poco de máscara de capa..
Selecciona la capa 'perfil de extrusión' y dale un brillo exterior, # f225ff, y aplica un poco de máscara de capa.
Duplique los contornos y repita el paso 62 con un brillo exterior de # 00ffe4. Coloque todo el tratamiento realizado hasta el momento en una carpeta de subgrupo llamada 'extruir'.
Seleccione la capa 'tipo'. Ahora Comando / Ctrl + Clic para crear una selección de marquesina y llenarlo con color, # fb0c67.
Cree una capa de ajuste de mapa de degradado y pásele máscara (ALT + Comando / Ctrl + G) a la capa 'tipo'. Agrega una máscara de capa invertida para revelar con un pincel blanco suave. A continuación, también he incluido una tapa de pantalla del cuadro de diálogo Editor de degradado para ver cómo los controles deslizantes también se han visto afectados.
Colores: # b2008e, # fffc00, # 00c0ff
Repita el paso 65 con colores hexadecimales # b3008b, # ff8a00, # 9cff00
Ahora agregaremos un relleno de degradado con cierta transparencia, agregando algunas paradas de opacidad del 0%. Siga el cuadro de diálogo del editor de degradado a continuación. También puede mover el relleno degradado alrededor del lienzo, sin embargo, esto solo es posible mientras se muestra el cuadro de diálogo "Relleno degradado". NO tenga también abierto el cuadro del editor de degradado mientras hace esto. Colores hexagonales: # ffc989, #ffffff, # f7fb7e
Duplique el mapa de degradado de la máscara de recorte un par de veces más y muévalos a lo largo de la superficie del tipo de letra. Recuerde tener abierto el cuadro de Relleno degradado para moverse por el lienzo.
Recuperemos algo del color rosa que ahora se pierde detrás de los mapas de degradado que acabamos de crear. Duplique la capa 'tipo' (Comando / Ctrl + J). Mueva la capa de 'tipo' original sobre todos los mapas de degradado recientemente creados y aplique una máscara de capa invertida para revelar suavemente con un pincel blanco (aquí se muestra nuevamente el Modo de máscara rápida). Una vez hecho esto, dale a la capa un brillo exterior, # ff0066.
Repitamos los pasos 67 y 68 pero con un relleno de degradado radial. Colores hexagonales: #ffffff, # ffd74c. Esto creará algunos focos en la superficie de tipo. Coloque todo el trabajo realizado en la capa de tipo en una carpeta llamada 'Kanji'.
Ocultar la capa 'tubo interior'. Ahora, seleccione la capa 'pipe' y agregue los siguientes estilos de capa:
Superposición de color: # ff0006
Sombra: # 3e0050
Resplandor interior: # 4c2200
Hacer una nueva capa. Crea un contorno blanco de 1 px alrededor de la tubería. Dale un brillo externo predeterminado y usa una máscara de capa para ocultar / revelar.
Seleccione la capa 'tubería interna' y aplique un brillo exterior, #fffadc, y una superposición de color, # ff9899.
Duplique la capa 'pipe' y asigne los mismos atributos que la capa 'type' en los pasos 64 y 69. Un relleno, # fb0c67, con un brillo exterior, ## ff0066.
Duplica la capa 'tubo interior'. Cambia la superposición de colores a blanco, #ffffff. Use una máscara de capa con un pincel más duro esta vez para acentuar algunos aspectos destacados. Coloque todo el trabajo realizado en la tubería y las capas de la tubería interior en una carpeta de Grupo.
Selecciona la capa de contorno y dale un brillo exterior, # f225ff. Agrega una máscara de capa invertida y revela con un cepillo suave.
Agreguemos algunos puntos destacados en las esquinas de algunas áreas con un aerógrafo suave.
Ahora vamos a crear una sombra del cadete y el cañón en el tipo. Mostrar el grupo de cadetes. Mayús + Comando / Ctrl + Haga clic en las capas de cadete y cañón originales para crear una selección de marquesina combinada.
Ocultar el grupo de cadetes. Cree una nueva capa sobre la subcarpeta 'kanji' y complete la selección de recuadro con negro. Dale una superposición de color, # 6e0050.
Ahora queremos mantener la sombra dentro del límite del tipo de letra. Comando / Ctrl + Haga clic en la capa 'tipo' para crear un marco. Luego haga clic en la herramienta de máscara de capa.
Duplica la sombra y elimina la máscara de capa. Colóquelo encima de su carpeta de tuberías. Repita el paso 80 para tener una sombra sobre la capa de tubería. Usa las teclas de flecha en tu teclado para empujar un poco la sombra. Esto creará una sutil ilusión de profundidad..
Hagamos que el texto se refleje en la ilustración del cadete. Oculta todas las capas excepto el grupo takeshi. Asegúrate de ocultar las sombras de los cadetes también. Vaya a Archivo> Guardar como y seleccione PNG como la extensión. Cuando aparezca el cuadro de opciones de PNG, deje Interlace como 'Ninguno' y presione OK.
Abra el archivo PNG y cópielo y péguelo en la PSD. Vaya al menú superior y haga clic en Filtro> Licuar (Mayús + Comando / Ctrl + X).
En el cuadro de diálogo Licuar, comience a hacer clic y arrastrar para transformar el tipo aplanado. Use la imagen transparente debajo como guía para que se ajuste a la ilustración del cadete / cañón. Intenta y consigue un resultado similar al de abajo..
Coloque el texto licuado en un nuevo grupo. Como se hizo en el paso 78, cree una marquesina alrededor de la ilustración del cadete / cañón y cree una máscara de capa para el grupo.
Agregue un Mapa de degradado enmascarado de clip al texto licuado, # 0054b2 y # 00fcff. Establezca el modo de fusión en pantalla y la configuración de la opción maestra en 81%.
Agregue una máscara de capa invertida a la capa de texto licuado y use un pincel suave para revelar.
Ahora vamos a crear algunas atmósferas con una serie de capas de ajuste de relleno Gradiet. Cree una nueva carpeta llamada 'atmósfera' y colóquela detrás de todo lo demás. Siga los parámetros proporcionados en las imágenes. Relleno de degradado lineal: # 10004a, # 10004a.
Relleno de degradado radial: # 00f0ff, # e400ff
Relleno de degradado radial: # 00ff90, # b9feff, # e200fd
Vamos a crear un reflejo de cadete para enfatizar el plano de tierra. Ocultar todos los grupos excepto el grupo 'cadete'. Repita el paso 82 para crear un PNG.
Abra el archivo PNG y cópielo y péguelo en la PSD. Presione Comando / Ctrl + T para mostrar el cuadro de transformación, haga clic con el botón derecho y seleccione 'Girar vertical'.
Mueva la ilustración aplanada hacia la parte inferior del lienzo para que las suelas de las botas se toquen. Establezca el Modo de fusión de la capa en Pantalla, asigne una superposición de color de # 00067b con el Modo de fusión: Multiplique el 29% y agregue una máscara de capa para que se desvanezca en la parte inferior (aquí no se muestra el Modo de máscara rápida).
Añadamos una capa más de ambiente atmosférico. Cree una capa de ajuste de degradado sobre todas las demás capas y seleccione el degradado de arco iris transparente predeterminado. Ajusta los parámetros a tu gusto..
Configura el Modo de fusión en Superposición y dale una opacidad maestra al 33%. Si desea enmascarar ciertas áreas, use la técnica que se muestra por primera vez en el paso 23, de lo contrario desplazará la disposición de color del degradado a medida que se enmascara.
¿Por qué no añadir un poco de "bling" a esta ilustración. Para crear un brillo, simplemente use la herramienta de línea (Alternar Mayús + U y establezca 'Rellenar píxeles') para crear una 'X' en una nueva capa. Desvanece los extremos con un borrador suave y agrega un brillo exterior. Por último, use un cepillo suave para agregar un poco de brillo en el centro. Añadir estos con moderación a lo largo de su ilustración.
Accentsconagua