Introducción

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

 

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

Acerca del icono/imagen del perfil

El ícono de perfil o también conocido como imagen de perfil (PFP), técnicamente se usa como una identidad visual complementaria en varias plataformas de redes sociales. Las imágenes utilizadas no siempre tienen que ser autorretratos de fotografías, sino que pueden tener la forma de ilustraciones de figuras en un estilo surrealista o de dibujos animados que muestren expresiones o imágenes del usuario de la cuenta.

 

Recientemente, el ícono 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 hecho de este ícono de perfil la identidad inicial para atraer la interacción con otros usuarios. De hecho, el ícono de perfil se ha convertido en un mercado separado que muchos usuarios de redes sociales comercializan y recopilan.

#1 Entendiendo el Concepto de Rasgos en el Icono de Perfil

Los rasgos en el ícono de perfil se refieren a la variedad de atributos usados 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. Entonces, en concepto, este rasgo se puede usar y combinar con varias otras propiedades para producir una variedad de apariencias de figuras.

Los rasgos del ícono de perfil pueden tener la 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 del ícono de perfil que podemos ver a través de cuentas populares en las redes sociales. Pero, por supuesto, es mejor desarrollar sus propias ideas y expresarse a través de ellas.

Técnicamente, el icono de perfil mostrará el retrato de una figura. Por ello, es muy recomendable poder visualizar la expresión de la figura a realizar. El tipo de plano más adecuado para esta necesidad es un Primer Plano o Plano Medio que muestra la cabeza hasta la parte superior del pecho de la figura. Es importante recordar que el ícono de perfil se mostrará en un tamaño muy pequeño en las plataformas de redes sociales. Entonces, trate de 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 al mostrar una vista lateral, una vista de tres cuartos, incluso una vista trasera.

Después de eso, decida qué estilo de ilustración usar. Puede 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 su ícono de perfil. Vaya al menú Archivo > Nuevo.

Una ventana nueva aparecerá. El ícono de perfil requiere dimensiones con forma de caja, por lo que establecemos el ancho y la altura personalizados. No es necesario que el tamaño sea demasiado grande, incluso algunas plataformas de redes sociales reajustarán las imágenes cargadas según su almacenamiento. Para eso, recomiendo usar las dimensiones 1080px para el ancho y 1080px para la altura también.

Para la resolución, simplemente configúrela en 72 ppp porque estamos creando imágenes solo para necesidades digitales. Pero puede considerar una resolución más alta si es necesario imprimir.

El lienzo está listo, luego configuramos la cuadrícula para determinar el diseño de la figura que crearemos. Vaya 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 se preocupe, 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. Establezca el punto de inicio de la barra de cuadrícula/regla en Centro. Luego establezca el espacio entre las cuadrículas en 1000 px y el número de divisiones en 5. Haga clic en Aceptar 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 ícono de perfil se publique en las redes sociales. La mayoría de las plataformas de redes sociales muestran el ícono de perfil en forma de círculo, por lo que es posible que algunas partes se corten si no lo consideramos desde el principio.

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

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

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

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

Ahora coloca el círculo imaginario en el lienzo. Apunte el puntero al centro de la cuadrícula y luego haga clic con el botón izquierdo. Aparecerá un círculo imaginario con un trazo morado. Este círculo en realidad no existe y es solo una guía, por lo que no es necesario eliminarlo al final.

#4 Usar 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 el punto de vista. Para aquellos de ustedes que todavía están confundidos acerca de cómo dibujar buenas proporciones de figuras desde el frente, el costado u otras vistas, pueden usar materiales 3D como referencia.

Simplemente practique yendo al menú Ventana > Material > Material [3D].

El panel Materiales se expandirá a la derecha de la pantalla. Seleccione "Tipo de cuerpo", luego seleccione y mantenga presionado los activos de figura de dibujo 3D disponibles. Si por casualidad este activo no está disponible en su CSP, primero debe descargarlo. Si está disponible, simplemente colóquelo en el lienzo.

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

Seleccione el icono de ángulo preestablecido en la parte inferior de la figura. Una ventana nueva aparecerá. Puede elegir los ángulos disponibles y la figura se mostrará inmediatamente de acuerdo con el ángulo seleccionado en el lienzo.

Puede elegir una vista frontal, una vista lateral izquierda o derecha, una vista de tres cuartos e incluso una vista trasera de acuerdo con el concepto de icono de perfil que haya establecido.

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

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

Cuando este recurso 3D termine de configurarse, seleccione la capa de material en el panel de capas. Luego establezca la opacidad de la capa al 50% para que esta capa sea cómoda de usar como referencia para dibujar.

