Introducción

¡Hola! Mi nombre es Hira Karmachela, también conocido como BABE ODED. En esta publicación, compartiré mi experiencia en la creación de íconos/imágenes de perfil con múltiples rasgos utilizando Clip Studio Paint. Estoy seguro de que todos los que leen este artículo conocen muy bien la tendencia actual de los íconos de perfil. Esta publicación nos guía para crear un ícono de perfil con múltiples rasgos, lo que técnicamente nos permite crear muchas variaciones de íconos de perfil a partir de un solo proyecto.

 

Espero que esta publicación sea un consejo interesante para aquellos de ustedes que buscan crear íconos de perfil con múltiples rasgos utilizando CSP.

Acerca del icono/imagen de perfil

El icono de perfil, también conocido como imagen de perfil (PFP), se utiliza técnicamente como una identidad visual complementaria en diversas plataformas de redes sociales. Las imágenes utilizadas no siempre tienen que ser autorretratos fotográficos, sino que pueden ser ilustraciones de figuras en un estilo surrealista o de dibujos animados que muestran expresiones o imágenes del usuario de la cuenta.

 

Recientemente, el icono de perfil o PFP se ha vuelto muy popular entre los internautas. Los avances tecnológicos, especialmente en el uso de las redes sociales, han convertido este icono de perfil en la identidad inicial para atraer la interacción con otros usuarios. De hecho, el icono de perfil se ha convertido en un mercado separado que es comercializado y coleccionado por muchos usuarios de redes sociales.

#1 Entendiendo el concepto de rasgos en el icono de perfil

Los rasgos en el icono de perfil se refieren a la variedad de atributos utilizados por los personajes en la imagen. Técnicamente, los detalles más pequeños de una figura en un dibujo pueden considerarse propiedades siempre que se creen en capas separadas. Así, en concepto, este rasgo puede usarse y combinarse con varias otras propiedades para producir una variedad de apariencias de figuras.

Los rasgos del icono de perfil pueden ser en forma de varios colores de fondo, varias formas de cabeza, colores de cabello, varios tipos de ropa y muchos más según nuestras creaciones.

#2 Desarrollando ideas

Hay muchas referencias interesantes sobre el diseño de iconos de perfil que podemos ver a través de cuentas populares en redes sociales. Pero, por supuesto, lo mejor es desarrollar tus propias ideas y expresarte a través de ellas.

Técnicamente, el icono de perfil mostrará un retrato de una figura. Por lo tanto, se recomienda encarecidamente poder mostrar la expresión de la figura a realizar. El tipo de toma más adecuado para esta necesidad es un primer plano o un plano medio que muestre la cabeza hasta la parte superior del pecho de la figura. Es importante recordar que el icono de perfil se mostrará en un tamaño muy pequeño en las plataformas de redes sociales. Por lo tanto, intenta pensar en una idea que sea minimalista pero que tenga un atractivo.

Otra cosa a considerar es el punto de vista de la figura. Lo más común es mostrar la figura en vista frontal. Pero podemos considerar un atractivo diferente mostrando una vista lateral, una vista de tres cuartos, incluso una vista trasera.

Después de eso, decide qué estilo de ilustración usar. Puedes usar estilos de ilustración realistas, surrealistas, de dibujos animados o de pixel art.

#3 Configuración del documento y el diseño

Sin más preámbulos, abramos CSP y comencemos a crear tu icono de perfil. Ve al menú Archivo > Nuevo.

Aparecerá una nueva ventana. El icono de perfil requiere dimensiones con forma de caja, por lo que configuramos el ancho y el alto de forma personalizada. El tamaño no necesita ser demasiado grande, incluso algunas plataformas de redes sociales reajustarán las imágenes subidas según su almacenamiento. Para ello, recomiendo usar las dimensiones 1080px para el ancho y 1080px para el alto también.

Para la resolución, simplemente configúrala a 72 ppp porque solo estamos haciendo imágenes para necesidades digitales. Pero puedes considerar una resolución más alta si hay necesidad de imprimir.

El lienzo está listo, luego configuramos la cuadrícula para determinar el diseño de la figura que crearemos. Ve al menú Ver > Cuadrícula.

Aparecerá una cuadrícula o líneas imaginarias en el lienzo. Parece muy molesto porque hay demasiadas líneas. No te preocupes, podemos ajustar el número de cuadrículas yendo al menú Ver > Configuración de la barra de cuadrícula/regla.

Aparece una nueva ventana. Establece el punto de inicio de la barra de cuadrícula/regla en Centro. Luego establece la distancia entre las cuadrículas en 1000px y el número de divisiones en 5. Haz clic en OK para confirmar.

