Paso 6

Terminemos el icono enmascarando la línea de textura que acabamos de crear usando una copia (Control + C) del fondo que hay debajo de ella y pegándola enfrente (Control + F). Después, selecciona ambos, haz clic derecho y elige la opción de Crear máscara de recorte. Una vez hecho, selecciona todas las formas que componen el icono y agrúpalas (Control + G) antes de pasar al siguiente.

6. Cómo crear el avatar del editor de fotografías

En cuanto hayas terminado de trabajar en el primer avatar, bloquea su capa y pasa a la siguiente (que sería la tercera), en la cual empezaremos a trabajar en el avatar del editor de fotografías.
Paso 1

Selecciona el fondo de color morado y cámbiale el color de relleno a un azul claro (#63C7EA) desde el panel Color.

Paso 2

Comencemos con el símbolo de capa de ajuste creando un círculo de 24x24 px (#A0E1F2) con un contorno cuyo grosor sea de 4 px (#3F3330). Colócalo en la parte superior de la cabeza tal como se muestra en la siguiente imagen.

Paso 3

Vayamos ahora con la mitad derecha del símbolo de capa de ajuste usando una copia (Control + C > Control + F) de la forma del relleno. Córtala por la mitad seleccionando su punto de ancla izquierdo con la herramienta Selección directa (A) y eliminándolo pulsando la tecla Suprimir. Una vez hecho, asigna a la forma resultante el color #3F3330 antes de ir al siguiente paso.

Paso 4

Pasemos a añadir algo de textura al símbolo usando el pincel de punteado. Enmascara la textura después. Una vez hecho, selecciona todas las formas que componen el símbolo de capa de ajuste y agrúpalas usando el atajo de teclado Control + G. Luego, agrupa todo el avatar.

Paso 5

Terminemos con el icono añadiendo la textura del fondo, la cual copiaremos (Control + C) del anterior avatar y pegaremos (Control + F) en la capa de este avatar. Selecciona todas las formas que componen este avatar y agrúpalas (Control + G) antes de pasar al siguiente.

7. Cómo crear el avatar del programador

El siguiente avatar será el del programador, así que, asumiendo que ya estás en la siguiente capa (que sería la cuarta), acerca el zoom en el área activa de dibujo y ¡prepárate para empezar!
Paso 1

Como hicimos con el anterior icono, comienza cambiando el color del fondo de morado a rojo claro (#F7794D).

Paso 2

Comencemos por el rubí. Crea un cuadrado de 24x24 px y coloréalo con el color #FF9E88. Céntralo a la parte superior de la cabeza y colócalo a una distancia de 4 px del borde inferior de ella.

Paso 3

Activa el modo Previsualización de píxeles (Alt + Control + Y) y comienza a ajustar la forma añadiendo un par de puntos de ancla con la herramienta Añadir punto de ancla (+). Fíjate en la siguiente imagen para guiarte.

Paso 4

Convierte el cuadrado en un diamante eliminando cuidadosamente todos los puntos de ancla de sus esquinas con la herramienta Eliminar punto de ancla (-). Vuelve al modo de previsualización normal (Alt + Control + Y) cuando termines.

Paso 5

Dale a la forma resultante un contorno de 4 px de grosor (#3F3330), el cual tendrá uniones redondeadas.

Paso 6

Añade una línea horizontal de 24 px de longitud y de 4 px de grosor (#3F3330). Colócala tal como se muestra en la siguiente imagen.

Paso 7

Asígnale al rubí una pequeña textura con la ayuda del pincel de punteado. Luego, selecciona todas las formas que componen el rubí y agrúpalas usando el atajo de teclado Control + G. Después, agrupa todo el avatar.

Paso 8

Terminemos con el icono añadiendo una textura frontal. Para ello, usa una copia (Control + C) de la que tienen los avatares anteriores y pégala (Control + F) en la capa actual. Céntrala, selecciona todas las formas que componen el avatar y agrúpalas (Control + G) antes de pasar al siguiente.

8. Cómo crear el avatar del ilustrador

Ya solo nos queda el cuarto y último icono, así que ve a la siguiente capa (que sería la quinta) y ¡vamos allá!
Paso 1

Como hicimos con los otros avatares, comienza cambiando el color del fondo de morado a amarillo claro (#F9BC50) desde el panel Color.

Paso 2

Empecemos a crear el plumín usando un rectángulo de 20x24 px. Coloréalo con el color #FFD694 y, luego, ajusta la forma cambiando al modo Previsualización de píxeles (Alt + Control + Y) y añadiendo un par de puntos de ancla con la ayuda de la herramienta Añadir punto de ancla (+).

Paso 3

Sigue ajustando la forma eliminando todos los puntos de ancla de las esquinas usando la herramienta Eliminar punto de ancla (-).

Paso 4

Dale a la forma resultante un contorno de 4 px de grosor (#3F3330), que tendrá uniones redondeadas.

Paso 5

Añade una línea vertical que tenga una longitud de 12 px y un grosor de 4 px. Haz que sus uniones estén redondeadas y coloca la línea tal como se muestra en la siguiente imagen.

Paso 6

Aplica al plumín algo de textura usando el pincel de punteado. Selecciona todas las formas que componen el plumín y agrúpalas (Control + G). Luego, agrupa todo el avatar.

Paso 7

Terminemos con el icono, y con el proyecto en general, añadiendo la textura frontal. Sigue el mismo proceso que vimos con los otros avatares. Una vez hecho, selecciona todas las formas que componen este avatar y agrúpalas (Control + G) antes de hacer clic en el botón de Guardar.

9. ¡Ya hemos terminado!

Con solo unas cuantas formas y unas texturas, hemos conseguido crear un set de avatares que podría servirte en futuros proyectos.
Como ves, podemos aplicar la misma técnica para crear avatares nuevos personalizados o incluso ajustar los que ya tenemos cambiándoles el color.
Dicho esto, me muero de ganas de ver lo que hayas logrado crear. ¡Si tienes alguna pregunta, escríbela en la sección de comentarios e intentaré responderte tan pronto como pueda!