No es exagerado decir que un ícono de perfil o una imagen en las redes sociales es la cara de su cuenta en el mundo virtual. Si bien puede cargar cualquier imagen aleatoria para el ícono de perfil, crear un ícono de perfil que sea visualmente atractivo podría funcionar a su favor.

 

Hay una versión en video de este tutorial. ¡Recomiendo echarle un vistazo!

Tamaño

Las plataformas de redes sociales generalmente no solicitan imágenes HD para los íconos de perfil. Tanto para el alto como para el ancho, 800 píxeles cuadrados suelen ser suficientes, pero prefiero 1000 como mínimo.

 

Creo que es mejor tener el tamaño de la ilustración lo suficientemente grande como para publicarlo en las redes sociales. Mientras que el tamaño imprimible sería ideal.

Además, si le resulta difícil acercar y alejar para ver si su obra de arte se ve bien en un tamaño más pequeño

 

Tenga el Navegador en la pantalla si no lo ha hecho, luego cambie su tamaño a alrededor de 100 píxeles cuadrados. Ahora puedes ver la versión pequeña en tiempo real.

Encabezamiento

Para estar seguro, es mejor tener su ícono en forma cuadrada porque a veces el ícono se recorta en formas extrañas. La mayoría recortará el ícono en un círculo, así que lo usaremos como referencia.

 

Para hacer el círculo de la manera más fácil, vaya a la subherramienta Figura (1), luego elija Elipse (2). La Línea/Relleno (3) debe ser Crear Línea, la opción del medio.

Marque el Tipo de aspecto (4) y haga clic en especificar longitud (5). Puede elegir cuántos píxeles tendría el diámetro del círculo (6), lo cual es increíble.

Dado que el tamaño del lienzo es de 1000 píxeles cuadrados, escriba 1000 tanto en el ancho como en el alto.

 

Haga clic en la esquina superior izquierda del lienzo.

Aparece un círculo perfecto.

Después de hacer el círculo, pinta las partes exteriores de negro para que se vea recortado como lo haría en las redes sociales.

Pruébalo en tu foto de perfil para ver si el punto focal está justo en el medio del círculo. Lo es, estás listo para irte.

Llamemos al círculo "plantilla de recorte" para el resto del tutorial porque lo usaremos en secciones posteriores. Tengo una hoja de trucos de plantilla de recorte que puede ver a continuación. Si desea usarlo, simplemente guarde la imagen a continuación en su dispositivo.

Color

Casi todas las plataformas tienen modos claros y oscuros. Es una buena idea probar si el ícono de perfil se vería bien en negro, gris y blanco. Para probar, use la plantilla de recorte anterior y aumente su brillo con Editar > Corrección tonal > Tono/Saturación/Luminosidad.

Este icono de perfil tiene un contraste bajo.

Prueba a compararlo con este que tiene mayor contraste.

¿Cuál se ve mejor en tamaños pequeños y en cualquier modo de color?

Para las imágenes de arriba, el personaje y el fondo se dibujan en capas separadas. Acabo de aumentar la luminosidad del fondo para que la silueta resalte.

 

Al colorear, recuerde que el alto contraste hace que el ícono sea más fácil de ver. En cierto modo, no puedes equivocarte al hacer un ícono en blanco y negro. Después de todo, el par de colores con mayor contraste son el blanco y el negro.

Pero no es la taza de té de todos. Si desea usar colores, está bien elegir los colores que desea y ajustarlos más tarde.

Iconos basados en letras

Al diseñar un ícono de perfil basado en letras, es posible que esté satisfecho con su diseño solo para descubrir que el ícono de su perfil se recortó de una manera incómoda cuando lo cargó.

Utilice la plantilla de recorte de la sección anterior para evitar este problema.

Cuando se usa el alfabeto y similares, todas las letras están mejor en mayúsculas si es posible. Hay una razón por la cual los cómics usan mayúsculas para sus diálogos en lugar de solo la primera letra de la primera palabra habitual, es fácil de leer.

Queremos íconos basados en letras fáciles de leer de un vistazo en cualquier tamaño.

Por supuesto, puede modificar y estilizar las letras para que sean fácilmente legibles en minúsculas. Convirtiéndolo en algo así como un logotipo. Por ejemplo, puede estilizar la B de "beam" para que sea reconocible incluso si las personas no pueden leer las otras tres letras.

Si el nombre que usa tiene más de cuatro letras, una ortografía única o difícil de recordar, puede optar por estilizar la primera letra del nombre. Lo mismo ocurre si el nombre contiene más de una palabra. Clip Studio, PlayStation, General Electric: marcas y organizaciones usan esto todo el tiempo.