Perfecto. Una cosa más que debe prepararse en esta sesión es un círculo imaginario como ilustración para nosotros cuando este icono de perfil se publique en las redes sociales. La mayoría de las plataformas de redes sociales muestran el icono de perfil en forma de círculo, por lo que es posible que algunas partes se corten si no lo consideramos desde el principio.

Selecciona la capa "Papel" en el panel de capas. Luego selecciona la herramienta "Regla" y selecciona la subherramienta "Regla de figura".

En el panel de propiedades de la herramienta, selecciona la forma de círculo en la sección de figura, luego marca la opción "Tipo de aspecto" y selecciona el píxel para la unidad. En la parte inferior, establece las dimensiones del círculo imaginario a 1080 por 1080.

Antes de colocarlo en el lienzo, configuramos el círculo para que esté directamente centrado. Para hacer esto, haz clic en el icono de configuración en la esquina inferior derecha de la propiedad de la herramienta.

Aparece una nueva ventana. Selecciona la sección de Operación de forma y luego marca la opción "Comenzar desde el centro". Cierra la ventana de configuración.

Ahora coloca el círculo imaginario en el lienzo. Apunta el cursor al centro de la cuadrícula y haz clic izquierdo. Aparecerá un círculo imaginario con un trazo morado. Este círculo no existe realmente y es solo una guía, por lo que no es necesario eliminarlo al final.

#4 Usando materiales 3D como referencia

Esta sesión es opcional, pero seguirá siendo muy útil para aquellos de ustedes que son avanzados o nuevos en la representación de una figura desde diferentes puntos de vista. Para aquellos que todavía están confundidos sobre cómo dibujar buenas proporciones de figura desde la vista frontal, lateral u otras vistas, pueden usar materiales 3D como referencia.

Solo practica yendo al menú Ventana > Material > Material [3D].

El panel de Materiales se expandirá a la derecha de la pantalla. Selecciona "Tipo de cuerpo" y luego selecciona y mantén presionado sobre los activos de figura de dibujo 3D disponibles. Si por casualidad este activo no está disponible en tu CSP, entonces necesitas descargarlo primero. Si está disponible, simplemente colócalo en el lienzo.

Minimiza el panel de Materiales para que no bloquee el lienzo. El activo 3D aparecerá en el lienzo en estado de cuerpo completo. Podemos ajustarlo para que parezca que se adapta a nuestras necesidades.

Selecciona el icono de ángulo preestablecido en la parte inferior de la figura. Aparecerá una nueva ventana. Puedes elegir los ángulos disponibles y la figura se mostrará inmediatamente según el ángulo seleccionado en el lienzo.

Puedes elegir una vista frontal, una vista lateral izquierda o derecha, una vista de tres cuartos e incluso una vista trasera según el concepto de icono de perfil que hayas establecido.

Una vez que hayas seleccionado el ángulo adecuado, se recomienda encarecidamente reorganizar las figuras para que se ajusten al diseño deseado para las necesidades del icono de perfil.

Deja espacio en la parte superior de la cabeza para que podamos diseñar cabello o sombreros libremente. También es importante dejar espacio a la izquierda y a la derecha. Selecciona la capa "Papel" para que podamos ver el espacio restante cuando la figura se muestra en un marco circular.

Cuando este activo 3D esté configurado, selecciona la capa de material en el panel de capas. Luego, ajusta la opacidad de la capa al 50% para que esta capa sea cómoda de usar como referencia para dibujar.

#5 Organizando rasgos como capas

Antes de comenzar a dibujar una figura, primero debemos organizar la necesidad de los rasgos utilizando un sistema de capas. Crea una carpeta de capas con el mismo número de rasgos que hayas diseñado y nombra cada carpeta según los nombres de los rasgos. Por ejemplo, diseñé varios rasgos con los siguientes nombres: Fondo, Piel, Ropa, Cabeza y Especial.

Ve al menú Capa > Nueva carpeta de capas. Verás una carpeta en el panel de capas. Esta carpeta se puede llenar con capas nuevas o existentes.

Renombra la carpeta de capas seleccionando la carpeta de capas "Carpeta 1" y luego ve al menú Capa > Configuración de capa > Cambiar nombre de capa.

Aparece una nueva ventana. Escribe el nombre del rasgo para la carpeta de capas. Di un ejemplo para crear una carpeta de capas "Fondo".

Para facilitar la organización visual, ya que tendremos muchas carpetas de capas y muchas capas dentro de ellas, sugiero usar una paleta de colores para cada carpeta de capas con un color diferente. El método es muy sencillo, simplemente elige un color en el botón de la paleta de colores en el panel de capas.

Aquí hay una lista de carpetas de capas que representan cada rasgo que diseñé para mi icono de perfil. Es importante ordenar visualmente las carpetas de capas en su orden. La última imagen en el lienzo se coloca en la capa inferior (por ejemplo, la capa de Fondo) y la imagen frontal en el lienzo se coloca en la capa superior.

