Este es el primero de (esperamos) muchos tutoriales de esta gran herramienta de diseño vectorial que es Inkscape. Si aún no la tenés, descargala desde su sitio web oficial.

En esta ocasión vamos a hacer un juego de iconos sociales, aplicándole un estilo retro. Comienza creando un objeto en forma de estrella de 100 x 100 pixeles, con las siguientes características:

• Esquinas: 12
• Radio: 0.850
• Redondeo: 0.250
• Color de relleno: #d03432

Duplica el objeto (CTRL+D) y rotalo a como se muestra en la imagen. Aplica un color de relleno de #4d4d4d.

Selecciona los dos objetos y duplicalos. Tendrás ahora dos objetos iguales.

Selecciona el objeto gris en la copia y mandalo al fondo.

Selecciona ahora los dos objetos de la copia (el gris y el rojo) y dale Diferencia (CRTL+-). Dale al nuevo objeto un color de relleno de #2ea368…

…y alinealo con el objeto gris del original. Ahora tendrás una figura de tres colores.

Nota: Es probable que tengas que bajar el objeto rojo y gris para que el celeste aparezca al fondo. Utiliza los botones o atajos correspondientes para esto.

Bajate el pack de iconos sociales Salyut. Utilizaremos la versión Dark para nuestros nuevos iconos.

Duplica el pájaro en el icono de Twitter y redimensionalo para que tenga un alto de 30 pixeles. Centralo luego de forma horizontal y vertical en el botón.

Crea dos rectangulos de color blanco de 42.5 x 2.5 pixeles. Ubicalos uno encima del logo y el otro debajo.

Ya estamos casi listos! Ahora debes bajarte la textura de desgaste que le vamos a aplicar al icono para que tenga ese aspecto añejo. (Enlace de descarga al final del tutorial)

Copia y pega la textura encima del icono. Cambia el color de la textura a blanco… y listo! Ahora puedes exportar tu icono a formato PNG y usarlo en tu sitio web.

Haz click en el botón de descarga para descargar la textura y el juego completo de botones en formato SVG y PNG. Disfruta!