Uso de la composición de capas: creación de mapas de diferencias en la expresión de los personajes
En muchas aplicaciones de mensajería instantánea, ahora puedes crear varios stickers y enviarlos directamente a la otra persona en lugar de texto.
¿Alguna vez has pensado en dibujar y crear stickers de tus propios personajes o de personajes originales?
Sin embargo, al dibujar muchas expresiones diferentes, el trabajo inevitablemente se vuelve aburrido y lleva mucho tiempo. Aquí te recomiendo una función de gestión de capas muy práctica: [**Composición de Capas]**. Puedes usar esta función en CSP EX versión 3.0 o superior. ¡Es una gran ayuda para procesar una gran cantidad de imágenes diferenciales!
Además de poder aplicarse a diferentes versiones de ilustraciones, como diferentes luces y sombras en la escena (mañana, atardecer, noche, etc.) o diferentes expresiones en los rostros de los personajes, esta función también permite gestionar cómics de varias páginas y cambiar rápidamente a diferentes versiones de idioma.
Además, para quienes tienen problemas para seleccionar la versión al dibujar ilustraciones, esta función también puede servir para cambiar rápidamente de versión para comparar, lo cual es muy práctico.
En este artículo, voy a:
1️⃣Parte 1: Una breve introducción a la función de composición de capas;
2️⃣Parte 2: Crear un mapa diferencial de expresiones de caracteres, demostrar el uso de la gestión de composición de capas y presentar otros aspectos a tener en cuenta durante la creación.
¡Comencemos! ✨
1️⃣【Composición de capas——Introducción al uso】
✧ Introducción al panel de composición de capas
Primero, abra el panel Composición de capas.
Ubicación: [Ventana] → [Composición de capas]
Después de decidir qué capas quieres mostrar, puedes hacer clic en «Añadir composición de capas» para crear una nueva. Puedes asignarle un nombre a la composición mientras la creas.
Icono de ojo: Indica la composición de capas que se muestra actualmente (※Solo se mostrará una composición a la vez)
Icono de verificación: Selecciona la composición cuando necesites operar con ella (※Se pueden seleccionar varias opciones)
Icono inferior derecho: Muévete hacia arriba y hacia abajo para cambiar la composición mostrada.
Otras opciones
Después de seleccionar la composición de capa que se va a manipular, las operaciones disponibles incluyen:
Sobrescribir composición
Eliminar composición
Si necesita cambiar el orden de la composición de capas, simplemente arrástrela en el panel.
✧ Demostración de uso
En la siguiente demostración, hay tres capas al principio: A, B y C.
Añadir composición de capas es muy sencillo. Después de mostrar A y C y ocultar la capa B, simplemente haga clic en el icono de añadir y cambie el nombre a A+C.
Si hace clic para mostrar la capa B en este momento, el icono del ojo en el panel de composición de capas volverá al estado de visualización de la última capa.
Dado que el estado mostrado en este momento ya no es "A+C".
Aunque "A+C" estará marcado en el panel, si no realiza ninguna operación relacionada con la composición de capas, puede ignorar el icono de verificación.
Al volver a hacer clic en el ícono del ojo "A+C", regresará rápidamente al registro de visualización de esa capa.
【Añadir nueva capa】
En este momento, si se añade la capa D, el icono del ojo volverá al estado de visualización de la última capa.
Porque en este momento, no se encuentra en el estado "A+C", sino en el estado donde A, C y D se muestran simultáneamente.
Después de agregar una nueva capa, si es necesario, puede agregar otra composición de capas siguiendo el mismo método descrito anteriormente.
Si desea reemplazar A+C, puede usar la función sobrescribir.
En la demostración, agregué una capa "★".
En este punto, el icono del ojo volverá al estado de visualización de la última capa, pero como el siguiente paso es "operar", puede ignorar la parte de "visualización".
Luego, marque "A+C" y haga clic en "Sobrescribir composición de capas".
En este punto, el icono del ojo volverá a "A+C", ya que "A+C" se ha sobrescrito y se ha establecido en "A+C+★", que es el estado de visualización actual. A continuación, puede decidir si desea cambiar el nombre de la composición de capas.
Cambiar el nombre de la composición de capas: haga doble clic en la posición del nombre.
Si desea agregar una capa que será compartida por todas las versiones (es decir, después de agregar la capa, se mostrará en todas las composiciones de capas), debe antes de agregar la capa, hacer clic para activar "Mostrar la capa adicional en todas las composiciones".
Eliminar capa
Eliminar una capa no afectará el estado de visualización de la composición de capas.
Por ejemplo, hay dos composiciones de capas: "A+C" y "A+C+D".
Si elimina la capa D, el estado de visualización (icono del ojo) no cambiará.
De hecho, el contenido de visualización de "A+C+D" será el mismo que el de "A+C", pero la composición de capas en sí no desaparecerá.
【Cambiar el orden de las capas】
Cambiar el orden de las capas no afectará su composición.
Fusionar capas
✧ Caso 1
La composición de capas original es "A+C+ ★ ".
Si fusiono las capas "C" y " ★ " en una sola capa "C ★ ",
El contenido de la pantalla no cambiará, pero la composición de capas solo contiene dos capas de visualización: "A+C ★ ".
---------------------------------------------
✧ Caso 2
La composición de capas original es "A+C+ ★ " y "A+C+D".
Si fusiono las capas "C" y " ★ " en una sola capa "C ★ ",
Entonces, la composición de capas "A+C+D" ahora tendrá " ★ ", es decir, "A+C ★ +D".
El contenido de visualización de la composición de capas "A+C+ ★" no cambiará, pero en realidad solo contiene dos capas de visualización, "A+C ★".
Y el contenido de visualización de "A+C+ ★" y "A+C+D" será consistente.
【Agregar nueva carpeta de capas】
Composición de capas original "A+C".
Si agrego una nueva carpeta de capas y le agrego "C",
la carpeta de capas se oculta.
El contenido de la pantalla se mostrará únicamente en "A" y "C".
Para mantener el contenido de la pantalla como A y C, debe activar la visualización de la carpeta de capas y sobrescribirla con la composición de capas original.
【Conversión de capas】
Si convierte una capa (por ejemplo, una capa vectorial en una capa de matriz de puntos) sin conservar la capa original, la composición de la capa no se verá afectada.
Sin embargo, si decide conservar la capa original, se añadirá la capa de matriz de puntos original y la nueva capa vectorial, lo que se considerará como "añadir una nueva capa", por lo que no coincidirá con la configuración de composición de la capa existente, por lo que el icono del ojo volverá al estado de visualización de la última capa.
Cambiar la opacidad de la capa
Cambiar la opacidad de la capa no afectará su composición.
La composición de la capa no registra su opacidad.
Cambiar el nombre de la capa
Cambiar el nombre de una capa no afectará su composición.
Sin embargo, tenga cuidado si necesita cambiar el nombre de la capa según el nuevo nombre.
2️⃣【Práctica real: Creación de un mapa de diferencias en la expresión de personajes】
✏️Empieza a dibujar
Primero, dibuja el borrador del personaje. Ten en cuenta lo siguiente:
1. Si lo vas a usar como pegatina para una aplicación de comunicación, se recomienda dejar espacio en los lados superior, izquierdo y derecho para evitar cortar el personaje.
2. Tamaño: Presta atención al tamaño que requiere la aplicación. A veces no es necesariamente un cuadrado, sino un rectángulo casi cuadrado. Puedes dibujar con la misma proporción, pero a un tamaño mayor, pero primero debes reducir la imagen para comprobar si se pueden ver los detalles.
3. Resolución: Si quieres imprimir la imagen en el futuro, debes configurar la resolución de 300 dpi o superior.
Si solo se publica en línea, 72 dpi también son suficientes.
4. Respecto a la composición de capas:
Recomiendo separar las capas según los objetos individuales.
Se recomienda colocar los objetos relacionados con las expresiones, como la boca, los ojos, las cejas, etc., en carpetas de capas. Otras partes, como el cuerpo y el rostro, también se pueden fusionar en una sola capa.
Boca
Ojos
Cejas
Cabello
Maquillaje
Rostro
Cuerpo
Cabello (inferior)
Entre ellas:
El cabello se divide en la capa inferior (debajo del rostro y el cuerpo) y la capa superior (encima del rostro).
La capa de maquillaje no se refiere al maquillaje real, sino a un término general para los colores faciales, como el rubor, que pueden cambiar de posición según la expresión. En la imagen de demostración, usé tres capas para dibujar el rubor, el párpado doble y las sombras de ojos, respectivamente.
Se recomienda mantener la carpeta de capas de cejas separada de la de ojos.
El orden de las capas de cabello y ojos se puede determinar según tus preferencias. También puedes dibujar en el orden [Cabello (superior) > Ojos > Cabello (central)]. (Es decir, incluyendo el cabello inferior, hay tres capas de cabello en total). Aquí dibujé la nariz en la capa de la boca, pero también puedes abrir una nueva capa según tus preferencias.
💡 Si es necesario, también puedes agregar una capa de color de fondo en la parte inferior.
Especialmente para stickers en aplicaciones de comunicación, es común agregar un borde blanco.
💡 Además, si quieres un fondo transparente, debes mantener el "papel" oculto al agregar capas a la composición.
⑤ Comprueba si la imagen está completa.
Especialmente en el caso de las pegatinas, si hay un agujero transparente en el centro de la imagen, puede resultar muy visible.
En este caso, simplemente añade una capa brillante debajo de todas las capas y amplía la imagen para comprobar si es necesario volver a pintarla.
Tras completar la inspección, elimina la capa.
🧾Utilizar la función de composición de capas
Primero, oculta las capas relacionadas con las expresiones, incluyendo:
Ojos
Cejas
Maquillaje (como rubor, párpados dobles, sombras de ojos, etc.)
Nariz y boca
Ten en cuenta que debes ocultar las "capas" en lugar de las "carpetas de capas".
Luego, añade una nueva composición de capas y asígnale el nombre base para la pintura.
Como esta imagen es de demostración, ya dibujé una expresión facial básica.
Así que aquí, muestro directamente las capas relevantes y añado otra composición de capas.
En la siguiente sección, explicaré las reglas de nomenclatura que utilizo personalmente:
【Composición de capas】
Sonrisa 1+1+1
Significa: descripción de la expresión, ceja 1, forma del ojo 1, forma de la boca 1.
El orden de los números se puede cambiar según las preferencias personales.
【Nombre de capas】
1 - normal
2 - cerrado
Significa: número, descripción.
Además, usaré colores para marcar las carpetas de capas relacionadas con las expresiones más comunes para facilitar el trabajo.
Por ejemplo, si quiero dibujar una cara fría para la siguiente expresión, nombraré la siguiente composición de capa según la capa utilizada, es decir:
Sin emociones 1+1+3
De hecho, los ojos y las cejas de "sin expresión" son los mismos que los de "sonrisa", por lo que ambos números empiezan con "1+1", y solo el tercer número es diferente.
En cuanto a la parte de "maquillaje", como no suele cambiar mucho, no la marcaré en el nombre de la composición de la capa.
En su lugar, le asignaré un nombre a la capa de maquillaje para que coincida con las diferentes expresiones.
Esta parte se explicará a continuación.
📰 Utilice la función Duplicar capa
Al dibujar diferentes expresiones, en lugar de añadir una nueva capa y volver a dibujar, es mejor copiar la capa existente y modificarla ligeramente, lo que permite completar el dibujo más rápido.
Por ejemplo, quiero añadir una expresión de emoticono entrecerrando los ojos.
Por lo tanto, necesito añadir la forma de un ojo entrecerrado en la opción de forma de ojo.
【 🔨 Método】
① Copia la capa original del ojo (1 - normal).
El método consiste en arrastrar la capa al icono "Nueva capa de puntos";
o hacer clic derecho en la capa y seleccionar [Copiar capa].
② Borra la parte del globo ocular y mueve la capa ligeramente hacia abajo.
Si es necesario, utiliza la función de sesgado (Licuar) u otras funciones de deformación para recortar.
★ Recuerda modificar el nombre de la capa con la expresión correcta una vez finalizado.
③ Según la nueva posición del ojo, ajusta la posición del párpado de la misma forma que al copiar la capa.
De hecho, simplemente copié la capa original del párpado, la moví ligeramente hacia abajo y llamé la nueva capa "Párpado - entrecerrar los ojos".
Después, puedes agregar una nueva composición de capa basada en esta nueva expresión.
De esta manera, ¡ya tenemos tres expresiones que se pueden ajustar rápidamente!
Además, también puedes ajustar la posición del rubor antes de agregar una nueva composición de capa.
Como esta es solo una demostración sencilla, se omite la parte repetitiva.
La razón por la que no usamos un sistema de numeración para la capa de "maquillaje" es porque el rubor y otras partes rara vez se ajustan.
Además, si se añade un número al nombre de la composición de la capa, el nombre completo resultará demasiado largo y será más difícil leer su estructura.
Por supuesto, esto es una decisión personal. Si se desea asignar un número aparte a la capa de "maquillaje", sin duda se puede hacer.
Si necesitas dibujar la expresión a continuación y no necesitas usar la capa de expresión original, puedes hacer clic en el estado sin rasgos faciales (es decir, la base "Sin rostro" almacenada al principio) en el panel de composición de capas para volver al estado original.
De esta forma, no tendrás que perder tiempo ocultando la capa existente.
📁Organiza las capas necesarias
Si necesita dibujar muchas expresiones, puede considerar usar una tabla para organizar los estilos de cada capa.
El siguiente es un ejemplo sencillo. Puede agregar estilos como el n.° 4, el n.° 5, etc., según sea necesario.
📄 Se agregaron nuevas imágenes de configuración de personajes.
Si necesitas añadir objetos compartidos en este momento, también es muy sencillo.
Por ejemplo, quiero añadir un accesorio para el pelo al personaje.
Aunque puedes dibujar directamente sobre la capa del pelo, teniendo en cuenta que si más adelante quieres dibujar una expresión sin vida, el accesorio se soltará, es mejor dibujarlo en una capa aparte.
【 🔨 Método】
① En el panel de composición de capas, haz clic para activar "Mostrar capas adicionales en todas las composiciones".
② Añade una capa para dibujar accesorios para el pelo.
③ Dibuja normalmente.
④ Haz clic de nuevo y desactiva "Mostrar capas adicionales en todas las composiciones".
De esta forma, los accesorios para el pelo se mostrarán en todas las composiciones de capas.
Si olvidas hacer clic en "Mostrar capas adicionales en todas las composiciones" después de terminar de pintar los objetos compartidos recién añadidos, también puedes actualizar rápidamente todas las composiciones de capas siguiendo estos pasos:
【 🔨 Pasos】
① (Completar la pintura de los objetos compartidos recién añadidos)
② En el panel de composición de capas, haz clic en "Mostrar capas adicionales en todas las composiciones".
③ Duplica la capa de destino.
④ Haz clic de nuevo y desactiva "Mostrar capas adicionales en todas las composiciones".
Si desea conservar la base sin rostro sin decoraciones adicionales, como este accesorio para el cabello, siga estos pasos:
1. Seleccione la composición de la capa "Base sin rostro".
2. Oculte la capa del accesorio para el cabello.
3. En el panel de composición de capas, haga clic en "Superponer".
4. ¡Listo!
📝 Modificar la imagen de configuración del personaje
Si desea modificar rápidamente una imagen existente, como cambiar rápidamente el color de los ojos, puede consultar los siguientes métodos:
1. [Nueva capa de compensación de tono] → [Ajuste de degradado] (presione primero OK).
2. Recorte la capa de compensación de tono a la carpeta de capas del ojo completo.
3. Haga doble clic en la capa de compensación de tono.
4. Ajuste el color del degradado y ¡listo!
【Cómo ajustar el color del degradado】:
1. Haz clic en la posición debajo de la barra de color para añadir un punto de ancla.
2. Haz doble clic en "Especificar color" para cambiar el color del punto de ancla.
3. Agrega dos puntos de ancla del mismo color y reduce la parte del degradado acercándolos para que puedas especificar el color en diferentes posiciones.
💡 Cuanto mayor sea el contraste entre las luces y las sombras de las diferentes partes del ojo (como el delineador, la pupila, etc.), más fácil será usar el degradado para ajustar el tono de color.
Al cambiar el color de los ojos o las cejas, etc., puedes aplicar expresiones a diferentes personajes, creando así plantillas de expresión, ¡lo cual es muy conveniente!
📤 Imagen de salida
Después de dibujar las diferentes expresiones, ¡puedes exportar el archivo de imagen!
【 🔨 Método】
① Si quieres exportar con un fondo transparente, pero no ocultaste la capa de papel durante la preparación, puedes eliminarla directamente.
② [Archivo] → [Otra escritura] → [Composición de la capa de escritura].
③ Configura la ubicación de almacenamiento, el nombre, etc. del archivo de imagen. Si necesitas un fondo transparente, selecciona un archivo PNG.
En la configuración de exportación, puedes ajustar aún más el tamaño del archivo.
Por lo tanto, si los stickers para aplicaciones de comunicación requieren un tamaño menor y tienes problemas para dibujar con fluidez, puedes configurar un tamaño mayor al crear un nuevo archivo y luego reducirlo.
💡 Aunque la configuración de exportación a JPG permite ajustar la calidad, si no quieres que la calidad se comprima al reducir la imagen, puedes exportarla como archivo PNG.
¡Finalizar!
Después de completar la diferenciación de cada expresión, puedes agregar texto adicional como una pegatina:
Para los métodos de procesamiento de textos, consulte la siguiente enseñanza oficial:
Conclusión
¡Muchas gracias por leer esto!
Aunque la imagen de demostración solo muestra el uso de la composición de capas para gestionar tres expresiones, esta función es muy práctica para gestionar archivos más diferenciales.
La salida por lotes de diferentes versiones de expresiones es una función indispensable que ahorra mucho tiempo de trabajo.
Además, los métodos anteriores también se pueden aplicar para crear bases de datos de expresiones para personajes, CG de diferencias de expresión para personajes en diálogos de juegos, etc., ¡y no se limitan a la creación de texturas!
¿Qué te parece esta información?
¡No dudes en dejarme un mensaje! Espero que este contenido te sea útil.
Usuarios a los que les gustó esta publicación
Comentario