#6 Dibujando los rasgos de la figura

El siguiente proceso es el dibujo de la figura. Este proceso se puede realizar de muchas maneras, tanto técnica, estilística como proceduralmente. Pero, en principio, la figura se realiza parcialmente de acuerdo con la distribución de las propiedades predeterminadas.

 

Para empezar, puedes esbozar la apariencia general de la figura a crear en la "Capa 1", que está fuera de las carpetas de capas. Puedes usar la herramienta lápiz o pluma para hacer un boceto. Usa los activos 3D de la capa inferior como referencia.

A continuación, puedes crear una nueva capa en cada carpeta de capas para variar los rasgos. Para crear una nueva capa en una carpeta es muy fácil. Selecciona la carpeta de capas y luego ve al menú Capa > Nueva capa > Capa ráster.

Aparece una nueva ventana. Escribe el nombre del atributo para el rasgo.

Por ejemplo, la capa "Fondo" contiene solo colores sólidos o degradados de color. Su función es solo como fondo de nuestro icono de perfil. En esta publicación, creé cinco variaciones de este rasgo usando colores sólidos con los siguientes nombres de atributos: Timberwolf, Naranja Atardecer, Resplandor Solar, Azul Cielo y Verde Chillón.

Encima de ella, creé una capa de "Piel" que contiene el cuerpo de la figura desde el cuello hasta la parte superior del pecho sin ropa. Para este rasgo, solo hice tres variaciones, aquí están los nombres de los atributos: Rana, Bestia y Humano.

La siguiente capa encima, creé una capa de "Ropa" que es una variación de la ropa que cubrirá el cuerpo de la figura. Para este rasgo, creé tres variaciones con los siguientes nombres de atributos: Traje de baño, Chaqueta brillante y Traje negro.

La siguiente capa encima, creé una capa de "Cabeza" que es una variación del objeto que se convierte en la cabeza de la figura. Conceptualmente, la hice desconectada del cuerpo de la figura. Para este rasgo, creé cinco variaciones con los siguientes nombres de atributos: Boca Grande, Ojo de buey, Coco, Tablero de Dibujo y Cara Hueca.

En la capa superior, hice una capa "Especial" que contiene objetos que son accesorios u ornamentos que decoran la apariencia o expresión de la figura. Para este rasgo, creé cuatro variaciones con los siguientes nombres de atributos: Mano de Tentáculo, Mano de Arena, Mano Vóxel y Mano Ociosa.

Esa es toda la disposición de capas que hice como ejemplo para crear un icono de perfil con múltiples rasgos. Por supuesto, puedes añadir libremente capas/rasgos y variaciones de atributos para cada rasgo según el concepto que desees. A continuación, podemos combinar cada atributo en cada rasgo/capa para generar varios iconos de perfil posibles.

#7 Generando y exportando los iconos de perfil

Finalmente llegamos a la sesión tan esperada. Una vez que todos los rasgos han sido creados y organizados de tal manera con el sistema de capas, ahora podemos comenzar a combinar cada rasgo y generarlos en varios iconos de perfil.

 

Es muy fácil. Solo necesitamos mostrar las capas de rasgos que queremos revelar y ocultar las capas de rasgos restantes. Intenta experimentar combinando un atributo de rasgo con otro atributo de rasgo.

Una vez que hayas generado una combinación interesante de rasgos, estás listo para exportarlos como un icono de perfil. Recomiendo guardarlo en formato PNG, que es capaz de guardar bien las imágenes para necesidades digitales y publicaciones web en tamaños de datos pequeños. Ve al menú Archivo > Exportar (Capa única) > PNG.

 

Aparece la ventana de guardar. Selecciona el directorio de almacenamiento y luego escribe el nombre del archivo.

Antes de que se guarde el archivo, aparecerá primero la ventana de configuración. Aquí puedes establecer tus requisitos de almacenamiento de archivos. Por ahora, mantén la configuración por defecto. Luego haz clic en OK.

También puedes guardar el archivo en un tamaño más pequeño solo para comparar cuando el icono de perfil se instale en plataformas de redes sociales. Cuando aparezca la ventana de configuración de almacenamiento de archivos. Cambia la relación de escala de la imagen al tamaño que necesites. Por ejemplo, a continuación cambio la relación de escala de la imagen al 5% de 1080px por 1080px para que la imagen a guardar sea de 54px por 54px.

#9 El resultado final

A partir de las variaciones de atributos en cada rasgo/capa que creé en esta publicación, generé algunos iconos de perfil interesantes. En principio, cuanto mayor sea el número de rasgos y atributos en cada rasgo, más combinaciones de rasgos y atributos podrás generar para usar como varios iconos de perfil.

¡OK! Eso es todo lo que puedo compartir. Espero que sea útil y por favor apóyenme para hacer más consejos.

Nos vemos.