Nota: Ese es realmente el nombre de alguien que conozco en la vida real, ¡sus padres estaban siendo demasiado creativos al nombrarlo!

 

Las iniciales estilizadas se parecen más a un logotipo, puede estilizarlo de la forma que desee para que sea único e identificable a simple vista, incluso si las iniciales no son fáciles de leer.

En el caso de que la inicial sea demasiado común (por ejemplo, TV, WC, AC) o se superponga con las iniciales de marcas u organizaciones existentes, es posible que desee pensar en una alternativa.

 

Por ejemplo, las iniciales de Wanderwort Chronicles serían WC; en su lugar, puede acortarlas a W-Chro. De esta manera, la gente no pensará en el inodoro cuando mire el ícono de perfil. También puede insertar el nombre completo en algún lugar dentro del icono.

Si la palabra o el nombre que quieres usar es largo y no quieres usar iniciales ni acortarlo, puedes usarlo completo. Pero para las redes sociales que convierten tu icono en un círculo superpequeño como YouTube, en el mejor de los casos se volverá estresante para la vista e ilegible en el peor.

 

Si bien el nombre completo en ambas muestras es difícil de leer o ilegible cuando se cambia el tamaño, el de la derecha aún se puede reconocer debido a la enorme W-cromo.

Las palabras sobre la imagen también funcionan. Asegúrese de que las palabras sean legibles contrastando el color de la palabra y la imagen.

Iconos basados en imágenes

Con las imágenes, tienes más libertad de acción con lo que puedes hacer. Retrato, avatar, mostrar su arte, promocionar sus proyectos o incluso tratarlo como una actualización de estado, cualquier cosa puede funcionar.

 

Al igual que cualquier otra obra de arte, primero debes saber qué quieres dibujar. Prefiero dibujar en un área más grande, luego recorto la imagen una vez que termino con el boceto. A veces lo guardo todo y lo recorto solo cuando lo subo.

 

El lienzo para este boceto es 2000*2000.

Copie el tamaño de la plantilla de recorte de su elección y péguelo en el lienzo. Vea si los puntos focales pueden caber dentro de uno de los círculos, preferiblemente de 800 píxeles o más. Los puntos focales de esta imagen son la cara y la parte de "cumpleaños" del pastel.

 

Porque ambos encajan bien en 1500 y 1000 círculos. Decidí mantener la imagen en su tamaño original en lugar de recortarla.

Oculta el círculo y empieza a dibujar. Si hace arte lineal, considere hacerlo en capa vectorial en lugar de ráster. Hay una subherramienta llamada Línea correcta (tecla de acceso rápido Y) que puede ayudarlo a editar las líneas vectoriales.

Aquí está la muestra de los resultados de la edición en 6 modos diferentes.

1. Pellizcar línea vectorial

2. Espesar/aumentar la escala del ancho. Procesar toda la línea: ON.

3. Estrechar/Reducir ancho. Procesar toda la línea: ON.

4. Fijar el ancho. Procesar toda la línea: ON.

5. Espesar/aumentar la escala del ancho. Procesar toda la línea: APAGADO.

6. Estrechar/Reducir ancho. Procesar toda la línea: APAGADO.

 

El proceso de dibujo:

Pruebas de color.

Como no hay problema con los tres modos de color, ¡ya está!

Puntas

Cuando el ícono de su perfil tiene poco contraste, puede solucionarlo de dos maneras. Primero, si los colores se dibujaron en capas separadas, puede editar los colores manualmente.

 

La otra forma es ir a Capa > Nueva capa de corrección y usar una o más de estas tres funciones: Brillo/Contraste, Corrección de nivel y Curva de tono.

Individualmente, pueden producir resultados similares, pero es posible mezclar y combinar sus funciones para obtener el resultado que desea. Las siguientes imágenes fueron editadas usando esas características.

Tenga en cuenta que si la marca registrada de su estilo son colores de bajo contraste, puede dejar el ícono de perfil como está. Menos visibilidad de íconos no es nada si significa que tienes que comprometer tu estilo de lo contrario.

Otro

Es divertido que este tema apareciera justo cuando terminé de crear mi ícono de perfil actual. Algunas ilustraciones proporcionadas en este tutorial fueron el resultado de mis intentos, ¡jaja!

 

Espero que encuentres útil este tutorial. Gracias por leer y diviértete dibujando~

 

Nota: Este tutorial fue editado dos veces. Primero porque encontré un método más fácil para crear el círculo para recortar. En segundo lugar, para agregar un enlace de video, arreglar la narración y renovar/agregar imágenes. Pongo el aviso en caso de que alguien se pregunte por qué el tutorial es ligeramente diferente :)