#5 Organización de rasgos como capas

Antes de comenzar a dibujar una figura, primero debemos organizar la necesidad de rasgos usando un sistema de capas. Cree una carpeta de capas con la misma cantidad de rasgos que ha diseñado y nombre cada carpeta de acuerdo con los nombres de los rasgos. Por ejemplo, diseñé varios rasgos con los siguientes nombres: Trasfondo, Piel, Ropa, Cabeza y Especial.

Vaya al menú Capa > Carpeta de nueva capa. Verá una carpeta en el panel de capas. Esta carpeta se puede llenar con capas nuevas o capas existentes.

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

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

Para que sea más fácil de organizar visualmente porque tendremos muchas carpetas de capas y muchas capas, sugiero usar una paleta de colores para cada carpeta de capas con un color diferente. El método es muy fácil, simplemente elija 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 ícono de perfil. Es importante ordenar visualmente las carpetas de capas en su orden. La última imagen del lienzo se coloca en la capa inferior (por ejemplo, la capa de fondo) y la imagen frontal del lienzo se coloca en la capa superior.

#6 Dibujar los rasgos de la figura

El siguiente proceso es el dibujo de la figura. Este proceso se puede realizar de muchas maneras, tanto desde el punto de vista técnico como estilístico y procedimental. Pero en principio, la figura se hace parcialmente según la distribución de propiedades predeterminadas.

 

Para empezar, puede dibujar la apariencia general de la figura que se creará en la "Capa 1", que está fuera de las carpetas de capas. Puede usar la herramienta lápiz o pluma para hacer un boceto. Utilice los recursos 3D de la capa inferior como referencia.

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

Aparece una nueva ventana. Escriba 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 únicamente 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 atributo: Timberwolf, Sunset Orange, Sunglow, Sky Blue y Screamin Green.

Además, creé una capa de "Piel" que contenía 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: Froggie, Beast y Human.

La siguiente capa encima de ella, 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 de ella, creé una capa de "Cabeza" que es una variación del objeto que se convierte en la cabeza de la figura. Conceptualmente, lo hice desconectado del cuerpo de la figura. Para este rasgo, creé cinco variaciones con los siguientes nombres de atributo: Boca grande, Ojo de buey, Coco, Tablero de dibujo y Cara hueca.

La capa superior, hice una capa "Especial" que contiene objetos que son accesorios o adornos que decoran la apariencia o expresión de la figura. Para este rasgo, creé cuatro variaciones con los siguientes nombres de atributo: Tentacle Hand, Sand Hand, Voxel Hand y Idle Hand.

Esa es toda la disposición de capas que hice como ejemplo al crear un ícono de perfil con múltiples características. Por supuesto, puede agregar libremente capas/rasgos y atribuir variaciones para cada rasgo según el concepto que desee. A continuación, podemos combinar cada atributo en cada rasgo/capa para generar varios íconos de perfil posibles.

#7 Generación y exportación de los iconos de perfil

Finalmente llegamos a la tan esperada sesión. Después de crear y organizar todos los rasgos de tal manera con el sistema de capas, ahora podemos comenzar a combinar cada rasgo y generarlos en varios íconos de perfil.

 

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

Una vez que haya generado una combinación interesante de rasgos, estará listo para exportarlos a un ícono de perfil. Recomiendo guardarlo en formato PNG, que puede guardar imágenes bien para necesidades digitales y publicaciones web en tamaños de datos pequeños. Vaya al menú Archivo > Exportar (capa única) > PNG.

 

Aparece la ventana de guardar. Seleccione el directorio de almacenamiento y luego escriba el nombre del archivo.

Antes de guardar el archivo, aparecerá primero la ventana de configuración. Aquí puede establecer sus requisitos de almacenamiento de archivos. Por ahora mantén la configuración por defecto. Luego haga clic en Aceptar.

También puede guardar el archivo en un tamaño más pequeño para comparar solo cuando el ícono de perfil está instalado en las plataformas de redes sociales. Cuando aparece la ventana de configuración de almacenamiento de archivos. Cambie la relación de escala de la imagen al tamaño que necesite. Por ejemplo, a continuación, cambio la relación de escala de la imagen al 5% de 1080 px por 1080 px para que la imagen que se guardará sea de 54 px por 54 px.

#9 El resultado final

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

¡OK! Eso es todo lo que puedo compartir. Espero que sea útil y por favor ayúdenme a hacer más consejos.

Nos vemos.